{"title":"Fête des Pères","description":"","products":[{"product_id":"baume-a-barbe-a-lhuile-de-ricin-bio-pot-kraft-40-g-comme-avant-comme-avant","title":"Baume à Barbe à l'Huile de Ricin Bio - 40 g - Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume à Barbe à l'Huile de Ricin Bio\nPalette détectée:\n - Primaire: #8B7355 (brun kraft\/carton naturel du packaging)\n - Secondaire: #6B8E5A (vert olive\/sauge des labels et variante menthe)\n - Accent: #D4A574 (beige doré\/crème du baume)\nAmbiance: Naturel, bio, artisanal, masculin épuré, slow cosmétique\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n \n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eBaume à barbe\u003cbr\u003eà l'huile de ricin\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eLe soin naturel pour une barbe nourrie et disciplinée\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eSeulement 4 ingrédients bio pour discipliner, nourrir et assouplir votre barbe sans effet gras\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e✨ Pourquoi choisir ce baume à barbe ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔 Discipline naturelle\u003c\/h3\u003e\n \u003cp\u003eStructurez votre barbe sans effet carton ni résidu. Fini les poils rebelles et les frisottis incontrôlables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Nutrition intense\u003c\/h3\u003e\n \u003cp\u003eL'huile de ricin pénètre en profondeur pour des poils plus souples, moins cassants et agréables au toucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌟 Fini non gras\u003c\/h3\u003e\n \u003cp\u003eTexture huileuse à l'application qui se fond rapidement. Résultat mat et naturel, jamais brillant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e😌 Apaise les irritations\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité calme les démangeaisons fréquentes sous la barbe. Votre peau respire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📈 Favorise la densité\u003c\/h3\u003e\n \u003cp\u003eL'acide ricinoléique stimule les follicules pour une barbe plus dense et fournie sur le long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🍃 100% naturel\u003c\/h3\u003e\n \u003cp\u003eZéro silicone, zéro parabène, zéro parfum synthétique. Que des actifs bruts et efficaces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🧪 Composition pure et bio\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eIngrédient star riche en acide ricinoléique. Nourrit, fortifie et stimule la pousse des poils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003ePénètre la fibre capillaire pour une hydratation longue durée et une douceur incomparable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eApaise la peau, répare les poils abîmés et protège des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003eAlternative végane à la cire d'abeille. Apporte tenue et discipline sans effet lourd.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cspan class=\"bb-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eUne noisette suffit pour une barbe courte à moyenne, un peu plus pour les barbes fournies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cspan class=\"bb-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eRéchauffez\u003c\/h3\u003e\n \u003cp\u003eFrottez vos mains jusqu'à ce que le baume devienne fluide et transparent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cspan class=\"bb-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eMassez de l'intérieur vers l'extérieur, en commençant par la peau sous la barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cspan class=\"bb-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eStructurez\u003c\/h3\u003e\n \u003cp\u003ePeignez ou brossez pour répartir uniformément et donner la forme souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-tip\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Conseil d'expert :\u003c\/strong\u003e Appliquez sur barbe légèrement humide après la douche pour une absorption maximale, ou sur barbe sèche pour plus de tenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e👤 Pour qui est fait ce baume à barbe bio ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e〰️ Barbes rebelles\u003c\/h3\u003e\n \u003cp\u003ePoils qui frisent, bouclent ou partent dans tous les sens\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🔥 Peaux irritées\u003c\/h3\u003e\n \u003cp\u003eDémangeaisons ou sécheresse sous la barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌱 Adeptes du naturel\u003c\/h3\u003e\n \u003cp\u003eZéro parfum synthétique, zéro ingrédient douteux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsables\u003c\/h3\u003e\n \u003cp\u003eCosmétiques écologiques et éthiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🏆 Les engagements\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eFormulation bio certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eApproche raisonnée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eNon testé sur animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eArtisanal près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🆚 Huile ou baume à barbe ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eL'huile à barbe nourrit et fait briller, mais offre peu de tenue. Ce baume nourrit tout autant grâce à l'huile de ricin et de coco, mais apporte en plus une discipline naturelle grâce à la cire de candelilla et au beurre de karité. Pour une barbe courte et docile, l'huile peut suffire. Pour une barbe plus longue ou rebelle, le baume devient indispensable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧔 Convient aux barbes de 3 jours ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eAbsolument. Même sur une barbe naissante, ce baume hydrate la peau et assouplit les poils dès les premiers centimètres. Utilisez simplement une quantité réduite et insistez sur le massage de la peau pour prévenir les démangeaisons liées à la repousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e👃 Ce baume a-t-il un parfum ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eCette version est sans huiles essentielles ajoutées, ce qui la rend idéale pour les peaux sensibles ou ceux qui préfèrent les soins neutres. L'odeur est très légère, naturelle, liée aux ingrédients bruts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Peaux sensibles ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eOui, la formule minimaliste et 100% naturelle convient aux peaux réactives. En cas de doute, effectuez un test sur une petite zone 24 à 48 heures avant la première utilisation complète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur et de l'humidité. Le pot kraft recyclable protège le baume de la lumière. Durée de vie : 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🧔 \u003cstrong\u003eVotre barbe mérite un soin à la hauteur de vos exigences.\u003c\/strong\u003e\u003cbr\u003e4 ingrédients bio, 2 à 3 mois d'utilisation, 0 compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bb-cream: #FAF8F5;\n --bb-white: #ffffff;\n --bb-primary: #8B7355;\n --bb-primary-dark: #5D4E3A;\n --bb-primary-light: #F5F0EB;\n --bb-secondary: #6B8E5A;\n --bb-accent: #D4A574;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e8e4df;\n --bb-shadow: 0 4px 24px rgba(93, 78, 58, .08);\n --bb-shadow-lg: 0 12px 48px rgba(93, 78, 58, .15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, #5D4E3A 0%, #8B7355 50%, #6B8E5A 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.bb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.bb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-primary), var(--bb-secondary));\n border-radius: 2px;\n}\n\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-card-ingredient {\n background: linear-gradient(145deg, var(--bb-white) 0%, var(--bb-primary-light) 100%);\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n.bb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto 1.5rem;\n}\n\n.bb-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: 1.25rem;\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-number {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-secondary) 100%);\n color: white;\n font-weight: 900;\n font-size: 18px;\n border-radius: 50%;\n}\n\n.bb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bb-step-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bb-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--bb-secondary) 0%, #5A7D4A 100%);\n border-radius: var(--bb-radius);\n padding: 1.25rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-tip-icon {\n font-size: 24px;\n}\n\n.bb-tip p {\n color: white;\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.bb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-step {\n padding: 1rem;\n }\n \n .bb-step-number {\n width: 36px;\n height: 36px;\n min-width: 36px;\n font-size: 16px;\n }\n \n .bb-tip {\n padding: 1rem;\n flex-direction: column;\n gap: .5rem;\n text-align: center;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n \n .bb-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-step:nth-child(1) { animation-delay: .1s; }\n .bb-step:nth-child(2) { animation-delay: .2s; }\n .bb-step:nth-child(3) { animation-delay: .3s; }\n .bb-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755183202461,"sku":"NBAICAV0037","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-a-barbe-a-lhuile-de-ricin-bio-40-g-comme-avant-ingredients_921d67d4-2f0f-4c49-a6a0-19cf881c837b.jpg?v=1767954001"},{"product_id":"creme-coiffante-disciplinante-100-g-k-pour-karite","title":"Crème Coiffante Disciplinante - 100 g - K pour Karité","description":"\u003cdiv class=\"kpk-premium\"\u003e\n\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 99 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🏅 Certifiée Ecocert Cosmos Natural\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🧴 100 g format nomade\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eCrème coiffante disciplinante\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eK pour Karité\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eDomptez vos boucles avec une formule naturelle au beurre de karité bio et à l'aloe vera. Coiffage souple, hydratation durable, fini sans résidu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eCrème coiffante disciplinante K pour Karité : des boucles sublimées au naturel\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème coiffante\u003c\/strong\u003e capable de dompter vos cheveux sans les alourdir ni les agresser ? La \u003cstrong\u003ecrème coiffante disciplinante de K pour Karité\u003c\/strong\u003e est formulée avec 99 % d'ingrédients d'origine naturelle pour offrir à vos cheveux un coiffage souple, une hydratation durable et un fini naturel. Certifiée \u003cstrong\u003eEcocert Cosmos Natural\u003c\/strong\u003e, elle convient aussi bien comme \u003cstrong\u003ecrème coiffante femme\u003c\/strong\u003e que comme \u003cstrong\u003ecrème coiffante homme\u003c\/strong\u003e, quel que soit votre type de cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème coiffante pour vos cheveux ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eQue vos cheveux soient lisses, ondulés, bouclés ou crépus, cette crème répond à plusieurs besoins capillaires en un seul geste :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌀 Redéfinition des boucles\u003c\/h3\u003e\n \u003cp\u003eVéritable crème coiffante boucles, elle sculpte et structure chaque boucle pour un effet wavy souple et rebondi, sans rigidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✨ Action anti-frisottis\u003c\/h3\u003e\n \u003cp\u003eElle lisse la fibre capillaire en surface, réduisant visiblement les frisottis même par temps humide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💧 Hydratation et nutrition\u003c\/h3\u003e\n \u003cp\u003eGrâce au beurre de karité et à l'aloe vera bio, vos cheveux retrouvent douceur, brillance et souplesse dès la première application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🍃 Coiffage sans résidu\u003c\/h3\u003e\n \u003cp\u003eSa texture légère pénètre rapidement sans laisser d'effet collant ni cartonné, pour un rendu naturel toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème coiffante disciplinante ?\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eSon utilisation est simple et s'adapte à votre routine. Voici nos conseils pour en tirer le meilleur :\u003c\/p\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eSur cheveux humides\u003c\/h3\u003e\n \u003cp\u003ePrélevez une noisette de crème, frottez-la entre vos paumes et répartissez-la des longueurs jusqu'aux pointes. Scrunchez vos boucles pour les redéfinir, puis laissez sécher à l'air libre ou au diffuseur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eSur cheveux secs\u003c\/h3\u003e\n \u003cp\u003eAppliquez une petite quantité pour lisser les frisottis, donner du mouvement ou créer un look coiffé-décoiffé maîtrisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eEn finition\u003c\/h3\u003e\n \u003cp\u003eUtilisez-la comme touche finale pour discipliner les mèches rebelles et apporter de la brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCette crème coiffante cheveux bouclés fonctionne particulièrement bien en combinaison avec un leave-in conditioner pour maximiser l'hydratation des cheveux très secs ou crépus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eUne composition naturelle et certifiée\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eLa force de cette crème coiffante réside dans la qualité de ses ingrédients. Formulée avec \u003cstrong\u003e99 % d'ingrédients naturels\u003c\/strong\u003e dont \u003cstrong\u003e21 % issus de l'agriculture biologique\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément la fibre capillaire, apporte brillance et protège contre la déshydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur, apaise le cuir chevelu sensible et aide à préserver l'éclat des cheveux colorés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🫒 Oléine de karité\u003c\/h3\u003e\n \u003cp\u003eAssouplit les cheveux et facilite le démêlage sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eRenforce la chevelure et offre une protection contre les agressions extérieures (pollution, chaleur, UV).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🔬 Phytokératine\u003c\/h3\u003e\n \u003cp\u003eRépare et renforce la structure du cheveu pour des longueurs plus résistantes et élastiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e🚫\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003esans parabènes, sans silicones et sans sulfates\u003c\/strong\u003e. Elle respecte votre cuir chevelu comme l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eCertifications et engagements K pour Karité\u003c\/h2\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🏅 Ecocert Cosmos Natural\u003c\/h3\u003e\n \u003cp\u003eFormulation respectueuse des normes environnementales les plus strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌍 Cosmétique responsable\u003c\/h3\u003e\n \u003cp\u003eK pour Karité s'engage depuis ses débuts pour une beauté éthique et durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✈️ Format nomade\u003c\/h3\u003e\n \u003cp\u003eTube compact de 100 g, idéal pour glisser dans votre sac ou trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 99 % naturel\u003c\/h3\u003e\n \u003cp\u003eDont 21 % d'ingrédients issus de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003e🌀 Offrez à vos cheveux le soin coiffant qu'ils méritent : naturel, efficace et respectueux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-accordion\"\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique est destiné à un usage externe uniquement. En cas d'irritation, cessez l'utilisation et consultez un professionnel de santé. Conservez à l'abri de la chaleur et de la lumière directe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kpk-disclaimer\"\u003eLes résultats peuvent varier selon la nature et l'état de vos cheveux. Produit cosmétique, ne se substitue pas à un traitement capillaire professionnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #faf8f5;\n --kpk-white: #ffffff;\n --kpk-primary: #3a7ca5;\n --kpk-primary-dark: #1e4d6e;\n --kpk-primary-light: #e8f2f8;\n --kpk-secondary: #c9a34e;\n --kpk-accent: #d4a843;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e4dfd8;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #1e4d6e 0%, #3a7ca5 45%, #c9a34e 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(201,163,78,.15) 0%, transparent 50%);\n opacity: .6;\n}\n\n.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kpk-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.kpk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kpk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kpk-primary), var(--kpk-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.kpk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kpk-accordion {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n box-shadow: var(--kpk-shadow);\n overflow: hidden;\n}\n\n.kpk-accordion-item {\n border-bottom: 1px solid var(--kpk-border);\n margin: 0;\n padding: 0;\n}\n\n.kpk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kpk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kpk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kpk-accordion-header:hover {\n background: var(--kpk-primary-light);\n}\n\n.kpk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kpk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kpk-primary);\n transition: transform .2s ease;\n}\n\n.kpk-accordion-item[open] .kpk-accordion-header::after {\n content: '−';\n}\n\n.kpk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kpk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kpk-accordion-content p {\n margin: 0;\n}\n\n\/* === SECTION INTRO === *\/\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.kpk-section-intro strong {\n color: var(--kpk-text);\n}\n\n\/* === DISCLAIMER === *\/\n.kpk-disclaimer {\n font-size: 12px;\n color: var(--kpk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kpk-card {\n padding: 1.125rem;\n }\n\n .kpk-section {\n margin-bottom: 1.75rem;\n }\n\n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n\n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kpk-grid-compact {\n gap: .625rem;\n }\n\n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n\n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n\n .kpk-timeline-content p {\n font-size: 13px;\n }\n\n .kpk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kpk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kpk-testimonial {\n padding: 1.25rem;\n }\n\n .kpk-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: kpkFadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes kpkFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755248640157,"sku":"KT0050","price":15.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-coiffante-disciplinante-100-g-k-pour-karite-packshothd.webp?v=1775993447"},{"product_id":"cire-coiffante-bio-40-g-k-pour-karite","title":"Cire Coiffante Bio - 40 gr - K pour Karité","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Cire Coiffante Bio K pour Karité\nPalette détectée:\n - Primaire: #8B6914 (brun doré\/bronze du packaging)\n - Secondaire: #5C4A1F (brun foncé terreux)\n - Accent: #C4A35A (doré lumineux)\nAmbiance: Naturel\/organique, masculin-unisexe, artisanal, terreux et authentique\nPréfixe CSS: kpk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Conseils d'utilisation\"\n 2. \"Composition\"\n 3. \"Origine et fabrication\"\n 4. \"Ingrédients\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kpk-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"kpk-hero\"\u003e\n \u003cdiv class=\"kpk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kpk-hero-content\"\u003e\n \u003cdiv class=\"kpk-badges-top\"\u003e\n \u003cspan class=\"kpk-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e🐝 Cire d'abeille\u003c\/span\u003e\n \u003cspan class=\"kpk-badge\"\u003e✨ Bio certifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kpk-hero-title\"\u003eCire Coiffante Bio K pour Karité\u003c\/span\u003e\n \u003cp class=\"kpk-subtitle\"\u003eSculptez votre style naturellement\u003c\/p\u003e\n \u003cp class=\"kpk-description\"\u003eUne formule unique aux ingrédients biologiques pour structurer et styliser votre coiffure tout en respectant vos cheveux et l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- INTRODUCTION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eBoîte de 40g facile à transporter, idéale pour un usage quotidien à la maison ou en déplacement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003eFacile à appliquer et à rincer, sans résidus gras. Laisse les cheveux souples et légers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌸 Parfum subtil\u003c\/h3\u003e\n \u003cp\u003eUne expérience sensorielle exceptionnelle avec un parfum naturel et délicat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CONSEILS D'UTILISATION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"kpk-timeline\"\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003ePrélevez une petite quantité\u003c\/h3\u003e\n \u003cp\u003ePrenez une noisette de cire dans la paume de votre main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez entre vos mains\u003c\/h3\u003e\n \u003cp\u003eFrottez doucement pour réchauffer la cire et la rendre plus malléable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eSculptez votre coiffure\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur cheveux secs ou humides en modelant selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-item\"\u003e\n \u003cdiv class=\"kpk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kpk-timeline-content\"\u003e\n \u003ch3\u003eRemodelable à volonté\u003c\/h3\u003e\n \u003cp\u003eSa formule légère permet de remodeler votre coiffure à tout moment de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kpk-tip\"\u003e\n \u003cspan class=\"kpk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pro :\u003c\/strong\u003e Sur l'ensemble de la chevelure pour un effet plaqué ou sculpté, uniquement sur les pointes pour un rendu naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kpk-usages\"\u003e\n \u003cp class=\"kpk-usages-title\"\u003eIdéale pour :\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid-compact\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e✂️ Coupes courtes\u003c\/h3\u003e\n \u003cp\u003eÉbouriffez et texturez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e💇 Cheveux longs\u003c\/h3\u003e\n \u003cp\u003eRelief et discipline\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🪶 Cheveux fins\u003c\/h3\u003e\n \u003cp\u003eTexture et volume\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌀 Cheveux bouclés\u003c\/h3\u003e\n \u003cp\u003eDéfinition des boucles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cp class=\"kpk-section-intro\"\u003eDes ingrédients naturels et biologiques soigneusement sélectionnés pour leurs bienfaits pour le cuir chevelu et les cheveux.\u003c\/p\u003e\n \u003cdiv class=\"kpk-grid\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité\u003c\/h3\u003e\n \u003cp\u003ePropriétés hydratantes et nourrissantes exceptionnelles. Assure une protection optimale de vos cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🐝 Cire d'abeille\u003c\/h3\u003e\n \u003cp\u003eAssure la tenue de votre coiffure tout en respectant la nature de vos cheveux, sans les alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamines et minéraux, elle nourrit et protège vos cheveux en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle de romarin\u003c\/h3\u003e\n \u003cp\u003eStimule la circulation sanguine du cuir chevelu, fortifie les cheveux et aide à prévenir leur chute.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ORIGINE ET FABRICATION --\u003e\n \u003csection class=\"kpk-section\"\u003e\n \u003ch2\u003eOrigine et fabrication\u003c\/h2\u003e\n \u003cdiv class=\"kpk-testimonial\"\u003e\n \u003cp class=\"kpk-testimonial-text\"\u003eFabriquée en France dans la Loire, cette cire coiffante est le fruit d'un savoir-faire artisanal et d'un engagement profond pour le respect de l'environnement. K pour Karité utilise des méthodes de production éthiques et durables pour offrir des produits de haute qualité, tout en minimisant l'impact écologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eSavoir-faire artisanal de la Loire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kpk-card\"\u003e\n \u003ch3\u003e🌱 Démarche éthique\u003c\/h3\u003e\n \u003cp\u003eProduction durable et solidaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INGRÉDIENTS --\u003e\n \u003csection class=\"kpk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eIngrédients\u003c\/h2\u003e\n \u003cdiv class=\"kpk-accordion\"\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content\"\u003e\n \u003cp\u003eRicinus communis (castor) seed oil, cocos nucifera (coconut) oil*, cera alba (cire d'abeille\/beeswax), hydrogenated castor oil, orbignya oleifera (huile de babassu\/babassu vegetable oil) seed oil*, cetearyl alcohol, simmondsia chinensis (huile végétale de jojoba\/jojoba) seed oil*, butyrospermum parkii (beurre de karité\/shea butter) extract, parfum (fragrance), copernicia cerifera (carnauba) wax, tocopherol, linalool\u003c\/p\u003e\n \u003cp style=\"margin-top: .75rem;\"\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kpk-accordion-item\"\u003e\n \u003csummary class=\"kpk-accordion-header\"\u003e🌿 Naturalité \u0026amp; certifications\u003c\/summary\u003e\n \u003cdiv class=\"kpk-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e100%\u003c\/strong\u003e du total des ingrédients sont d'origine naturelle.\u003cbr\u003e\n \u003cstrong\u003e40%\u003c\/strong\u003e du total des ingrédients sont issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003cp style=\"margin-top: .5rem;\"\u003eCertifié COSMOS Natural par ECOCERT.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"kpk-cta-box\"\u003e\n \u003cp\u003eFaites le choix d'un produit qui combine \u003cstrong\u003eefficacité\u003c\/strong\u003e, \u003cstrong\u003enaturel\u003c\/strong\u003e et \u003cstrong\u003eéthique\u003c\/strong\u003e.\u003cbr\u003eOffrez à vos cheveux la douceur et la tenue qu'ils méritent.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cp class=\"kpk-disclaimer\"\u003eLes résultats peuvent varier selon les types de cheveux. Pour une tenue optimale, adapter la quantité à la longueur et l'épaisseur de vos cheveux.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kpk-cream: #FAF8F5;\n --kpk-white: #ffffff;\n --kpk-primary: #8B6914;\n --kpk-primary-dark: #5C4A1F;\n --kpk-primary-light: #F5EFE0;\n --kpk-secondary: #6B5D4D;\n --kpk-accent: #C4A35A;\n --kpk-text: #1a1a1a;\n --kpk-text-light: #5a5a5a;\n --kpk-border: #e0e0e0;\n --kpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kpk-radius: 20px;\n --kpk-radius-sm: 12px;\n}\n\n.kpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kpk-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A1F 0%, #8B6914 50%, #C4A35A 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--kpk-shadow-lg);\n}\n\n.kpk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.kpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kpk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kpk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kpk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.kpk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.kpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kpk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.kpk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--kpk-primary), var(--kpk-accent));\n border-radius: 2px;\n}\n\n.kpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === GRILLES === *\/\n.kpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kpk-grid-compact .kpk-card {\n padding: 1rem;\n}\n\n.kpk-grid-compact .kpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kpk-grid-compact .kpk-card p {\n font-size: 12px;\n}\n\n\/* === CARDS === *\/\n.kpk-card {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kpk-shadow-lg);\n border-color: var(--kpk-primary);\n}\n\n.kpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.kpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kpk-primary), var(--kpk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kpk-timeline-content {\n flex: 1;\n background: var(--kpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kpk-radius-sm);\n box-shadow: var(--kpk-shadow);\n}\n\n.kpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kpk-timeline-content p {\n font-size: 14px;\n color: var(--kpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kpk-primary-light);\n border-radius: var(--kpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kpk-tip p {\n font-size: 14px;\n color: var(--kpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === USAGES === *\/\n.kpk-usages {\n margin-top: 1.5rem;\n}\n\n.kpk-usages-title {\n font-size: 16px;\n font-weight: 700;\n color: var(--kpk-primary-dark);\n text-align: center;\n margin-bottom: 1rem;\n}\n\n\/* === TESTIMONIAL === *\/\n.kpk-testimonial {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kpk-shadow);\n border-left: 4px solid var(--kpk-primary);\n}\n\n.kpk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kpk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kpk-accordion {\n background: var(--kpk-white);\n border-radius: var(--kpk-radius);\n box-shadow: var(--kpk-shadow);\n overflow: hidden;\n}\n\n.kpk-accordion-item {\n border-bottom: 1px solid var(--kpk-border);\n margin: 0;\n padding: 0;\n}\n\n.kpk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kpk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kpk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.kpk-accordion-header:hover {\n background: var(--kpk-primary-light);\n}\n\n.kpk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kpk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kpk-primary);\n transition: transform .2s ease;\n}\n\n.kpk-accordion-item[open] .kpk-accordion-header::after {\n content: '−';\n}\n\n.kpk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kpk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kpk-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kpk-cta-box {\n background: linear-gradient(135deg, var(--kpk-primary) 0%, var(--kpk-primary-dark) 100%);\n border-radius: var(--kpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.kpk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kpk-disclaimer {\n font-size: 12px;\n color: var(--kpk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kpk-card {\n padding: 1.125rem;\n }\n \n .kpk-section {\n margin-bottom: 1.75rem;\n }\n \n .kpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kpk-radius-sm);\n }\n \n .kpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kpk-grid-compact {\n gap: .625rem;\n }\n \n .kpk-grid-compact .kpk-card {\n padding: .75rem;\n }\n \n .kpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kpk-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kpk-timeline-content h3 {\n font-size: 14px;\n }\n \n .kpk-timeline-content p {\n font-size: 13px;\n }\n \n .kpk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kpk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kpk-testimonial {\n padding: 1.25rem;\n }\n \n .kpk-testimonial-text {\n font-size: 14px;\n }\n \n .kpk-tip {\n padding: .875rem 1rem;\n }\n \n .kpk-tip-icon {\n font-size: 20px;\n }\n \n .kpk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kpk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kpk-card:nth-child(1) { animation-delay: .05s; }\n .kpk-card:nth-child(2) { animation-delay: .1s; }\n .kpk-card:nth-child(3) { animation-delay: .15s; }\n .kpk-card:nth-child(4) { animation-delay: .2s; }\n .kpk-card:nth-child(5) { animation-delay: .25s; }\n .kpk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .kpk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"K POUR KARITE","offers":[{"title":"Default Title","offer_id":45755260666013,"sku":"KPKCCC1","price":11.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cire-coiffante-bio-40-gr-k-pour-karite-packshothd.webp?v=1775998731"},{"product_id":"savon-du-baroudeur-5-en-1-homme-bio-100-g-florame","title":"Savon de Rasage Bio Homme 5 en 1 – Le Savon du Baroudeur Florame","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon du Baroudeur 5-en-1 Florame\nPalette détectée:\n - Primaire: #3D3D3D (gris anthracite foncé du packaging - élégance masculine)\n - Secondaire: #C9A86A (or\/doré de la typographie et moustache - luxe naturel)\n - Accent: #D4A853 (orange\/ambre des textes bio - énergie naturelle)\nAmbiance: Masculine premium, naturel artisanal provençal, bio-luxe, aventurier raffiné\nPréfixe CSS: brd\n--\u003e\n\n\u003cdiv class=\"brd-premium\"\u003e\n\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"brd-hero\"\u003e\n \u003cdiv class=\"brd-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"brd-hero-content\"\u003e\n \u003cdiv class=\"brd-badges-top\"\u003e\n \u003cspan class=\"brd-badge\"\u003e🧔 5 en 1\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"brd-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"brd-hero-title\"\u003eSavon du Baroudeur\u003c\/span\u003e\n \u003cp class=\"brd-subtitle\"\u003eLe savon bio multi-usages de l'homme moderne\u003c\/p\u003e\n \u003cp class=\"brd-description\"\u003eCheveux, visage, barbe, corps et rasage : un seul savon artisanal aux huiles essentielles bio de cèdre Atlas et huile d'argan. Fabriqué à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- 5 Usages --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🪒 Un savon, cinq usages\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔 Rasage\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse et protectrice pour une glisse parfaite. L'huile d'argan bio limite les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✨ Visage\u003c\/h3\u003e\n \u003cp\u003eNettoie en douceur sans dessécher. Le cèdre et citron tonifient et purifient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🚿 Corps\u003c\/h3\u003e\n \u003cp\u003eMousse généreuse pour un nettoyage tonifiant. Hydrate grâce aux huiles d'olive, coco et tournesol bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💇 Cheveux\u003c\/h3\u003e\n \u003cp\u003eShampooing naturel tous types de cheveux. Nettoie sans alourdir, apporte brillance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🧔‍♂️ Barbe\u003c\/h3\u003e\n \u003cp\u003eAssouplit les poils, nettoie en profondeur avec les notes fraîches et boisées des huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Bienfaits --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🌿 Les bienfaits clés\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eSynergie \u003cstrong\u003eargan, olive et coco bio\u003c\/strong\u003e pour nourrir et préserver le film hydrolipidique naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🪒 Rasage confort\u003c\/h3\u003e\n \u003cp\u003eMousse protectrice naturelle qui facilite le passage de la lame et réduit les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 Parfum énergisant\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches de \u003cstrong\u003ecitron\u003c\/strong\u003e et boisées de \u003cstrong\u003ecèdre Atlas\u003c\/strong\u003e pour un réveil sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eFormat solide économique : un seul savon remplace 5 produits liquides. Moins de plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Ingrédients --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e🧪 Composition 100% naturelle\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eMousse onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eProtection et souplesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNutrition intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n \u003cp\u003eVitamine E antioxydante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌲 HE cèdre Atlas\u003c\/h3\u003e\n \u003cp\u003eTonifie et purifie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🍋 HE citron\u003c\/h3\u003e\n \u003cp\u003eRafraîchit et assainit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Pour qui --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"brd-grid-compact\"\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🏃 L'homme actif\u003c\/h3\u003e\n \u003cp\u003eSimplicité et efficacité au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e✈️ Le voyageur\u003c\/h3\u003e\n \u003cp\u003eFormat solide compact idéal cabine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e🌱 L'adepte du bio\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée sans compromis\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-card\"\u003e\n \u003ch3\u003e♻️ L'éco-responsable\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Mode d'emploi --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"brd-steps\"\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eMouillez\u003c\/span\u003e\n \u003cp\u003eHumidifiez la zone à nettoyer et faites mousser le savon entre vos mains ou directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eAppliquez\u003c\/span\u003e\n \u003cp\u003eMassez délicatement en mouvements circulaires sur le visage, la barbe, le corps ou les cheveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"brd-step\"\u003e\n \u003cdiv class=\"brd-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"brd-step-content\"\u003e\n \u003cspan class=\"brd-step-title\"\u003eRincez\u003c\/span\u003e\n \u003cp\u003eRincez abondamment à l'eau claire. Évitez le contact avec les yeux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Informations complémentaires (accordéon) --\u003e\n\u003csection class=\"brd-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"brd-accordion\"\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eConservez le savon au sec entre les utilisations pour prolonger sa durée de vie. Utilisez un porte-savon ajouré permettant l'écoulement de l'eau. Durée d'utilisation : 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eÉvitez le contact avec les yeux. En cas de contact, rincez immédiatement à l'eau claire. Usage externe uniquement. Testé dermatologiquement. En cas d'irritation, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"brd-accordion-item\"\u003e\n \u003csummary class=\"brd-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"brd-accordion-content\"\u003e\n \u003cp\u003eFabriqué artisanalement à Saint-Rémy-de-Provence par les Laboratoires Provence Nature. Certifié Cosmos Organic par Ecocert. Sans parabènes, silicones ni sulfates. Non testé sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\n\u003c!-- CTA Final --\u003e\n\u003csection class=\"brd-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"brd-cta-box\"\u003e\n \u003cp\u003eSimplifiez votre routine avec le Savon du Baroudeur : 5 produits en 1, qualité bio certifiée et savoir-faire artisanal provençal. L'essentiel de l'homme moderne qui privilégie authenticité et efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --brd-cream: #f9f8f6;\n --brd-white: #ffffff;\n --brd-primary: #3D3D3D;\n --brd-primary-dark: #2a2a2a;\n --brd-primary-light: #f5f4f2;\n --brd-secondary: #C9A86A;\n --brd-accent: #D4A853;\n --brd-text: #1a1a1a;\n --brd-text-light: #5a5a5a;\n --brd-border: #e5e3df;\n --brd-shadow: 0 4px 24px rgba(0,0,0,.08);\n --brd-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --brd-radius: 20px;\n --brd-radius-sm: 12px;\n}\n\n.brd-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--brd-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.brd-hero {\n position: relative;\n background: linear-gradient(135deg, #2a2a2a 0%, #3d3d3d 50%, #4a4a4a 100%);\n border-radius: var(--brd-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--brd-shadow-lg);\n}\n\n.brd-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: radial-gradient(circle at 30% 40%, var(--brd-secondary) 1px, transparent 1px);\n background-size: 24px 24px;\n}\n\n.brd-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.brd-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.brd-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--brd-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.brd-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.brd-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.brd-subtitle {\n color: var(--brd-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.brd-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.brd-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--brd-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.brd-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--brd-secondary), var(--brd-accent));\n border-radius: 2px;\n}\n\n.brd-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.brd-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.brd-card {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--brd-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.brd-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--brd-shadow-lg);\n border-color: var(--brd-secondary);\n}\n\n.brd-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.brd-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-grid-compact .brd-card {\n padding: 1rem;\n}\n\n.brd-grid-compact .brd-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.brd-grid-compact .brd-card p {\n font-size: 12px;\n}\n\n.brd-card.brd-info h3 {\n font-size: 13px;\n color: var(--brd-text-light);\n font-weight: 600;\n margin-bottom: .25rem;\n}\n\n.brd-card.brd-info p {\n font-size: 15px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n}\n\n.brd-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.brd-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n padding: 1.25rem;\n box-shadow: var(--brd-shadow);\n transition: all .3s ease;\n}\n\n.brd-step:hover {\n box-shadow: var(--brd-shadow-lg);\n}\n\n.brd-step-number {\n width: 48px;\n height: 48px;\n min-width: 48px;\n background: linear-gradient(135deg, var(--brd-secondary), var(--brd-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.brd-step-content {\n flex: 1;\n}\n\n.brd-step-title {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--brd-primary-dark);\n margin-bottom: .25rem;\n}\n\n.brd-step-content p {\n font-size: 14px;\n color: var(--brd-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.brd-accordion {\n background: var(--brd-white);\n border-radius: var(--brd-radius);\n box-shadow: var(--brd-shadow);\n overflow: hidden;\n}\n\n.brd-accordion-item {\n border-bottom: 1px solid var(--brd-border);\n margin: 0;\n padding: 0;\n}\n\n.brd-accordion-item:last-child {\n border-bottom: none;\n}\n\n.brd-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--brd-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.brd-accordion-header:hover {\n background: var(--brd-primary-light);\n}\n\n.brd-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.brd-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--brd-secondary);\n transition: transform .2s ease;\n}\n\n.brd-accordion-item[open] .brd-accordion-header::after {\n content: '−';\n}\n\n.brd-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--brd-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.brd-accordion-content p {\n margin: 0;\n}\n\n.brd-cta-box {\n background: linear-gradient(135deg, var(--brd-primary) 0%, var(--brd-primary-dark) 100%);\n border-radius: var(--brd-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.brd-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .brd-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .brd-grid-compact {\n gap: .625rem;\n }\n \n .brd-grid-compact .brd-card {\n padding: .75rem;\n }\n \n .brd-card {\n padding: 1.125rem;\n }\n \n .brd-section {\n margin-bottom: 1.75rem;\n }\n \n .brd-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--brd-radius-sm);\n }\n \n .brd-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .brd-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .brd-step {\n padding: 1rem;\n }\n \n .brd-step-number {\n width: 40px;\n height: 40px;\n min-width: 40px;\n font-size: 16px;\n }\n \n .brd-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .brd-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .brd-card {\n animation: fadeInUp .5s ease backwards;\n }\n .brd-card:nth-child(1) { animation-delay: .05s; }\n .brd-card:nth-child(2) { animation-delay: .1s; }\n .brd-card:nth-child(3) { animation-delay: .15s; }\n .brd-card:nth-child(4) { animation-delay: .2s; }\n .brd-card:nth-child(5) { animation-delay: .25s; }\n .brd-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .brd-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":45755274166429,"sku":"FM0545","price":7.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-du-baroudeur-5-en-1-homme-bio-100g-florame-emballage-min-121850.jpg?v=1732721628"},{"product_id":"deodorant-solide-au-beurre-de-cacao-eucalyptus-et-pin-sylvestre-bio-stick-kraft-50-g-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Eucalyptus \u0026 Pin Sylvestre - Comme avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao – Eucalyptus \u0026amp; Pin Sylvestre\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003ePar Comme Avant · Slow Cosmétique\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUn déodorant naturel et efficace, à la formule minimaliste de 6 ingrédients bio, qui neutralise les odeurs toute la journée sans irriter votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui prend soin de votre peau sans compromis ? Le \u003cstrong\u003edéodorant solide au beurre de cacao Eucalyptus \u0026amp; Pin Sylvestre\u003c\/strong\u003e de \u003cstrong\u003eComme Avant\u003c\/strong\u003e est conçu pour neutraliser les odeurs toute la journée, tout en respectant les peaux les plus exigeantes.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCosmos Organic, vegan et labellisé Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏡 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFabriqué à la main près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧴 6 ingrédients\u003c\/h3\u003e\n \u003cp\u003eFormule courte, transparente et 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePackaging kraft recyclable et compostable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant naturel ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eBeaucoup de déodorants conventionnels contiennent des sels d'aluminium, des parabènes ou des parfums de synthèse. Ce \u003cstrong\u003edéodorant solide bio\u003c\/strong\u003e prend le contrepied avec une formule courte, transparente et 100 % d'origine naturelle.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🛡️ Anti-odeur longue durée\u003c\/h3\u003e\n \u003cp\u003eGrâce à l'action combinée de l'amidon de maïs et du bicarbonate de sodium, les mauvaises odeurs sont neutralisées efficacement toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans indésirables\u003c\/h3\u003e\n \u003cp\u003eSans alcool, sans pierre d'alun, sans huile de palme. Une formule respectueuse qui ne contient aucun ingrédient controversé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✨ Texture fondante\u003c\/h3\u003e\n \u003cp\u003eNe laisse aucune trace blanche sur les vêtements grâce à sa texture douce qui glisse naturellement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌲 Parfum frais et boisé\u003c\/h3\u003e\n \u003cp\u003eNotes d'eucalyptus globulus et de pin sylvestre, idéal aussi bien comme déodorant naturel pour homme que pour femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003ePackaging en stick kraft entièrement recyclable et compostable. Un geste concret pour la planète au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Nourrit la peau\u003c\/h3\u003e\n \u003cp\u003eLe beurre de cacao bio nourrit et protège la peau fragile des aisselles à chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComposition complète – Des ingrédients que vous pouvez comprendre\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eLa force de ce déodorant efficace naturel réside dans la simplicité de sa formule, composée de seulement \u003cstrong\u003esix ingrédients bio\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eTheobroma Cacao Seed Butter\u003c\/em\u003e — Nourrit intensément et protège la peau fragile des aisselles. Apporte la texture douce et fondante au stick.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eZea Mays Starch\u003c\/em\u003e — Absorbe l'humidité naturellement pour une sensation de sec confortable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🕯️ Cire de candelilla\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEuphorbia Cerifera Wax\u003c\/em\u003e — Solidifie la formule et facilite l'application directe sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧂 Bicarbonate de sodium\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eSodium Bicarbonate\u003c\/em\u003e — Neutralise les bactéries responsables des mauvaises odeurs de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'eucalyptus globulus bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEucalyptus Globulus Leaf Oil\u003c\/em\u003e — Apporte fraîcheur et propriétés purifiantes reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌲 Huile essentielle de pin sylvestre bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePinus Sylvestris Leaf Oil\u003c\/em\u003e — Complète avec une note boisée vivifiante et tonifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment bien l'appliquer ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-timeline\"\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003ePréparez le stick\u003c\/h3\u003e\n \u003cp\u003ePoussez légèrement le fond du tube kraft pour faire apparaître le déodorant solide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur des \u003cstrong\u003eaisselles propres et sèches\u003c\/strong\u003e, en effectuant deux à trois passages. La chaleur de votre peau fait fondre le beurre de cacao, qui glisse uniformément sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eLaissez agir\u003c\/h3\u003e\n \u003cp\u003eSi vous débutez avec un déodorant naturel, laissez à votre corps environ \u003cstrong\u003edeux semaines d'adaptation\u003c\/strong\u003e : c'est normal et tout à fait sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e par temps très chaud, conservez votre déodorant dans un endroit frais pour préserver sa tenue optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eFabrication artisanale \u0026amp; engagements\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eComme Avant fabrique chaque déodorant solide à la main dans son atelier du sud de la France.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🤲 Fait main\u003c\/h3\u003e\n \u003cp\u003eChaque stick est fabriqué artisanalement dans l'atelier Comme Avant près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Filières bio\u003c\/h3\u003e\n \u003cp\u003eMatières premières rigoureusement sélectionnées, issues de filières biologiques certifiées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e♻️ Kraft compostable\u003c\/h3\u003e\n \u003cp\u003eTube entièrement recyclable et compostable, supprimant tout recours au plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🏅 Labels exigeants\u003c\/h3\u003e\n \u003cp\u003eCertifié vegan, Cosmos Organic et labellisé Slow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\" open\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Personnes concernées\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eContient des huiles essentielles : déconseillé aux femmes enceintes, allaitantes et aux enfants de moins de six ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🩹 Application\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau lésée ou irritée. En cas de réaction cutanée, cessez l'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e💊 Avertissement médical\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne se substitue pas à un mode de vie sain. Consultez un professionnel de santé en cas de doute.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6f1;\n --deo-white: #ffffff;\n --deo-primary: #7a9a6d;\n --deo-primary-dark: #4a6b3e;\n --deo-primary-light: #eef4eb;\n --deo-secondary: #c8a87c;\n --deo-accent: #a3c28c;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0ddd8;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n.deo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--deo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6b3e 0%, #7a9a6d 40%, #c8a87c 100%);\n border-radius: var(--deo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--deo-shadow-lg);\n}\n\n.deo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.deo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.deo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.deo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.deo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.deo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--deo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.deo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--deo-primary), var(--deo-secondary));\n border-radius: 2px;\n}\n\n.deo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.deo-card {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--deo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.deo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--deo-shadow-lg);\n border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--deo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.deo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.deo-grid-compact .deo-card {\n padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.deo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.deo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.deo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--deo-primary), var(--deo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.deo-timeline-content {\n flex: 1;\n background: var(--deo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--deo-radius-sm);\n box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n font-size: 14px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.deo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.deo-tip p {\n font-size: 14px;\n color: var(--deo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.deo-disclaimer {\n font-size: 12px;\n color: var(--deo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .deo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .deo-card {\n padding: 1.125rem;\n }\n\n .deo-section {\n margin-bottom: 1.75rem;\n }\n\n .deo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--deo-radius-sm);\n }\n\n .deo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .deo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .deo-grid-compact {\n gap: .625rem;\n }\n\n .deo-grid-compact .deo-card {\n padding: .75rem;\n }\n\n .deo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .deo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .deo-timeline-content h3 {\n font-size: 14px;\n }\n\n .deo-timeline-content p {\n font-size: 13px;\n }\n\n .deo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .5s ease backwards;\n }\n .deo-card:nth-child(1) { animation-delay: .05s; }\n .deo-card:nth-child(2) { animation-delay: .1s; }\n .deo-card:nth-child(3) { animation-delay: .15s; }\n .deo-card:nth-child(4) { animation-delay: .2s; }\n .deo-card:nth-child(5) { animation-delay: .25s; }\n .deo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes deoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":45755386822813,"sku":"NBAICAV0050","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-eucalyptus-pin-sylvestre-packshothd.webp?v=1776173923"},{"product_id":"tablier-a-barbe-blanc","title":"Bavoir à Barbe Blanc : tablier de rasage pour récolter les poils","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bavoir à Barbe Blanc - tablier de rasage\nPalette détectée:\n - Primaire: #1a1a1a (noir profond du t-shirt - masculin, élégant)\n - Secondaire: #f5f5f5 (blanc du bavoir - propreté, clarté)\n - Accent: #4a90a4 (bleu-gris moderne pour dynamiser)\nAmbiance: Masculin, pratique, moderne, lifestyle homme actif, minimaliste\nStyle: Clean, épuré, orienté solution pratique du quotidien\nPréfixe CSS: bb (beard bib)\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🎯 Zéro poil au sol\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e⚡ 30 sec d'installation\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🧼 Lavable en machine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eBavoir à barbe blanc\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eLe tablier de rasage anti-galère\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eFini les poils partout dans le lavabo ! Ce bavoir ingénieux capture 100% des poils pendant votre rasage. Installation en 30 secondes, nettoyage en 5 secondes. La solution simple pour les hommes qui en ont marre de nettoyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e💪 Pourquoi vous allez l'adopter\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎯 Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eTous les poils tombent directement dans le bavoir. Lavabo, sol, vêtements : tout reste propre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e⏱️ 15 min gagnées\u003c\/h3\u003e\n \u003cp\u003ePlus de nettoyage interminable après chaque rasage. Videz le bavoir dans la poubelle et c'est fini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🔧 Ultra-simple\u003c\/h3\u003e\n \u003cp\u003e2 ventouses au miroir + tour de cou ajustable. Prêt en 30 secondes chrono.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e👔 Confort optimal\u003c\/h3\u003e\n \u003cp\u003eBande de cou réglable qui s'adapte à toutes les morphologies. Léger et agréable à porter.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✈️ Compact voyage\u003c\/h3\u003e\n \u003cp\u003eSe plie en un instant pour tenir dans votre trousse de toilette. Parfait pour les déplacements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Entretien facile\u003c\/h3\u003e\n \u003cp\u003eLavable en machine ou à la main. Polyester imperméable qui sèche en quelques heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Comment ça marche\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003cp class=\"bb-step-title\"\u003eFixez au miroir\u003c\/p\u003e\n \u003cp class=\"bb-step-text\"\u003ePlacez les 2 ventouses sur votre miroir. Elles tiennent solidement pendant tout le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003cp class=\"bb-step-title\"\u003eAttachez autour du cou\u003c\/p\u003e\n \u003cp class=\"bb-step-text\"\u003eEnroulez le bavoir et ajustez la bande velcro pour un maintien parfait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003cp class=\"bb-step-title\"\u003eRasez-vous tranquille\u003c\/p\u003e\n \u003cp class=\"bb-step-text\"\u003eLe bavoir forme une grande poche qui capture tous les poils. Zéro stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003cp class=\"bb-step-title\"\u003eVidez et rangez\u003c\/p\u003e\n \u003cp class=\"bb-step-text\"\u003eDétachez, videz les poils à la poubelle, pliez. Salle de bain impeccable !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔 Les barbus\u003c\/h3\u003e\n \u003cp\u003eVous entretenez votre barbe régulièrement et en avez marre du nettoyage après chaque taille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💼 Les hommes pressés\u003c\/h3\u003e\n \u003cp\u003eVotre temps est précieux. Ce bavoir vous fait gagner 15 minutes à chaque rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🏠 Les colocataires\u003c\/h3\u003e\n \u003cp\u003eGardez la salle de bain commune impeccable. Fini les remarques désagréables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✈️ Les voyageurs\u003c\/h3\u003e\n \u003cp\u003eEn déplacement pro ou en vacances, gardez votre routine sans salir les hôtels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📐 Caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📏 Dimensions\u003c\/h3\u003e\n \u003cp\u003e110 × 70 cm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧵 Matériau\u003c\/h3\u003e\n \u003cp\u003ePolyester premium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎨 Couleur\u003c\/h3\u003e\n \u003cp\u003eBlanc immaculé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💪 Fixation\u003c\/h3\u003e\n \u003cp\u003e2 ventouses incluses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Propriétés\u003c\/h3\u003e\n \u003cp\u003eImperméable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e👕 Taille\u003c\/h3\u003e\n \u003cp\u003eUniverselle ajustable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📦 Contenu du pack\u003c\/h2\u003e\n \u003cdiv class=\"bb-includes\"\u003e\n \u003cdiv class=\"bb-include-item\"\u003e\n \u003cspan class=\"bb-include-icon\"\u003e🧔\u003c\/span\u003e\n \u003cspan class=\"bb-include-text\"\u003e1 bavoir à barbe blanc (110 × 70 cm)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-include-item\"\u003e\n \u003cspan class=\"bb-include-icon\"\u003e⚪\u003c\/span\u003e\n \u003cspan class=\"bb-include-text\"\u003e2 ventouses de fixation ultra-puissantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧼 Entretien\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eLavable en machine à 30°C ou à la main. Le polyester sèche très rapidement à l'air libre. Prêt à être réutilisé en quelques heures. Matériau conçu pour durer des années et résister aux lavages répétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e💡 Conseils d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003ePour une meilleure adhérence des ventouses, nettoyez votre miroir avant la première utilisation. Humidifiez légèrement les ventouses si nécessaire. Veillez à bien tendre le bavoir pour créer une poche efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e📏 Compatibilité\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eCompatible avec tous les miroirs lisses (verre, plastique). Les ventouses adhèrent sur surfaces planes et non poreuses. Tour de cou réglable adapté à toutes les morphologies adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp class=\"bb-cta-title\"\u003e🧔 Transformez votre routine de rasage\u003c\/p\u003e\n \u003cp\u003eRejoignez les milliers d'hommes qui ont adopté cette solution simple et efficace. Plus jamais de poils sur le lavabo, plus jamais de nettoyage fastidieux. Gagnez du temps et de la tranquillité d'esprit à chaque rasage !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bb-cream: #f7f8f9;\n --bb-white: #ffffff;\n --bb-primary: #1a1a1a;\n --bb-primary-dark: #0d0d0d;\n --bb-primary-light: #f0f0f0;\n --bb-secondary: #3d3d3d;\n --bb-accent: #4a90a4;\n\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n\n --bb-border: #e0e0e0;\n --bb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-secondary) 50%, #2a2a2a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .03;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(255,255,255,.1) 30px,\n rgba(255,255,255,.1) 60px\n );\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.bb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-primary), var(--bb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 13px;\n font-weight: 600;\n color: var(--bb-primary);\n}\n\n\/* === ÉTAPES === *\/\n.bb-steps {\n display: grid;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-step {\n display: flex;\n gap: 1.25rem;\n align-items: center;\n background: var(--bb-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--bb-primary), var(--bb-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n border-radius: 50%;\n}\n\n.bb-step-content {\n flex: 1;\n}\n\n.bb-step-title {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bb-step-text {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INCLUDES === *\/\n.bb-includes {\n display: grid;\n gap: .75rem;\n max-width: 500px;\n margin: 0 auto;\n}\n\n.bb-include-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--bb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bb-radius-sm);\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-include-item:hover {\n transform: translateX(6px);\n}\n\n.bb-include-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.bb-include-text {\n font-size: 15px;\n font-weight: 600;\n color: var(--bb-text);\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-accent);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-title {\n color: white;\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n}\n\n.bb-cta-box p:last-child {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .bb-step-number {\n width: 38px;\n height: 38px;\n font-size: 16px;\n }\n \n .bb-step-title {\n font-size: 14px;\n }\n \n .bb-step-text {\n font-size: 13px;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bb-badges-top {\n gap: 8px;\n }\n \n .bb-badge {\n padding: 6px 12px;\n font-size: 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54830590689657,"sku":"REF45801","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tablier-a-barbe-tablier-de-rasage-pour-recolter-les-poils-pendant-la-tonte-583020.jpg?v=1732722041"},{"product_id":"tablier-a-barbe-de-rasage-noir","title":"Bavoir à Barbe Noir : tablier de rasage pour récolter les poils","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bavoir à barbe noir (tablier de rasage)\nPalette détectée:\n - Primaire: #1a1a1a (noir profond du tablier)\n - Secondaire: #2d3748 (gris anthracite)\n - Accent: #4a90a4 (bleu-gris moderne pour contraste)\nAmbiance: Masculine, pratique, minimaliste, solution ingénieuse, lifestyle homme moderne\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🎯 Zéro poil dans le lavabo\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e⚡ 30 secondes d'installation\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🧼 Nettoyage express\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eBavoir à barbe noir\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eLe tablier de rasage qui change tout\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eFini les poils éparpillés partout ! Ce système ingénieux capture 100% des poils coupés grâce à ses ventouses miroir. Rasez-vous sereinement, videz dans la poubelle, terminé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Bénéfices clés --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e✨ Pourquoi vous allez l'adopter\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🚀 Installation instantanée\u003c\/h3\u003e\n \u003cp\u003e2 ventouses sur le miroir, sangle autour du cou : vous êtes prêt en moins de 30 secondes chrono.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✨ Lavabo toujours propre\u003c\/h3\u003e\n \u003cp\u003eLe tablier forme une barrière totale qui intercepte chaque poil. Votre salle de bain reste impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e⏱️ Gain de temps fou\u003c\/h3\u003e\n \u003cp\u003ePlus de 10 minutes à récurer après chaque rasage. Détachez, videz, pliez : 20 secondes max.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💪 Qualité durable\u003c\/h3\u003e\n \u003cp\u003ePolyester imperméable premium : léger, résistant aux déchirures, conçu pour des années d'utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎒 Ultra-compact\u003c\/h3\u003e\n \u003cp\u003eSe plie en quelques secondes. Parfait pour voyager ou optimiser l'espace dans votre salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🖤 Design élégant\u003c\/h3\u003e\n \u003cp\u003eNoir sobre et masculin qui s'intègre partout. Dissimule les éventuelles traces et reste toujours chic.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Mode d'emploi --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Utilisation en 4 étapes\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eFixez les ventouses\u003c\/h3\u003e\n \u003cp\u003eCollez les 2 ventouses fournies sur votre miroir à hauteur souhaitée. Adhésion instantanée sur toute surface lisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eInstallez le tablier\u003c\/h3\u003e\n \u003cp\u003eAccrochez le bavoir aux ventouses et passez la sangle réglable autour de votre cou. Ajustez selon votre morphologie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eRasez-vous tranquille\u003c\/h3\u003e\n \u003cp\u003eTaillez ou rasez normalement. Chaque poil tombe directement dans le tablier qui forme un filet de récupération parfait.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eVidez et rangez\u003c\/h3\u003e\n \u003cp\u003eDétachez, videz au-dessus de la poubelle, pliez et rangez. Votre salle de bain est nickel !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Pour qui --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e👤 Pour qui est-ce fait ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e👨 L'homme organisé\u003c\/h3\u003e\n \u003cp\u003eVous aimez une salle de bain impeccable et détestez perdre du temps à nettoyer après chaque rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✈️ Le voyageur\u003c\/h3\u003e\n \u003cp\u003eVous vous déplacez souvent et cherchez une solution compacte pour vous raser proprement partout.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🏠 Le colocataire\u003c\/h3\u003e\n \u003cp\u003eVous partagez votre salle de bain et souhaitez respecter l'espace commun sans laisser de traces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎁 Le cadeau malin\u003c\/h3\u003e\n \u003cp\u003eUn présent original et utile pour père, frère, ami ou conjoint. Utilisé quotidiennement !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Caractéristiques --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📐 Caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📏 107 × 67 cm\u003c\/h3\u003e\n \u003cp\u003eDimensions généreuses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧵 Polyester premium\u003c\/h3\u003e\n \u003cp\u003eImperméable et résistant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🔘 2 ventouses\u003c\/h3\u003e\n \u003cp\u003eUltra-adhésives incluses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧼 Lavable machine\u003c\/h3\u003e\n \u003cp\u003e30°C maximum\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Avantages bonus --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e💡 Les + au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"bb-benefits\"\u003e\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cspan class=\"bb-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eÉconomie d'eau\u003c\/strong\u003e — Plus besoin de rincer abondamment pour éliminer les poils collés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cspan class=\"bb-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCanalisations protégées\u003c\/strong\u003e — Évitez les bouchons causés par l'accumulation de poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cspan class=\"bb-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePolyvalent\u003c\/strong\u003e — Rasage, taille de barbe, trimming, coupe des cheveux du cou\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cspan class=\"bb-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSéchage rapide\u003c\/strong\u003e — Le polyester imperméable ne retient pas l'humidité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cspan class=\"bb-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eCompatible tout miroir\u003c\/strong\u003e — Salle de bain, armoire, miroir sur pied...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Contenu + Entretien en accordéon --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📦 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e📦 Contenu du coffret\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003e1 tablier à barbe noir\u003c\/strong\u003e — 107 × 67 cm en polyester imperméable avec ouverture cou et sangle réglable\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003e2 ventouses transparentes\u003c\/strong\u003e — Système d'adhésion puissant pour fixation sur toute surface lisse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧼 Entretien\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eNettoyage :\u003c\/strong\u003e Lavez à la main avec eau savonneuse ou en machine à 30°C max. Séchage à l'air libre.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eVentouses :\u003c\/strong\u003e Rincez régulièrement à l'eau claire pour maintenir l'adhérence. Séchez avant de recoller.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Passez les ventouses sous l'eau chaude et essuyez le miroir pour réactiver l'adhérence.\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=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🎯 Transformez votre routine de rasage ! Plus de poils éparpillés, plus de nettoyage fastidieux : juste un rasage propre, rapide et sans tracas. Adoptez la solution que des milliers d'hommes utilisent chaque jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bb-cream: #f7f8f9;\n --bb-white: #ffffff;\n --bb-primary: #1a1a1a;\n --bb-primary-dark: #0d0d0d;\n --bb-primary-light: #f3f4f6;\n --bb-secondary: #2d3748;\n --bb-accent: #4a90a4;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e2e4e8;\n --bb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d3748 50%, #3d4a5c 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.1) 30px, rgba(255,255,255,.1) 60px);\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.bb-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-primary), var(--bb-accent));\n border-radius: 2px;\n}\n\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n.bb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.bb-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--bb-primary), var(--bb-secondary));\n color: white;\n font-size: 22px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(26,26,26,.25);\n}\n\n.bb-step-content {\n flex: 1;\n}\n\n.bb-step-content h3 {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--bb-primary);\n margin: 0 0 .4rem 0;\n}\n\n.bb-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.6;\n color: var(--bb-text-light);\n margin: 0;\n}\n\n.bb-benefits {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.bb-benefit {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bb-white);\n border-radius: var(--bb-radius-sm);\n padding: 1rem 1.25rem;\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-benefit:hover {\n transform: translateX(6px);\n}\n\n.bb-check {\n flex-shrink: 0;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n background: linear-gradient(135deg, #48bb78, #38a169);\n color: white;\n font-size: 14px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.bb-benefit p {\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n color: var(--bb-text);\n}\n\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-accent);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.bb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.bb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-step {\n flex-direction: column;\n text-align: center;\n padding: 1.125rem;\n }\n \n .bb-step-number {\n margin: 0 auto .75rem;\n width: 44px;\n height: 44px;\n font-size: 18px;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54830589182329,"sku":"REF45802","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tablier-barbe-noir-2.webp?v=1774799323"},{"product_id":"rouleau-a-barbe","title":"Dermaroller Barbe : beard roller 0,25 mm : Stimulez la Pousse de votre Barbe","description":"\u003cdiv class=\"dr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"dr-hero\"\u003e\n \u003cdiv class=\"dr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dr-hero-content\"\u003e\n \u003cdiv class=\"dr-badges-top\"\u003e\n \u003cspan class=\"dr-badge\"\u003e🔬 540 micro-aiguilles\u003c\/span\u003e\n \u003cspan class=\"dr-badge\"\u003e⚙️ 0,25 mm\u003c\/span\u003e\n \u003cspan class=\"dr-badge\"\u003e🖤 Acier inoxydable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dr-hero-title\"\u003eDermaroller Barbe 0,25 mm\u003c\/span\u003e\n \u003cp class=\"dr-subtitle\"\u003eLe beard roller qui stimule la pousse de votre barbe\u003c\/p\u003e\n \u003cp class=\"dr-description\"\u003eRéveillez vos follicules dormants et comblez les zones clairsemées grâce au microneedling. Résultats visibles dès 4 à 8 semaines d'utilisation régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003eDermaroller barbe 0,25 mm : le beard roller qui change tout\u003c\/h2\u003e\n \u003cp class=\"dr-section-intro\"\u003eVous rêvez d'une barbe plus dense, plus uniforme, sans zones clairsemées ? Ce dermaroller barbe équipé de micro-aiguilles de \u003cstrong\u003e0,25 mm\u003c\/strong\u003e est l'outil qu'il vous faut pour passer à l'action.\u003c\/p\u003e\n \u003cdiv class=\"dr-grid-compact\"\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🌍 Adopté mondialement\u003c\/h3\u003e\n \u003cp\u003eUtilisé par des milliers d'hommes à travers le monde dans leur routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e✅ Simple et efficace\u003c\/h3\u003e\n \u003cp\u003eUn principe naturel et éprouvé, sans produit chimique ni intervention médicale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🧔 Anti-trous\u003c\/h3\u003e\n \u003cp\u003eCible spécifiquement les zones clairsemées pour une barbe homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eStimulation mécanique douce qui active les processus naturels de votre corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003eComment fonctionne un rouleau à barbe ?\u003c\/h2\u003e\n \u003cp class=\"dr-section-intro\"\u003eLe principe du microneedling repose sur une stimulation mécanique douce de la peau. Les micro-aiguilles créent de minuscules micro-perforations superficielles, totalement indolores à 0,25 mm, qui déclenchent une réponse naturelle de votre organisme.\u003c\/p\u003e\n \u003cdiv class=\"dr-grid\"\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🩸 Circulation sanguine boostée\u003c\/h3\u003e\n \u003cp\u003eAugmentation de la circulation sanguine dans la zone traitée, ce qui nourrit mieux les follicules pileux et favorise leur activité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e💎 Production de collagène\u003c\/h3\u003e\n \u003cp\u003eStimulation de la production de collagène et de kératine, essentiels à la croissance et à l'épaisseur des poils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e💧 Absorption décuplée\u003c\/h3\u003e\n \u003cp\u003eMeilleure absorption des sérums et huiles appliqués après la séance, pour des résultats multipliés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-tip\"\u003e\n \u003cspan class=\"dr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe rouleau pour barbe réveille les follicules dormants et encourage une pousse plus dense sur les joues, le menton et la mâchoire — les zones où beaucoup d'hommes constatent des trous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003ePourquoi choisir des aiguilles de 0,25 mm ?\u003c\/h2\u003e\n \u003cdiv class=\"dr-testimonial\"\u003e\n \u003cp class=\"dr-testimonial-text\"\u003eLa longueur de \u003cstrong\u003e0,25 mm\u003c\/strong\u003e est idéale pour un usage à domicile. Elle est suffisante pour activer la microcirculation et atteindre la couche superficielle où se trouvent les follicules, sans provoquer de douleur ni de saignement. C'est la taille recommandée par la plupart des dermatologues pour le microneedling facial, y compris sur les peaux sensibles. Vous obtenez les bienfaits du dermaroller barbe en toute sécurité, sans avoir besoin de passer par une pharmacie ou un cabinet spécialisé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🛡️ Zéro douleur\u003c\/h3\u003e\n \u003cp\u003eTotalement indolore, même sur peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🩺 Recommandé\u003c\/h3\u003e\n \u003cp\u003eTaille préconisée par les dermatologues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🏠 Usage domicile\u003c\/h3\u003e\n \u003cp\u003eAucune compétence médicale requise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🩸 Sans saignement\u003c\/h3\u003e\n \u003cp\u003eMicro-perforations superficielles uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003eRésultats : dermaroller barbe avant-après\u003c\/h2\u003e\n \u003cdiv class=\"dr-results-box\"\u003e\n \u003cdiv class=\"dr-results-timeline\"\u003e\n \u003cdiv class=\"dr-results-step\"\u003e\n \u003cspan class=\"dr-results-week\"\u003eSemaines 1-2\u003c\/span\u003e\n \u003cp\u003eLa peau s'habitue au microneedling. Les follicules commencent à être stimulés en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-results-step\"\u003e\n \u003cspan class=\"dr-results-week\"\u003eSemaines 3-4\u003c\/span\u003e\n \u003cp\u003eLes premiers duvets apparaissent sur les zones auparavant clairsemées. La peau est plus ferme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-results-step\"\u003e\n \u003cspan class=\"dr-results-week\"\u003eSemaines 4-8\u003c\/span\u003e\n \u003cp\u003eRésultats visibles : les zones se remplissent, le duvet se transforme en poils plus épais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-results-step\"\u003e\n \u003cspan class=\"dr-results-week\"\u003eMois 3+\u003c\/span\u003e\n \u003cp\u003eBarbe nettement plus fournie et homogène. Des résultats avant-après impressionnants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-tip\"\u003e\n \u003cspan class=\"dr-tip-icon\"\u003e⏳\u003c\/span\u003e\n \u003cp\u003eLa patience est la clé. La plupart des utilisateurs observent des premiers résultats visibles entre \u003cstrong\u003e4 et 8 semaines\u003c\/strong\u003e d'utilisation régulière. Beaucoup d'hommes partagent des photos dermaroller barbe avant après impressionnantes au fil des mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003eComment utiliser votre rouleau à barbe : mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"dr-timeline\"\u003e\n \u003cdiv class=\"dr-timeline-item\"\u003e\n \u003cdiv class=\"dr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-content\"\u003e\n \u003ch3\u003eNettoyez\u003c\/h3\u003e\n \u003cp\u003eNettoyez votre visage et désinfectez le rouleau à l'alcool isopropylique avant chaque séance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-item\"\u003e\n \u003cdiv class=\"dr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-content\"\u003e\n \u003ch3\u003eFaites rouler\u003c\/h3\u003e\n \u003cp\u003eFaites rouler le beard roller sur chaque zone en effectuant 4 à 5 passages dans chaque direction : horizontale, verticale et diagonale. Exercez une pression légère, sans appuyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-item\"\u003e\n \u003cdiv class=\"dr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez ensuite\u003c\/h3\u003e\n \u003cp\u003eAppliquez une huile à barbe ou un sérum de croissance pour maximiser l'absorption des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-item\"\u003e\n \u003cdiv class=\"dr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-content\"\u003e\n \u003ch3\u003eNettoyez à nouveau\u003c\/h3\u003e\n \u003cp\u003eNettoyez le rouleau après usage et laissez-le sécher à l'air libre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-item\"\u003e\n \u003cdiv class=\"dr-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"dr-timeline-content\"\u003e\n \u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n \u003cp\u003e2 à 3 fois par semaine, en laissant au moins 48 heures entre chaque séance pour permettre à la peau de se régénérer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"dr-grid-compact\"\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e📏 Aiguilles\u003c\/h3\u003e\n \u003cp\u003e0,25 mm de longueur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🔢 Nombre\u003c\/h3\u003e\n \u003cp\u003e540 micro-aiguilles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🔩 Matériau\u003c\/h3\u003e\n \u003cp\u003eAcier inoxydable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e✋ Manche\u003c\/h3\u003e\n \u003cp\u003eErgonomique, antidérapant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e🖤 Couleur\u003c\/h3\u003e\n \u003cp\u003eNoir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003ch3\u003e👤 Convient à\u003c\/h3\u003e\n \u003cp\u003eTous types de peaux, y compris sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"dr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"dr-accordion\"\u003e\n \u003cdetails class=\"dr-accordion-item\" open\u003e\n \u003csummary class=\"dr-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"dr-accordion-content mt-3\"\u003e\n \u003cp\u003eN'utilisez pas ce rouleau barbe sur une peau irritée, présentant de l'acné active, des plaies ouvertes ou un coup de soleil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dr-accordion-item\"\u003e\n \u003csummary class=\"dr-accordion-header\"\u003e🔄 Remplacement\u003c\/summary\u003e\n \u003cdiv class=\"dr-accordion-content mt-3\"\u003e\n \u003cp\u003eRemplacez votre dermaroller tous les 2 à 3 mois pour garantir l'efficacité et l'hygiène des aiguilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"dr-accordion-item\"\u003e\n \u003csummary class=\"dr-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n \u003cdiv class=\"dr-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne constitue pas un dispositif médical et ne remplace en aucun cas l'avis d'un dermatologue en cas de problème cutané.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --dr-cream: #f5f4f2;\n --dr-white: #ffffff;\n --dr-primary: #1a1a1a;\n --dr-primary-dark: #0d0d0d;\n --dr-primary-light: #f0eeeb;\n --dr-secondary: #4a4a4a;\n --dr-accent: #c8a96e;\n --dr-text: #1a1a1a;\n --dr-text-light: #5a5a5a;\n --dr-border: #e0ddd8;\n --dr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dr-radius: 20px;\n --dr-radius-sm: 12px;\n}\n\n.dr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.dr-hero {\n position: relative;\n background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 40%, #2c2c2c 70%, #3a3530 100%);\n border-radius: var(--dr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--dr-shadow-lg);\n}\n\n.dr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(200,169,110,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(200,169,110,.06) 0%, transparent 40%);\n opacity: 1;\n}\n\n.dr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.dr-subtitle {\n color: var(--dr-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.dr-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.dr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.dr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.dr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.dr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--dr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dr-primary), var(--dr-accent));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.dr-card {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dr-shadow-lg);\n border-color: var(--dr-accent);\n}\n\n.dr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--dr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.dr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--dr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.dr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.dr-grid-compact .dr-card {\n padding: 1rem;\n}\n\n.dr-grid-compact .dr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.dr-grid-compact .dr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.dr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.dr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.dr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--dr-primary), var(--dr-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.dr-timeline-content {\n flex: 1;\n background: var(--dr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--dr-radius-sm);\n box-shadow: var(--dr-shadow);\n}\n\n.dr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--dr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.dr-timeline-content p {\n font-size: 14px;\n color: var(--dr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.dr-testimonial {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dr-shadow);\n border-left: 4px solid var(--dr-accent);\n}\n\n.dr-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dr-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === RESULTS BOX === *\/\n.dr-results-box {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--dr-shadow);\n}\n\n.dr-results-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.25rem;\n}\n\n.dr-results-step {\n text-align: center;\n padding: 1rem;\n border-radius: var(--dr-radius-sm);\n background: var(--dr-primary-light);\n transition: all .3s ease;\n}\n\n.dr-results-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--dr-shadow);\n}\n\n.dr-results-week {\n display: inline-block;\n background: linear-gradient(135deg, var(--dr-primary), var(--dr-accent));\n color: white;\n font-size: 13px;\n font-weight: 800;\n padding: 4px 14px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.dr-results-step p {\n font-size: 13px;\n color: var(--dr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.dr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--dr-primary-light);\n border-radius: var(--dr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.dr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.dr-tip p {\n font-size: 14px;\n color: var(--dr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.dr-accordion {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n box-shadow: var(--dr-shadow);\n overflow: hidden;\n}\n\n.dr-accordion-item {\n border-bottom: 1px solid var(--dr-border);\n margin: 0;\n padding: 0;\n}\n\n.dr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.dr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--dr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.dr-accordion-header:hover {\n background: var(--dr-primary-light);\n}\n\n.dr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.dr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--dr-accent);\n transition: transform .2s ease;\n}\n\n.dr-accordion-item[open] .dr-accordion-header::after {\n content: '−';\n}\n\n.dr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--dr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.dr-accordion-content p {\n margin: 0;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.dr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--dr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .dr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .dr-card {\n padding: 1.125rem;\n }\n\n .dr-section {\n margin-bottom: 1.75rem;\n }\n\n .dr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--dr-radius-sm);\n }\n\n .dr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .dr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .dr-grid-compact {\n gap: .625rem;\n }\n\n .dr-grid-compact .dr-card {\n padding: .75rem;\n }\n\n .dr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .dr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .dr-timeline-content h3 {\n font-size: 14px;\n }\n\n .dr-timeline-content p {\n font-size: 13px;\n }\n\n .dr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .dr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .dr-testimonial {\n padding: 1.25rem;\n }\n\n .dr-testimonial-text {\n font-size: 14px;\n }\n\n .dr-results-timeline {\n grid-template-columns: 1fr 1fr;\n gap: .75rem;\n }\n\n .dr-results-step {\n padding: .75rem;\n }\n\n .dr-results-step p {\n font-size: 12px;\n }\n\n .dr-results-week {\n font-size: 11px;\n padding: 3px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dr-card {\n animation: drFadeInUp .5s ease backwards;\n }\n .dr-card:nth-child(1) { animation-delay: .05s; }\n .dr-card:nth-child(2) { animation-delay: .1s; }\n .dr-card:nth-child(3) { animation-delay: .15s; }\n .dr-card:nth-child(4) { animation-delay: .2s; }\n .dr-card:nth-child(5) { animation-delay: .25s; }\n .dr-card:nth-child(6) { animation-delay: .3s; }\n\n .dr-timeline-item {\n animation: drFadeInUp .5s ease backwards;\n }\n .dr-timeline-item:nth-child(1) { animation-delay: .05s; }\n .dr-timeline-item:nth-child(2) { animation-delay: .1s; }\n .dr-timeline-item:nth-child(3) { animation-delay: .15s; }\n .dr-timeline-item:nth-child(4) { animation-delay: .2s; }\n .dr-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes drFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54832714088825,"sku":"ROLLERSIMPLE","price":4.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rouleau-a-barbe-min.jpg?v=1774440002"},{"product_id":"beard-roller-0-25-mm","title":"Beard Roller 0,25 mm - Stimulez la pousse de la barbe avec ce dermaroller","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Beard Darkening Roller - Dermaroller pour barbe 0,25mm\nPalette détectée:\n - Primaire: #C94A3A (rouge terracotta\/brique du packaging - masculin et audacieux)\n - Secondaire: #1A1A1A (noir profond du roller - premium et masculin)\n - Accent: #E8734A (orange terracotta plus clair pour accents)\nAmbiance: Masculine, grooming premium, packaging bold avec icône barbe stylisée, univers barbershop moderne\nPréfixe CSS: br\n--\u003e\n\n\u003cdiv class=\"br-premium\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"br-hero\"\u003e\n\u003cdiv class=\"br-hero-pattern\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"br-hero-content\"\u003e\n\u003cdiv class=\"br-badges-top\"\u003e\n\u003cspan class=\"br-badge\"\u003e🎯 0,25 mm optimal\u003c\/span\u003e\n\u003cspan class=\"br-badge\"\u003e🔄 2-3×\/semaine\u003c\/span\u003e\n\u003cspan class=\"br-badge\"\u003e✅ Peaux sensibles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"br-hero-title\"\u003eBeard Roller 0,25 mm\u003c\/span\u003e\n\u003cp class=\"br-subtitle\"\u003eStimulez naturellement la pousse de votre barbe\u003c\/p\u003e\n\u003cp class=\"br-description\"\u003eLe dermaroller professionnel conçu pour la barbe et le visage. Ses micro-aiguilles de 0,25 mm offrent une stimulation douce et efficace des follicules pileux tout en maximisant l'absorption de vos soins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BÉNÉFICES CLÉS --\u003e\n\u003csection class=\"br-section\"\u003e\n\u003ch2\u003e🎯 Pourquoi choisir le 0,25 mm\u003c\/h2\u003e\n\u003cdiv class=\"br-grid\"\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e📅 Fréquence optimale\u003c\/h3\u003e\n\u003cp\u003eUtilisable \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e sans sur-solliciter la peau. Stimulation constante pour des résultats progressifs et durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e🛡️ Confort maximal\u003c\/h3\u003e\n\u003cp\u003ePénétration \u003cstrong\u003etrès superficielle\u003c\/strong\u003e qui limite rougeurs et irritations. Idéal pour les peaux sensibles et les débutants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e💧 Absorption ×3\u003c\/h3\u003e\n\u003cp\u003eLes micro-canaux créés \u003cstrong\u003emultiplient l'efficacité\u003c\/strong\u003e de vos huiles et sérums jusqu'à 300%. Pénétration en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- RÉSULTATS --\u003e\n\u003csection class=\"br-section\"\u003e\n\u003ch2\u003e✨ Les résultats sur votre barbe\u003c\/h2\u003e\n\u003cdiv class=\"br-grid\"\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e01 — Peau plus nette\u003c\/h3\u003e\n\u003cp\u003eLe micro-renouvellement cutané affine le grain de peau, réduit les pores et stimule le collagène naturellement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e02 — Barbe plus dense\u003c\/h3\u003e\n\u003cp\u003eStimulation régulière des follicules pileux pour améliorer la densité et combler les zones clairsemées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e03 — Croissance optimisée\u003c\/h3\u003e\n\u003cp\u003eActivation de la microcirculation sanguine pour un apport optimal en nutriments aux follicules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"br-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi en 4 étapes\u003c\/h2\u003e\n\u003cdiv class=\"br-steps\"\u003e\n\u003cdiv class=\"br-step\"\u003e\n\u003cdiv class=\"br-step-num\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"br-step-content\"\u003e\n\u003ch3\u003eDésinfection\u003c\/h3\u003e\n\u003cp\u003eNettoyez le roller avec de l'alcool isopropylique avant et après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-step\"\u003e\n\u003cdiv class=\"br-step-num\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"br-step-content\"\u003e\n\u003ch3\u003eTechnique de roulage\u003c\/h3\u003e\n\u003cp\u003eSur peau propre, effectuez des passages \u003cstrong\u003ehorizontaux, verticaux et diagonaux\u003c\/strong\u003e. Pression légère, 4-6 passages par direction.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-step\"\u003e\n\u003cdiv class=\"br-step-num\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"br-step-content\"\u003e\n\u003ch3\u003eFréquence\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e, en laissant 24-48h de repos entre chaque séance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-step\"\u003e\n\u003cdiv class=\"br-step-num\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"br-step-content\"\u003e\n\u003ch3\u003eApplication des soins\u003c\/h3\u003e\n\u003cp\u003eAppliquez immédiatement votre \u003cstrong\u003ehuile ou sérum de barbe\u003c\/strong\u003e pour une absorption maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- TIMELINE --\u003e\n\u003csection class=\"br-section\"\u003e\n\u003ch2\u003e📈 Quand voir les résultats\u003c\/h2\u003e\n\u003cdiv class=\"br-timeline\"\u003e\n\u003cdiv class=\"br-timeline-item\"\u003e\n\u003cdiv class=\"br-timeline-badge\"\u003e2-4 sem.\u003c\/div\u003e\n\u003cdiv class=\"br-timeline-text\"\u003e\n\u003cstrong\u003ePremiers changements\u003c\/strong\u003e — Peau plus souple, meilleure absorption des soins, grain de peau affiné.\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-timeline-item\"\u003e\n\u003cdiv class=\"br-timeline-badge\"\u003e6-8 sem.\u003c\/div\u003e\n\u003cdiv class=\"br-timeline-text\"\u003e\n\u003cstrong\u003eDensification visible\u003c\/strong\u003e — Les zones clairsemées se remplissent, barbe plus fournie et homogène.\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-timeline-item\"\u003e\n\u003cdiv class=\"br-timeline-badge\"\u003e3 mois+\u003c\/div\u003e\n\u003cdiv class=\"br-timeline-text\"\u003e\n\u003cstrong\u003eRésultats optimaux\u003c\/strong\u003e — Barbe significativement plus dense, peau visiblement améliorée.\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"br-section\"\u003e\n\u003ch2\u003e👤 Ce roller est fait pour vous si\u003c\/h2\u003e\n\u003cdiv class=\"br-grid\"\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e🎯 Vous débutez\u003c\/h3\u003e\n\u003cp\u003eLe format 0,25 mm est parfait pour découvrir le microneedling en toute sécurité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e🔍 Barbe inégale\u003c\/h3\u003e\n\u003cp\u003eZones clairsemées, manque de densité, croissance irrégulière à corriger.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e⚡ Booster vos soins\u003c\/h3\u003e\n\u003cp\u003eMultipliez par 3 l'efficacité de vos huiles et sérums de barbe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e🛡️ Peau sensible\u003c\/h3\u003e\n\u003cp\u003eLe 0,25 mm minimise l'irritation et convient aux peaux réactives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CARACTÉRISTIQUES --\u003e\n\u003csection class=\"br-section\"\u003e\n\u003ch2\u003e📐 Caractéristiques techniques\u003c\/h2\u003e\n\u003cdiv class=\"br-grid-compact\"\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e📏 Aiguilles\u003c\/h3\u003e\n\u003cp\u003e0,25 mm — 540 micro-aiguilles titane\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e📐 Dimensions\u003c\/h3\u003e\n\u003cp\u003eRoller : 13,5 × 3 cm\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e🔬 Matériaux\u003c\/h3\u003e\n\u003cp\u003eTitane médical + ABS premium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"br-card\"\u003e\n\u003ch3\u003e♻️ Durabilité\u003c\/h3\u003e\n\u003cp\u003eJusqu'à 6 mois d'utilisation\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n\u003csection class=\"br-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"br-accordion\"\u003e\n\u003cdetails class=\"br-accordion-item\"\u003e\n\u003csummary class=\"br-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"br-accordion-content\"\u003e\n\u003cp\u003e• Désinfecter avant et après chaque utilisation\u003cbr\u003e\n• Ne jamais partager votre dermaroller\u003cbr\u003e\n• Remplacer tous les 6 mois maximum\u003cbr\u003e\n• Éviter l'exposition solaire 24-48h après\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"br-accordion-item\"\u003e\n\u003csummary class=\"br-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"br-accordion-content\"\u003e\n\u003cp\u003e• Acné active, plaies ouvertes ou infection cutanée\u003cbr\u003e\n• Eczéma, psoriasis ou rosacée en poussée\u003cbr\u003e\n• Problèmes de cicatrisation ou traitement anticoagulant\u003cbr\u003e\n• Grains de beauté ou lésions dans la zone traitée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"br-accordion-item\"\u003e\n\u003csummary class=\"br-accordion-header\"\u003e💡 Conseils pour maximiser les résultats\u003c\/summary\u003e\n\u003cdiv class=\"br-accordion-content\"\u003e\n\u003cp\u003e• Hydratation : buvez 2L d'eau\/jour\u003cbr\u003e\n• Nutrition : biotine, zinc, vitamines B et protéines\u003cbr\u003e\n• Sommeil : 7-8h pour une croissance optimale\u003cbr\u003e\n• Régularité : la constance est la clé du succès\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"br-accordion-item\"\u003e\n\u003csummary class=\"br-accordion-header\"\u003e📖 Guide complet\u003c\/summary\u003e\n\u003cdiv class=\"br-accordion-content\"\u003e\n\u003cp\u003eDécouvrez notre guide détaillé avec photos avant\/après et protocoles personnalisés :\u003cbr\u003e\n\u003ca href=\"https:\/\/www.naturellement-bio.com\/blogs\/news\/dermaroller-barbe-avant-apres\" target=\"_blank\" rel=\"noopener\"\u003e→ Consulter le guide complet\u003c\/a\u003e\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=\"br-section\" style=\"margin-bottom:0px!important;\"\u003e\n\u003cdiv class=\"br-cta-box\"\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Format recommandé pour 90% des hommes\u003c\/strong\u003e\u003cbr\u003e\nLe dermaroller 0,25 mm est votre allié pour une barbe plus dense, plus homogène et une peau visiblement améliorée. Routine simple, résultats progressifs, tolérance optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --br-cream: #FAF7F5;\n --br-white: #ffffff;\n --br-primary: #C94A3A;\n --br-primary-dark: #A33B2D;\n --br-primary-light: #FCEAE7;\n --br-secondary: #1A1A1A;\n --br-accent: #E8734A;\n --br-text: #1a1a1a;\n --br-text-light: #5a5a5a;\n --br-border: #e0e0e0;\n --br-shadow: 0 4px 24px rgba(201,74,58,.08);\n --br-shadow-lg: 0 12px 48px rgba(201,74,58,.15);\n --br-radius: 20px;\n --br-radius-sm: 12px;\n}\n\n.br-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--br-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.br-hero {\n position: relative;\n background: linear-gradient(135deg, var(--br-primary) 0%, var(--br-primary-dark) 50%, var(--br-secondary) 100%);\n border-radius: var(--br-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--br-shadow-lg);\n}\n\n.br-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.br-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.br-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.br-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--br-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.br-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.br-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.br-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.br-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.br-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.br-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--br-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.br-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--br-primary), var(--br-accent));\n border-radius: 2px;\n}\n\n.br-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.br-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.br-card {\n background: var(--br-white);\n border-radius: var(--br-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--br-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.br-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--br-shadow-lg);\n border-color: var(--br-primary);\n}\n\n.br-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--br-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.br-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--br-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.br-grid-compact .br-card {\n padding: 1rem;\n}\n\n.br-grid-compact .br-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.br-grid-compact .br-card p {\n font-size: 12px;\n}\n\n.br-steps {\n display: grid;\n gap: 1rem;\n}\n\n.br-step {\n display: flex;\n gap: 1rem;\n background: var(--br-white);\n border-radius: var(--br-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--br-shadow);\n align-items: flex-start;\n transition: all .3s ease;\n}\n\n.br-step:hover {\n transform: translateX(6px);\n box-shadow: var(--br-shadow-lg);\n}\n\n.br-step-num {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--br-primary), var(--br-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n}\n\n.br-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--br-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.br-step-content p {\n font-size: 14px;\n color: var(--br-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.br-timeline {\n display: grid;\n gap: 1rem;\n}\n\n.br-timeline-item {\n display: flex;\n gap: 1rem;\n background: var(--br-white);\n border-radius: var(--br-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--br-shadow);\n align-items: center;\n border-left: 4px solid var(--br-primary);\n}\n\n.br-timeline-badge {\n flex-shrink: 0;\n background: var(--br-primary);\n color: white;\n padding: 6px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 800;\n min-width: 70px;\n text-align: center;\n}\n\n.br-timeline-text {\n font-size: 14px;\n color: var(--br-text-light);\n line-height: 1.5;\n}\n\n.br-timeline-text strong {\n color: var(--br-text);\n display: block;\n margin-bottom: 2px;\n}\n\n.br-accordion {\n background: var(--br-white);\n border-radius: var(--br-radius);\n box-shadow: var(--br-shadow);\n overflow: hidden;\n}\n\n.br-accordion-item {\n border-bottom: 1px solid var(--br-border);\n margin: 0;\n padding: 0;\n}\n\n.br-accordion-item:last-child {\n border-bottom: none;\n}\n\n.br-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--br-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.br-accordion-header:hover {\n background: var(--br-primary-light);\n}\n\n.br-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.br-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--br-primary);\n transition: transform .2s ease;\n}\n\n.br-accordion-item[open] .br-accordion-header::after {\n content: '−';\n}\n\n.br-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--br-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.br-accordion-content p {\n margin: 0;\n}\n\n.br-accordion-content a {\n color: var(--br-primary);\n font-weight: 600;\n text-decoration: none;\n}\n\n.br-accordion-content a:hover {\n text-decoration: underline;\n}\n\n.br-cta-box {\n background: linear-gradient(135deg, var(--br-primary) 0%, var(--br-primary-dark) 100%);\n border-radius: var(--br-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.br-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.br-cta-box strong {\n display: block;\n font-size: clamp(13px, 2vw, 15px);\n margin-bottom: .75rem;\n opacity: .9;\n}\n\n@media (max-width: 767px) {\n .br-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .br-grid-compact {\n gap: .625rem;\n }\n \n .br-grid-compact .br-card {\n padding: .75rem;\n }\n \n .br-card {\n padding: 1.125rem;\n }\n \n .br-section {\n margin-bottom: 1.75rem;\n }\n \n .br-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--br-radius-sm);\n }\n \n .br-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .br-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .br-step {\n padding: 1rem;\n }\n \n .br-step-num {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .br-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .br-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .br-timeline-item {\n flex-direction: column;\n align-items: flex-start;\n gap: .5rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .br-card {\n animation: fadeInUp .5s ease backwards;\n }\n .br-card:nth-child(1) { animation-delay: .05s; }\n .br-card:nth-child(2) { animation-delay: .1s; }\n .br-card:nth-child(3) { animation-delay: .15s; }\n .br-card:nth-child(4) { animation-delay: .2s; }\n .br-card:nth-child(5) { animation-delay: .25s; }\n .br-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .br-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54832727851385,"sku":"ROLLERAVCBOITE","price":7.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rouleau-barbe.webp?v=1734017729"},{"product_id":"kit-beard-roller-huile-de-croissance-barbe","title":"Kit Pousse Barbe – Beard Roller \u0026 Huile de Croissance 100ml","description":"\u003cdiv class=\"bb-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"bb-hero\"\u003e\n\u003cdiv class=\"bb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bb-hero-content\"\u003e\n\u003cdiv class=\"bb-badges-top\"\u003e\n\u003cspan class=\"bb-badge\"\u003e🧔 Barbe dense \u0026amp; homogène\u003c\/span\u003e \u003cspan class=\"bb-badge\"\u003e🔬 Testé dermatologiquement\u003c\/span\u003e \u003cspan class=\"bb-badge\"\u003e🌿 94% naturel\u003c\/span\u003e \u003cspan class=\"bb-badge\"\u003e💉 Microneedling 0,25mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bb-hero-title\"\u003eKit Pousse Barbe\u003c\/span\u003e\n\u003cp class=\"bb-subtitle\"\u003eBeard Roller + Huile de Croissance 100ml\u003c\/p\u003e\n\u003cp class=\"bb-description\"\u003eDécouvrez notre kit complet pour \u003cstrong\u003estimuler la croissance de votre barbe\u003c\/strong\u003e tout en prenant soin de votre peau. Le duo parfait pour une barbe plus dense, plus fournie et parfaitement homogène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- RÉSULTATS CLINIQUES --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eRésultats cliniques prouvés\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bb-grid-compact\"\u003e\n\u003cdiv class=\"bb-card bb-card-result\"\u003e\n\u003ch3\u003e📈 +30 à 45%\u003c\/h3\u003e\n\u003cp\u003eMicrocirculation sanguine vers les follicules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card bb-card-result\"\u003e\n\u003ch3\u003e💪 +25%\u003c\/h3\u003e\n\u003cp\u003eÉpaisseur du poil avec l'huile de ricin\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card bb-card-result\"\u003e\n\u003ch3\u003e🌱 +15 à 30%\u003c\/h3\u003e\n\u003cp\u003eDensité capillaire après quelques semaines\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card bb-card-result\"\u003e\n\u003ch3\u003e⚡ +40%\u003c\/h3\u003e\n\u003cp\u003eAbsorption des actifs grâce aux micro-canaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BEARD ROLLER --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eLe Beard Roller : Votre allié microneedling\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp class=\"bb-section-intro\"\u003eLe Beard Roller est équipé de \u003cstrong\u003emicro aiguilles de 0,25 mm\u003c\/strong\u003e qui agissent directement sur la peau pour optimiser les conditions de pousse. Cette technique est devenue une référence pour accélérer la croissance et améliorer l'apparence de votre barbe.\u003c\/p\u003e\n\u003cdiv class=\"bb-grid\"\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e🩸 Stimulation de la circulation\u003c\/h3\u003e\n\u003cp\u003eLes micro aiguilles augmentent l'afflux sanguin vers les follicules, améliorant l'apport en nutriments avec une \u003cstrong\u003ehausse de 30 à 45%\u003c\/strong\u003e de la microcirculation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e🌱 Activation des follicules\u003c\/h3\u003e\n\u003cp\u003eLes micro perforations réveillent les follicules en dormance pour une \u003cstrong\u003ebarbe plus dense et homogène\u003c\/strong\u003e au fil des semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e💪 Production de collagène\u003c\/h3\u003e\n\u003cp\u003eLe microneedling favorise la synthèse naturelle de collagène, renforçant la structure du poil pour une \u003cstrong\u003epousse plus régulière\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card\"\u003e\n\u003ch3\u003e⚗️ Efficacité des soins x2\u003c\/h3\u003e\n\u003cp\u003eLes micro canaux permettent une meilleure pénétration des huiles, augmentant leur absorption de \u003cstrong\u003ejusqu'à 40%\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-tip\"\u003e\n\u003cp\u003e💡Utilisé régulièrement, le Beard Roller devient un véritable atout pour obtenir une barbe \u003cstrong\u003eplus dense, plus uniforme et visuellement plus fournie\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HUILE DE CROISSANCE --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eHuile de Croissance : Formule naturelle concentrée\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp class=\"bb-section-intro\"\u003eCette huile a été conçue pour stimuler la pousse tout en renforçant la barbe au quotidien. Elle contient \u003cstrong\u003e94% d'ingrédients d'origine naturelle\u003c\/strong\u003e et a été \u003cstrong\u003etestée sous contrôle dermatologique\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"bb-grid\"\u003e\n\u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n\u003ch3\u003e🌰 Huile de ricin\u003c\/h3\u003e\n\u003cp class=\"mb-3\"\u003eRiche en acides gras essentiels, elle nourrit profondément la tige du poil avec un \u003cstrong\u003egain d'épaisseur jusqu'à 25%\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cspan class=\"bb-tag\"\u003eIngrédient phare\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n\u003ch3\u003e💊 Panthénol (Provitamine B5)\u003c\/h3\u003e\n\u003cp\u003eAméliore la souplesse du poil et réduit la casse pour une barbe \u003cstrong\u003eplus résistante et disciplinée\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cspan class=\"bb-tag\"\u003eRenforcement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n\u003ch3\u003e🔬 Adénosine \u0026amp; Protéines\u003c\/h3\u003e\n\u003cp\u003eActifs stimulants pour le bulbe avec une \u003cstrong\u003eaugmentation de 15 à 30% de la densité\u003c\/strong\u003e après quelques semaines.\u003c\/p\u003e\n\u003cspan class=\"bb-tag\"\u003eActifs stimulants\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Menthol \u0026amp; Extraits végétaux\u003c\/h3\u003e\n\u003cp\u003eEffet fraîcheur immédiat, apaisent la peau et favorisent une \u003cstrong\u003epousse plus régulière\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cspan class=\"bb-tag\"\u003eApaisement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-highlight\"\u003e\n\u003cp\u003eGrâce à cette synergie d'actifs, votre barbe gagne en \u003cstrong\u003edensité\u003c\/strong\u003e, en \u003cstrong\u003edouceur\u003c\/strong\u003e et en \u003cstrong\u003ehomogénéité\u003c\/strong\u003e, tout en protégeant la peau des irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PROTOCOLE --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eProtocole d'utilisation optimal\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bb-timeline\"\u003e\n\u003cdiv class=\"bb-timeline-item\"\u003e\n\u003cdiv class=\"bb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-content\"\u003e\n\u003ch3\u003eNettoyage\u003c\/h3\u003e\n\u003cp\u003eDésinfectez le Beard Roller avant chaque utilisation pour une hygiène optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-item\"\u003e\n\u003cdiv class=\"bb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-content\"\u003e\n\u003ch3\u003eApplication du roller\u003c\/h3\u003e\n\u003cp\u003eRoulez délicatement sur les zones de la barbe en mouvements horizontaux, verticaux et diagonaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-item\"\u003e\n\u003cdiv class=\"bb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-content\"\u003e\n\u003ch3\u003eHydratation\u003c\/h3\u003e\n\u003cp\u003eAppliquez quelques gouttes d'huile sur la barbe et massez pour favoriser l'absorption.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-item\"\u003e\n\u003cdiv class=\"bb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bb-timeline-content\"\u003e\n\u003ch3\u003eFréquence recommandée\u003c\/h3\u003e\n\u003cp\u003eBeard Roller \u003cstrong\u003e2 à 3 fois\/semaine\u003c\/strong\u003e • Huile \u003cstrong\u003equotidiennement\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-combo\"\u003e\n\u003cdiv class=\"bb-combo-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"bb-combo-text\"\u003e\n\u003cstrong\u003eLa synergie gagnante :\u003c\/strong\u003e En combinant le Beard Roller et l'huile de croissance, vous maximisez vos chances d'obtenir une barbe \u003cstrong\u003eplus fournie et homogène\u003c\/strong\u003e. Le roller prépare la peau en créant des micro-canaux, facilitant la pénétration de l'huile.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- RÉSULTATS TIMELINE --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eQuand voir les résultats ?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bb-progress\"\u003e\n\u003cdiv class=\"bb-progress-item\"\u003e\n\u003cdiv class=\"bb-progress-header\"\u003e\n\u003cspan class=\"bb-progress-period\"\u003eSemaine 1-2\u003c\/span\u003e \u003cspan class=\"bb-progress-title\"\u003ePhase d'activation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eSensation de fraîcheur, peau plus souple, premiers signes de réveil des follicules\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-progress-item\"\u003e\n\u003cdiv class=\"bb-progress-header\"\u003e\n\u003cspan class=\"bb-progress-period\"\u003eSemaine 3-4\u003c\/span\u003e \u003cspan class=\"bb-progress-title\"\u003ePremiers résultats\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eBarbe plus douce, moins de casse, apparition de nouveaux poils dans les zones clairsemées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-progress-item\"\u003e\n\u003cdiv class=\"bb-progress-header\"\u003e\n\u003cspan class=\"bb-progress-period\"\u003eSemaine 6-8\u003c\/span\u003e \u003cspan class=\"bb-progress-title\"\u003eAmélioration significative\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eDensité accrue (+15-30%), épaisseur renforcée (+25%), barbe plus homogène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bb-progress-item bb-progress-final\"\u003e\n\u003cdiv class=\"bb-progress-header\"\u003e\n\u003cspan class=\"bb-progress-period\"\u003eAprès 3 mois\u003c\/span\u003e \u003cspan class=\"bb-progress-title\"\u003eRésultats optimaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp\u003eBarbe dense, fournie et visuellement transformée. Maintien recommandé pour pérenniser.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRÉCAUTIONS --\u003e\n\u003csection class=\"bb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003ePrécautions d'emploi\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bb-accordion\"\u003e\n\u003cdetails class=\"bb-accordion-item\"\u003e\n\u003csummary class=\"bb-accordion-header\"\u003e⚠️ Utilisation du Beard Roller\u003c\/summary\u003e\n\u003cdiv class=\"bb-accordion-content\"\u003e\n\u003cp\u003eÉvitez l'utilisation sur une peau irritée ou présentant des lésions. Nettoyez et désinfectez l'outil après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bb-accordion-item\"\u003e\n\u003csummary class=\"bb-accordion-header\"\u003e🧴 Conservation de l'huile\u003c\/summary\u003e\n\u003cdiv class=\"bb-accordion-content\"\u003e\n\u003cp\u003eConservez l'huile à l'abri de la lumière et de la chaleur pour préserver toutes ses propriétés actives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bb-accordion-item\"\u003e\n\u003csummary class=\"bb-accordion-header\"\u003e👨⚕️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"bb-accordion-content\"\u003e\n\u003cp\u003eEn cas de réaction cutanée, cessez l'utilisation. Consultez un dermatologue si vous avez des problèmes de peau spécifiques.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"bb-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"bb-cta-box\"\u003e\n\u003cp\u003eOffrez à votre barbe le soin qu'elle mérite avec notre Kit de croissance Barbe, pour une apparence \u003cstrong\u003esaine, dense et soignée\u003c\/strong\u003e. 🧔\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"bb-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Usage régulier recommandé pour des résultats optimaux.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES BEARD KIT === *\/\n:root {\n --bb-cream: #f5f4f2;\n --bb-white: #ffffff;\n --bb-primary: #2d2d2d;\n --bb-primary-dark: #1a1a1a;\n --bb-primary-light: rgba(45, 45, 45, .05);\n --bb-secondary: #b8956a;\n --bb-accent: #e67e22;\n --bb-silver: #c0c0c0;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e0ddd8;\n --bb-shadow: 0 4px 24px rgba(26, 26, 26, .08);\n --bb-shadow-lg: 0 12px 48px rgba(26, 26, 26, .15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #4a4a4a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: \n repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,.5) 2px, rgba(255,255,255,.5) 4px),\n repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255,255,255,.5) 2px, rgba(255,255,255,.5) 4px);\n background-size: 30px 30px;\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bb-subtitle {\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n color: var(--bb-secondary);\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.bb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bb-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-secondary), var(--bb-accent));\n border-radius: 2px;\n}\n\n.bb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.bb-section-intro strong {\n color: var(--bb-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-secondary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-card p strong {\n color: var(--bb-primary-dark);\n}\n\n\/* Card résultat *\/\n.bb-card-result {\n border-top: 4px solid var(--bb-accent);\n padding: 1rem;\n}\n\n.bb-card-result h3 {\n font-size: clamp(20px, 4vw, 28px);\n color: var(--bb-accent);\n margin-bottom: .25rem;\n}\n\n\/* Card ingrédient *\/\n.bb-card-ingredient {\n position: relative;\n padding-bottom: 3.5rem;\n}\n\n.bb-tag {\n position: absolute;\n bottom: 1rem;\n left: 50%;\n transform: translateX(-50%);\n display: inline-block;\n padding: 4px 12px;\n background: rgba(184, 149, 106, .15);\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n color: var(--bb-secondary);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === TIP BOX === *\/\n.bb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bb-primary-light);\n border-radius: var(--bb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--bb-secondary);\n}\n\n.bb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bb-tip p {\n font-size: 14px;\n color: var(--bb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-tip p strong {\n color: var(--bb-primary-dark);\n}\n\n\/* === HIGHLIGHT === *\/\n.bb-highlight {\n background: linear-gradient(135deg, var(--bb-secondary) 0%, var(--bb-accent) 100%);\n border-radius: var(--bb-radius);\n padding: 1.5rem 2rem;\n margin-top: 1.5rem;\n box-shadow: var(--bb-shadow);\n}\n\n.bb-highlight p {\n color: white;\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n text-align: center;\n font-weight: 600;\n}\n\n.bb-highlight strong {\n font-weight: 800;\n}\n\n\/* === TIMELINE === *\/\n.bb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bb-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-secondary) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(45, 45, 45, .2);\n}\n\n.bb-timeline-content {\n flex: 1;\n background: var(--bb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bb-radius-sm);\n box-shadow: var(--bb-shadow);\n}\n\n.bb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bb-timeline-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bb-timeline-content p strong {\n color: var(--bb-accent);\n}\n\n\/* === COMBO BOX === *\/\n.bb-combo {\n display: flex;\n gap: 1.25rem;\n align-items: center;\n background: linear-gradient(135deg, var(--bb-primary-dark) 0%, var(--bb-primary) 100%);\n border-radius: var(--bb-radius);\n padding: 1.5rem;\n margin-top: 1.5rem;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-combo-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.bb-combo-text {\n font-size: 14px;\n color: rgba(255,255,255,.9);\n line-height: 1.7;\n}\n\n.bb-combo-text strong {\n color: var(--bb-secondary);\n font-weight: 700;\n}\n\n\/* === PROGRESS CARDS === *\/\n.bb-progress {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1rem;\n}\n\n.bb-progress-item {\n background: var(--bb-white);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--bb-shadow);\n border-left: 4px solid var(--bb-secondary);\n transition: all .3s ease;\n}\n\n.bb-progress-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-progress-final {\n border-left-color: var(--bb-accent);\n background: linear-gradient(135deg, rgba(230, 126, 34, .05) 0%, var(--bb-white) 100%);\n}\n\n.bb-progress-header {\n display: flex;\n flex-direction: column;\n gap: .25rem;\n margin-bottom: .5rem;\n}\n\n.bb-progress-period {\n display: inline-block;\n padding: 3px 10px;\n background: var(--bb-accent);\n color: white;\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n width: fit-content;\n}\n\n.bb-progress-title {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n}\n\n.bb-progress-item p {\n font-size: 13px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-secondary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box::before {\n content: '🧔';\n position: absolute;\n top: -20px;\n right: -20px;\n font-size: 120px;\n opacity: .06;\n transform: rotate(10deg);\n}\n\n.bb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n.bb-cta-box p strong {\n color: var(--bb-secondary);\n}\n\n\/* === DISCLAIMER === *\/\n.bb-disclaimer {\n font-size: 12px;\n color: var(--bb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .875rem;\n }\n \n .bb-grid-compact .bb-card h3 {\n font-size: 16px;\n }\n \n .bb-grid-compact .bb-card p {\n font-size: 12px;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-card-ingredient {\n padding-bottom: 3rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .bb-timeline-content {\n padding: .875rem 1rem;\n }\n \n .bb-timeline-content h3 {\n font-size: 14px;\n }\n \n .bb-timeline-content p {\n font-size: 13px;\n }\n \n .bb-combo {\n flex-direction: column;\n text-align: center;\n padding: 1.25rem;\n }\n \n .bb-combo-icon {\n font-size: 40px;\n }\n \n .bb-progress {\n grid-template-columns: 1fr;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bb-tip {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n \n .bb-highlight {\n padding: 1.25rem 1.5rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n \n .bb-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bb-timeline-item:nth-child(4) { animation-delay: .2s; }\n \n .bb-progress-item {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-progress-item:nth-child(1) { animation-delay: .05s; }\n .bb-progress-item:nth-child(2) { animation-delay: .1s; }\n .bb-progress-item:nth-child(3) { animation-delay: .15s; }\n .bb-progress-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":54832763863417,"sku":"KITROLLERHUILE","price":12.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kit-pousse-barbe-dermaroller-huile_11zon.jpg?v=1774774713"},{"product_id":"kit-luxe-barbe-six-accessoires","title":"Coffret Prestige Soin de la Barbe pour Homme 6 en 1","description":"\u003cdiv class=\"cb-premium\"\u003e\n\u003c!-- HERO AVEC PATTERN --\u003e\n\u003cdiv class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-badges-top\"\u003e\n\u003cspan class=\"cb-badge\"\u003e🧔 6 outils professionnels\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e✂️ Qualité artisanale\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🌿 Bambou naturel\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🎁 Pochette velours incluse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"cb-description\"\u003eOffrez à votre barbe le soin qu'elle mérite avec ce \u003cstrong\u003eCoffret Luxe Soin de la Barbe\u003c\/strong\u003e, un ensemble complet pour des résultats professionnels depuis chez vous. Conçu pour les hommes qui souhaitent entretenir et styliser leur barbe avec élégance, ce coffret combine \u003cstrong\u003efonctionnalité\u003c\/strong\u003e, \u003cstrong\u003equalité artisanale\u003c\/strong\u003e et \u003cstrong\u003erespect de l'environnement\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENU DU COFFRET --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eLes 6 outils du coffret\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"cb-tools-grid\"\u003e\n\u003carticle class=\"cb-tool-card\"\u003e\n\u003cdiv class=\"cb-tool-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🪮 Brosse en poils doux et fins\u003c\/h3\u003e\n\u003cp\u003eParfaite pour \u003cstrong\u003ediscipliner les barbes les plus épaisses\u003c\/strong\u003e tout en stimulant les follicules pileux pour une pousse saine.\u003c\/p\u003e\n\u003cdiv class=\"cb-tool-benefit\"\u003e\n\u003cspan class=\"cb-benefit-badge\"\u003e💪 Stimule la pousse\u003c\/span\u003e \u003cspan class=\"cb-benefit-badge\"\u003e✨ Discipline\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"cb-tool-card\"\u003e\n\u003cdiv class=\"cb-tool-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🎋 Peigne en bois de bambou\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDouble face\u003c\/strong\u003e pour démêler et coiffer tous types de barbes, sans créer d'électricité statique.\u003c\/p\u003e\n\u003cdiv class=\"cb-tool-benefit\"\u003e\n\u003cspan class=\"cb-benefit-badge\"\u003e🌿 Bambou naturel\u003c\/span\u003e \u003cspan class=\"cb-benefit-badge\"\u003e⚡ Anti-statique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"cb-tool-card cb-tool-featured\"\u003e\n\u003cdiv class=\"cb-tool-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e💧Huile de soin (100 ml)\u003c\/h3\u003e\n\u003cp\u003ePensée pour \u003cstrong\u003estimuler la croissance\u003c\/strong\u003e de la barbe tout en renforçant la fibre. L’huile de ricin \u0026amp; les autres actifs naturels travaillent ensemble pour nourrir le poil, soutenir la pousse et offrir une barbe dense.\u003c\/p\u003e\n\u003cdiv class=\"cb-tool-benefit\"\u003e\n\u003cspan class=\"cb-benefit-badge\"\u003e🌱 Boost pousse\u003c\/span\u003e \u003cspan class=\"cb-benefit-badge\"\u003e💪 Barbe tonifiée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"cb-tool-card cb-tool-featured\"\u003e\n\u003cdiv class=\"cb-tool-number\"\u003e4\u003c\/div\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🔬 Derma Roller (0,25 mm)\u003c\/h3\u003e\n\u003cp\u003eStimule la \u003cstrong\u003ecirculation sanguine\u003c\/strong\u003e et favorise la repousse des poils pour une barbe \u003cstrong\u003eplus dense et homogène\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"cb-tool-benefit\"\u003e\n\u003cspan class=\"cb-benefit-badge\"\u003e📈 Densité +\u003c\/span\u003e \u003cspan class=\"cb-benefit-badge\"\u003e🔄 Repousse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"cb-tool-card\"\u003e\n\u003cdiv class=\"cb-tool-number\"\u003e5\u003c\/div\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e✂️ Ciseaux de précision\u003c\/h3\u003e\n\u003cp\u003eIdéal pour \u003cstrong\u003esculpter les contours\u003c\/strong\u003e et éliminer les poils rebelles avec une précision chirurgicale.\u003c\/p\u003e\n\u003cdiv class=\"cb-tool-benefit\"\u003e\n\u003cspan class=\"cb-benefit-badge\"\u003e🎯 Précision\u003c\/span\u003e \u003cspan class=\"cb-benefit-badge\"\u003e✨ Finitions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"cb-tool-card\"\u003e\n\u003cdiv class=\"cb-tool-number\"\u003e6\u003c\/div\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e👜 Pochette velours\u003c\/h3\u003e\n\u003cp\u003eÉlégante et pratique pour \u003cstrong\u003etransporter votre kit partout\u003c\/strong\u003e et protéger vos outils.\u003c\/p\u003e\n\u003cdiv class=\"cb-tool-benefit\"\u003e\n\u003cspan class=\"cb-benefit-badge\"\u003e🧳 Nomade\u003c\/span\u003e \u003cspan class=\"cb-benefit-badge\"\u003e🛡️ Protection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- AVANTAGES --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eLes avantages du coffret\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"cb-advantages-grid\"\u003e\n\u003carticle class=\"cb-advantage-card\"\u003e\n\u003cdiv class=\"cb-advantage-icon\"\u003e📊\u003c\/div\u003e\n\u003ch3\u003eRésultats visibles\u003c\/h3\u003e\n\u003cp\u003eUne barbe \u003cstrong\u003eplus douce, hydratée et structurée\u003c\/strong\u003e dès les premières utilisations.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"cb-advantage-card\"\u003e\n\u003cdiv class=\"cb-advantage-icon\"\u003e🔄\u003c\/div\u003e\n\u003ch3\u003ePolyvalence totale\u003c\/h3\u003e\n\u003cp\u003eConvient à \u003cstrong\u003etoutes les longueurs et types de barbes\u003c\/strong\u003e, du bouc à la barbe longue.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"cb-advantage-card\"\u003e\n\u003cdiv class=\"cb-advantage-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch3\u003eCadeau idéal\u003c\/h3\u003e\n\u003cp\u003ePrésenté dans un \u003cstrong\u003ecoffret élégant\u003c\/strong\u003e, c'est le cadeau parfait pour un homme soucieux de son style.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ROUTINE DE SOIN --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003eVotre routine de soin quotidienne\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"cb-routine-box\"\u003e\n\u003cdiv class=\"cb-routine-step\"\u003e\n\u003cdiv class=\"cb-routine-number\"\u003e\n\u003cspan class=\"cb-routine-digit\"\u003e1\u003c\/span\u003e\n\u003cdiv class=\"cb-routine-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-content\"\u003e\n\u003ch4\u003e🚿 Lavez votre barbe\u003c\/h4\u003e\n\u003cp\u003eCommencez par nettoyer votre barbe à l'eau tiède pour éliminer les impuretés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-step\"\u003e\n\u003cdiv class=\"cb-routine-number\"\u003e\n\u003cspan class=\"cb-routine-digit\"\u003e2\u003c\/span\u003e\n\u003cdiv class=\"cb-routine-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-content\"\u003e\n\u003ch4\u003e🪮 Brossez et démêlez\u003c\/h4\u003e\n\u003cp\u003eUtilisez la \u003cstrong\u003ebrosse\u003c\/strong\u003e pour discipliner, puis le \u003cstrong\u003epeigne bambou\u003c\/strong\u003e pour coiffer sans électricité statique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-step\"\u003e\n\u003cdiv class=\"cb-routine-number\"\u003e\n\u003cspan class=\"cb-routine-digit\"\u003e3\u003c\/span\u003e\n\u003cdiv class=\"cb-routine-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-content\"\u003e\n\u003ch4\u003e💧 Appliquez l'huile\u003c\/h4\u003e\n\u003cp\u003eDéposez quelques gouttes d'\u003cstrong\u003ehuile de soin\u003c\/strong\u003e dans vos mains, puis massez la barbe de la racine aux pointes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-step\"\u003e\n\u003cdiv class=\"cb-routine-number\"\u003e\n\u003cspan class=\"cb-routine-digit\"\u003e4\u003c\/span\u003e\n\u003cdiv class=\"cb-routine-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-content\"\u003e\n\u003ch4\u003e🔬 Derma Roller (2-3x\/semaine)\u003c\/h4\u003e\n\u003cp\u003ePassez le \u003cstrong\u003eDerma Roller\u003c\/strong\u003e sur les zones clairsemées pour stimuler la repousse et densifier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-step\"\u003e\n\u003cdiv class=\"cb-routine-number\"\u003e\u003cspan class=\"cb-routine-digit\"\u003e5\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-routine-content\"\u003e\n\u003ch4\u003e✂️ Sculptez les contours\u003c\/h4\u003e\n\u003cp\u003eUtilisez les \u003cstrong\u003eciseaux de précision\u003c\/strong\u003e pour tailler les poils rebelles et définir votre style.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003e\u003cstrong\u003ePour qui est ce coffret ?\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cdiv class=\"cb-target-grid\"\u003e\n\u003cdiv class=\"cb-target-card\"\u003e\n\u003cdiv class=\"cb-target-icon\"\u003e👨\u003c\/div\u003e\n\u003ch4\u003eDébutants\u003c\/h4\u003e\n\u003cp\u003eVous découvrez l'entretien de la barbe et voulez un \u003cstrong\u003ekit complet\u003c\/strong\u003e pour bien démarrer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-target-card\"\u003e\n\u003cdiv class=\"cb-target-icon\"\u003e🧔\u003c\/div\u003e\n\u003ch4\u003eExperts\u003c\/h4\u003e\n\u003cp\u003eVous maîtrisez déjà les bases et cherchez des \u003cstrong\u003eoutils de qualité professionnelle\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-target-card\"\u003e\n\u003cdiv class=\"cb-target-icon\"\u003e💼\u003c\/div\u003e\n\u003ch4\u003eStyle au quotidien\u003c\/h4\u003e\n\u003cp\u003eVous souhaitez une barbe \u003cstrong\u003eimpeccable\u003c\/strong\u003e pour votre vie professionnelle et personnelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-target-card\"\u003e\n\u003cdiv class=\"cb-target-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4\u003eIdée cadeau\u003c\/h4\u003e\n\u003cp\u003eParfait pour offrir à un homme qui prend soin de son \u003cstrong\u003eimage et de son style\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION HUILE --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003cdiv class=\"cb-oil-box\"\u003e\n\u003cdiv class=\"cb-oil-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"cb-oil-content\"\u003e\n\u003ch3\u003eComposition de l'huile de soin (100 ml)\u003c\/h3\u003e\n\u003cp\u003eFormule à \u003cstrong\u003e94 % d’origine naturelle\u003c\/strong\u003e, testée sous contrôle dermatologique. Elle réunit des actifs sélectionnés pour renforcer, adoucir et tonifier la barbe :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de ricin\u003c\/strong\u003e : nourrit le poil en profondeur et soutient naturellement la pousse.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePanthénol (provitamine B5)\u003c\/strong\u003e : hydrate, assouplit et rend le poil plus facile à discipliner.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAdénosine + protéines hydrolysées\u003c\/strong\u003e : entretien du bulbe pileux pour une barbe visuellement plus dense et tonique.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMenthol + extraits végétaux (camomille, agrumes)\u003c\/strong\u003e : apportent un effet frais immédiat et un confort apaisant.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- TRANSFORMATION --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003cdiv class=\"cb-transform-box\"\u003e\n\u003ch3\u003eTransformez votre routine en rituel haut de gamme\u003c\/h3\u003e\n\u003cp\u003eAdoptez ce coffret soin de la barbe pour transformer votre routine quotidienne en un \u003cstrong\u003erituel de bien-être haut de gamme\u003c\/strong\u003e. Que vous débutiez dans l'entretien de votre barbe ou que vous soyez un expert, ce kit est l'allié parfait pour une barbe \u003cstrong\u003esoignée, dense et irrésistible\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003cdiv class=\"cb-cta-box\"\u003e\n\u003cdiv class=\"cb-cta-icon\"\u003e🧔\u003c\/div\u003e\n\u003cp\u003eUn coffret complet et professionnel pour une \u003cstrong\u003ebarbe impeccable\u003c\/strong\u003e. Des outils de qualité, une routine efficace, et un style qui fait la différence. \u003cstrong\u003eL'excellence au service de votre barbe.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ========== STYLE PREMIUM COFFRET BARBE ========== --\u003e\n\u003cstyle\u003e\n\/* === VARIABLES COFFRET BARBE === *\/\n:root {\n --cb-cream: #faf8f5;\n --cb-white: #ffffff;\n --cb-charcoal: #2d2d2d;\n --cb-charcoal-dark: #1a1a1a;\n --cb-steel: #5a6672;\n --cb-bronze: #b8956a;\n --cb-copper: #c9765a;\n --cb-wood: #8d6f5b;\n --cb-graphite: #4a4a4a;\n --cb-text: #2a2a2a;\n --cb-text-light: #5a5a5a;\n --cb-border: #e5e0d8;\n --cb-shadow: 0 4px 24px rgba(45, 45, 45, .12);\n --cb-shadow-lg: 0 12px 48px rgba(45, 45, 45, .2);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #4a4a4a 50%, #5a6672 100%);\n border-radius: var(--cb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .04;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cb-charcoal-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.cb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n margin: 0;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.2);\n}\n\n.cb-description strong {\n color: white;\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-charcoal-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cb-bronze), var(--cb-copper));\n border-radius: 2px;\n}\n\n\/* === TOOLS GRID === *\/\n.cb-tools-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.cb-tool-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: 2rem;\n box-shadow: var(--cb-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--cb-charcoal);\n position: relative;\n}\n\n.cb-tool-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--cb-shadow-lg);\n border-top-color: var(--cb-bronze);\n}\n\n.cb-tool-featured {\n background: linear-gradient(135deg, rgba(184, 149, 106, .03) 0%, rgba(201, 118, 90, .03) 100%);\n border: 2px solid var(--cb-bronze);\n border-top-width: 4px;\n}\n\n.cb-tool-number {\n position: absolute;\n top: -12px;\n right: 20px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--cb-charcoal) 0%, var(--cb-steel) 100%);\n color: white;\n font-size: 15px;\n font-weight: 900;\n display: grid;\n place-items: center;\n box-shadow: 0 4px 12px rgba(45, 45, 45, .3);\n}\n\n.cb-tool-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(45, 45, 45, .15));\n}\n\n.cb-tool-card h3 {\n font-size: 19px;\n font-weight: 800;\n color: var(--cb-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.cb-tool-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--cb-text-light);\n margin: 0 0 1rem 0;\n}\n\n.cb-tool-card strong {\n color: var(--cb-charcoal-dark);\n font-weight: 700;\n}\n\n.cb-tool-benefit {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.cb-benefit-badge {\n display: inline-block;\n padding: 5px 10px;\n background: linear-gradient(135deg, rgba(45, 45, 45, .08) 0%, rgba(90, 102, 114, .08) 100%);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--cb-charcoal);\n border: 1px solid rgba(45, 45, 45, .1);\n}\n\n\/* === ADVANTAGES GRID === *\/\n.cb-advantages-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.cb-advantage-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--cb-shadow);\n transition: all .3s ease;\n border-top: 4px solid var(--cb-bronze);\n}\n\n.cb-advantage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--cb-shadow-lg);\n border-top-color: var(--cb-copper);\n}\n\n.cb-advantage-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(184, 149, 106, .2));\n}\n\n.cb-advantage-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--cb-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.cb-advantage-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--cb-text-light);\n margin: 0;\n}\n\n.cb-advantage-card strong {\n color: var(--cb-charcoal-dark);\n font-weight: 700;\n}\n\n\/* === ROUTINE BOX === *\/\n.cb-routine-box {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: 2.5rem;\n box-shadow: var(--cb-shadow);\n}\n\n.cb-routine-step {\n display: flex;\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.cb-routine-step:last-child {\n margin-bottom: 0;\n}\n\n.cb-routine-number {\n position: relative;\n flex-shrink: 0;\n}\n\n.cb-routine-digit {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--cb-charcoal) 0%, var(--cb-steel) 100%);\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: grid;\n place-items: center;\n box-shadow: 0 4px 12px rgba(45, 45, 45, .2);\n}\n\n.cb-routine-line {\n position: absolute;\n top: 48px;\n left: 50%;\n transform: translateX(-50%);\n width: 2px;\n height: calc(100% + 2rem);\n background: linear-gradient(180deg, var(--cb-steel) 0%, transparent 100%);\n}\n\n.cb-routine-step:last-child .cb-routine-line {\n display: none;\n}\n\n.cb-routine-content h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--cb-charcoal-dark);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.cb-routine-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--cb-text-light);\n margin: 0;\n}\n\n.cb-routine-content strong {\n color: var(--cb-charcoal-dark);\n font-weight: 700;\n}\n\n\/* === TARGET GRID === *\/\n.cb-target-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.25rem;\n}\n\n.cb-target-card {\n background: linear-gradient(135deg, rgba(45, 45, 45, .03) 0%, rgba(90, 102, 114, .03) 100%);\n border: 2px solid var(--cb-border);\n border-radius: var(--cb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n transition: all .3s ease;\n}\n\n.cb-target-card:hover {\n border-color: var(--cb-charcoal);\n transform: translateY(-4px);\n box-shadow: var(--cb-shadow);\n}\n\n.cb-target-icon {\n font-size: 40px;\n margin-bottom: 0.75rem;\n filter: drop-shadow(0 2px 8px rgba(45, 45, 45, .15));\n}\n\n.cb-target-card h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--cb-text);\n margin: 0 0 0.5rem 0;\n letter-spacing: -.02em;\n}\n\n.cb-target-card p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--cb-text-light);\n margin: 0;\n}\n\n.cb-target-card strong {\n color: var(--cb-charcoal-dark);\n font-weight: 700;\n}\n\n\/* === OIL BOX === *\/\n.cb-oil-box {\n background: linear-gradient(135deg, rgba(184, 149, 106, .1) 0%, rgba(201, 118, 90, .1) 100%);\n border: 2px solid var(--cb-bronze);\n border-radius: var(--cb-radius);\n padding: 2rem 2.5rem;\n display: flex;\n gap: 2rem;\n align-items: center;\n}\n\n.cb-oil-icon {\n font-size: 64px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(184, 149, 106, .3));\n}\n\n.cb-oil-content h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--cb-charcoal-dark);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.cb-oil-content p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--cb-text-light);\n margin: 0;\n}\n\n.cb-oil-content strong {\n color: var(--cb-charcoal-dark);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .cb-oil-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === TRANSFORM BOX === *\/\n.cb-transform-box {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: 2.5rem 3rem;\n box-shadow: var(--cb-shadow);\n border-left: 5px solid var(--cb-bronze);\n text-align: center;\n}\n\n.cb-transform-box h3 {\n font-size: 22px;\n font-weight: 800;\n color: var(--cb-charcoal-dark);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.cb-transform-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.7;\n color: var(--cb-text-light);\n margin: 0;\n}\n\n.cb-transform-box strong {\n color: var(--cb-charcoal-dark);\n font-weight: 700;\n}\n\n\/* === CTA BOX === *\/\n.cb-cta-box {\n background: linear-gradient(135deg, var(--cb-charcoal) 0%, var(--cb-steel) 100%);\n border-radius: var(--cb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n box-shadow: var(--cb-shadow-lg);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1.5rem;\n}\n\n.cb-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.cb-cta-icon {\n font-size: 80px;\n filter: drop-shadow(0 4px 16px rgba(0,0,0,.3));\n position: relative;\n z-index: 1;\n}\n\n.cb-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n margin: 0;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n position: relative;\n z-index: 1;\n max-width: 850px;\n}\n\n.cb-cta-box strong {\n color: white;\n font-weight: 800;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb-tool-card,\n .cb-advantage-card,\n .cb-target-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .cb-tool-card:nth-child(1),\n .cb-advantage-card:nth-child(1),\n .cb-target-card:nth-child(1) { animation-delay: .1s; }\n \n .cb-tool-card:nth-child(2),\n .cb-advantage-card:nth-child(2),\n .cb-target-card:nth-child(2) { animation-delay: .2s; }\n \n .cb-tool-card:nth-child(3),\n .cb-advantage-card:nth-child(3),\n .cb-target-card:nth-child(3) { animation-delay: .3s; }\n \n .cb-tool-card:nth-child(4),\n .cb-target-card:nth-child(4) { animation-delay: .4s; }\n \n .cb-tool-card:nth-child(5) { animation-delay: .5s; }\n .cb-tool-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .cb-premium {\n --cb-charcoal: #1a1a1a;\n --cb-charcoal-dark: #000000;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54847144493433,"sku":"COFFRETLUXEBARBE","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coffret_prestige_barbe_6en1_packshot.jpg?v=1765268875"},{"product_id":"dermaroller-barbe-beard-roller-de-0-25-mm-noir-violet","title":"Dermaroller Barbe - beard roller de 0,25 mm Noir\/Violet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dermaroller Barbe - Beard roller 0,25 mm\nPalette détectée:\n - Primaire: #B845D4 (rose-violet vibrant des aiguilles\/rouleau, ton féminin-masculin équilibré)\n - Secondaire: #8B2FA8 (violet profond pour contraste)\n - Accent: #E879F9 (rose clair pour highlights)\n - Noir: #1a1a1a (élégant, technique, médical)\nAmbiance: Technique\/médical + moderne + mixte (unisexe)\nStyle: Premium technique avec touche design, aspect professionnel\/clinique mais accessible\nType: Accessoire de soin\/beauté technique (microneedling)\nPréfixe CSS: dr (dermaroller)\n--\u003e\n\n\u003cdiv class=\"dr-premium\"\u003e\n \u003cdiv class=\"dr-hero\"\u003e\n \u003cdiv class=\"dr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dr-hero-content\"\u003e\n \u003cdiv class=\"dr-badges-top\"\u003e\n \u003cspan class=\"dr-badge\"\u003e✨ 540 micro-aiguilles en titane\u003c\/span\u003e\n \u003cspan class=\"dr-badge\"\u003e🎯 0,25 mm de précision\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dr-hero-title\"\u003eDermaroller professionnel\u003c\/span\u003e\n \u003cp class=\"dr-subtitle\"\u003eBeard roller 0,25 mm pour une peau sublimée et une barbe densifiée\u003c\/p\u003e\n \u003cp class=\"dr-description\"\u003eLe secret d'un microneedling de qualité professionnelle à domicile. Stimulez la régénération naturelle de votre peau et boostez la croissance de votre barbe avec 540 micro-aiguilles en titane de précision chirurgicale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003ePourquoi choisir notre dermaroller professionnel ?\u003c\/h2\u003e\n \u003cdiv class=\"dr-grid\"\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003cdiv class=\"dr-card-icon\"\u003e🔬\u003c\/div\u003e\n \u003cdiv class=\"dr-card-title\"\u003eTechnologie médicale\u003c\/div\u003e\n \u003cdiv class=\"dr-card-text\"\u003e540 micro-aiguilles en titane de qualité chirurgicale pour une stimulation optimale des tissus cutanés et une régénération cellulaire accélérée\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003cdiv class=\"dr-card-icon\"\u003e📏\u003c\/div\u003e\n \u003cdiv class=\"dr-card-title\"\u003ePrécision 0,25 mm\u003c\/div\u003e\n \u003cdiv class=\"dr-card-text\"\u003eLongueur idéale pour les soins quotidiens et zones sensibles, sans douleur ni temps de récupération, utilisable sur le visage, la barbe et le cuir chevelu\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003cdiv class=\"dr-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"dr-card-title\"\u003eRésultats visibles\u003c\/div\u003e\n \u003cdiv class=\"dr-card-text\"\u003eStimule la production de collagène et d'élastine pour une peau plus ferme, lisse et éclatante, tout en favorisant une croissance capillaire harmonieuse\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003cdiv class=\"dr-card-icon\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"dr-card-title\"\u003eÉcoresponsable\u003c\/div\u003e\n \u003cdiv class=\"dr-card-text\"\u003eSans piles, sans produits chimiques, réutilisable à l'infini avec un simple nettoyage. Un geste beauté responsable pour votre peau et la planète\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003cdiv class=\"dr-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003cdiv class=\"dr-card-title\"\u003eDesign ergonomique\u003c\/div\u003e\n \u003cdiv class=\"dr-card-text\"\u003eManche profilé noir brillant pour une prise en main parfaite et un contrôle précis lors de l'utilisation, même dans les zones difficiles d'accès\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-card\"\u003e\n \u003cdiv class=\"dr-card-icon\"\u003e👥\u003c\/div\u003e\n \u003cdiv class=\"dr-card-title\"\u003eMixte \u0026amp; universel\u003c\/div\u003e\n \u003cdiv class=\"dr-card-text\"\u003eConvient à tous les types de peau, hommes et femmes confondus. Idéal pour le visage, la barbe, les cheveux et toutes les zones à revitaliser\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003eLes bénéfices prouvés du microneedling\u003c\/h2\u003e\n \u003cdiv class=\"dr-benefits-grid\"\u003e\n \u003cdiv class=\"dr-benefit-card\"\u003e\n \u003cdiv class=\"dr-benefit-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-content\"\u003e\n \u003cdiv class=\"dr-benefit-title\"\u003e🧔 Densifie la barbe\u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-text\"\u003eStimule les follicules pileux dormants et favorise une pousse plus dense et uniforme, comble les zones clairsemées pour une barbe pleine et harmonieuse\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-card\"\u003e\n \u003cdiv class=\"dr-benefit-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-content\"\u003e\n \u003cdiv class=\"dr-benefit-title\"\u003e💆 Régénère la peau\u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-text\"\u003eBooste la production naturelle de collagène et d'élastine pour une peau visiblement plus ferme, lisse et éclatante, avec un teint unifié\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-card\"\u003e\n \u003cdiv class=\"dr-benefit-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-content\"\u003e\n \u003cdiv class=\"dr-benefit-title\"\u003e🎯 Atténue les imperfections\u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-text\"\u003eRéduit l'apparence des cicatrices d'acné, minimise les pores dilatés et estompe les ridules pour un grain de peau affiné et une texture améliorée\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-card\"\u003e\n \u003cdiv class=\"dr-benefit-number\"\u003e04\u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-content\"\u003e\n \u003cdiv class=\"dr-benefit-title\"\u003e💧 Améliore l'absorption\u003c\/div\u003e\n \u003cdiv class=\"dr-benefit-text\"\u003eCrée des micro-canaux qui multiplient par 10 l'efficacité des sérums et huiles de soin, maximisant les résultats de votre routine beauté\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003ePour qui est fait ce dermaroller ?\u003c\/h2\u003e\n \u003cdiv class=\"dr-grid\"\u003e\n \u003cdiv class=\"dr-profile-card\"\u003e\n \u003cdiv class=\"dr-profile-emoji\"\u003e🧔\u003c\/div\u003e\n \u003cdiv class=\"dr-profile-title\"\u003eHommes avec barbe clairsemée\u003c\/div\u003e\n \u003cdiv class=\"dr-profile-text\"\u003eVous rêvez d'une barbe plus dense et homogène ? Ce dermaroller stimule les follicules pour combler les zones vides naturellement\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-profile-card\"\u003e\n \u003cdiv class=\"dr-profile-emoji\"\u003e💁‍♀️\u003c\/div\u003e\n \u003cdiv class=\"dr-profile-title\"\u003eFemmes anti-âge\u003c\/div\u003e\n \u003cdiv class=\"dr-profile-text\"\u003eCombattez les signes de l'âge avec ce soin professionnel qui booste le collagène et raffermit visiblement votre peau\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-profile-card\"\u003e\n \u003cdiv class=\"dr-profile-emoji\"\u003e🎭\u003c\/div\u003e\n \u003cdiv class=\"dr-profile-title\"\u003ePeaux à imperfections\u003c\/div\u003e\n \u003cdiv class=\"dr-profile-text\"\u003eCicatrices d'acné, pores dilatés, texture irrégulière ? Le microneedling aide à uniformiser et lisser votre épiderme\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-profile-card\"\u003e\n \u003cdiv class=\"dr-profile-emoji\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"dr-profile-title\"\u003eAdeptes du naturel\u003c\/div\u003e\n \u003cdiv class=\"dr-profile-text\"\u003eUne solution sans produits chimiques ni interventions invasives, respectueuse de votre peau et de l'environnement\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003eMode d'emploi pour des résultats optimaux\u003c\/h2\u003e\n \u003cdiv class=\"dr-steps\"\u003e\n \u003cdiv class=\"dr-step\"\u003e\n \u003cdiv class=\"dr-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dr-step-content\"\u003e\n \u003cdiv class=\"dr-step-title\"\u003e🧼 Nettoyez et désinfectez\u003c\/div\u003e\n \u003cdiv class=\"dr-step-text\"\u003eLavez votre visage à l'eau tiède et au savon doux. Désinfectez le rouleau à l'alcool à 70° avant et après chaque utilisation pour une hygiène parfaite\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-step\"\u003e\n \u003cdiv class=\"dr-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dr-step-content\"\u003e\n \u003cdiv class=\"dr-step-title\"\u003e↔️ Roulez avec douceur\u003c\/div\u003e\n \u003cdiv class=\"dr-step-text\"\u003eAppliquez une légère pression et effectuez 6-8 passages dans chaque direction (horizontal, vertical, diagonal) sur les zones ciblées. Ne forcez jamais\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-step\"\u003e\n \u003cdiv class=\"dr-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dr-step-content\"\u003e\n \u003cdiv class=\"dr-step-title\"\u003e💧 Appliquez vos soins\u003c\/div\u003e\n \u003cdiv class=\"dr-step-text\"\u003eProfitez de l'absorption maximale pour appliquer votre sérum, huile de barbe ou soin hydratant. Les actifs pénètrent jusqu'à 10 fois mieux\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-step\"\u003e\n \u003cdiv class=\"dr-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dr-step-content\"\u003e\n \u003cdiv class=\"dr-step-title\"\u003e📅 Utilisez régulièrement\u003c\/div\u003e\n \u003cdiv class=\"dr-step-text\"\u003ePour 0,25 mm : 3 à 5 fois par semaine. Soyez régulier pour observer les premiers résultats visibles dès 4 à 6 semaines d'utilisation\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"dr-tech-grid\"\u003e\n \u003cdiv class=\"dr-tech-card\"\u003e\n \u003cdiv class=\"dr-tech-label\"\u003eLongueur des aiguilles\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-value\"\u003e0,25 mm\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-desc\"\u003eIdéal soins quotidiens\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-tech-card\"\u003e\n \u003cdiv class=\"dr-tech-label\"\u003eNombre d'aiguilles\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-value\"\u003e540\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-desc\"\u003eCouverture optimale\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-tech-card\"\u003e\n \u003cdiv class=\"dr-tech-label\"\u003eMatériau aiguilles\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-value\"\u003eTitane\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-desc\"\u003eQualité chirurgicale\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-tech-card\"\u003e\n \u003cdiv class=\"dr-tech-label\"\u003eLargeur rouleau\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-value\"\u003e29 mm\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-desc\"\u003eFormat universel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dr-tech-card\"\u003e\n \u003cdiv class=\"dr-tech-label\"\u003eCouleur\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-value\"\u003eNoir \/ Violet\u003c\/div\u003e\n \u003cdiv class=\"dr-tech-desc\"\u003eDesign premium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dr-section\"\u003e\n \u003ch2\u003ePrécautions et contre-indications\u003c\/h2\u003e\n \u003cdiv class=\"dr-warning-box\"\u003e\n \u003cdiv class=\"dr-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"dr-warning-content\"\u003e\n \u003cdiv class=\"dr-warning-title\"\u003eÀ lire avant utilisation\u003c\/div\u003e\n \u003cul class=\"dr-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eNe pas utiliser sur :\u003c\/strong\u003e Acné inflammatoire active, plaies ouvertes, infections cutanées, eczéma, psoriasis en poussée, herpès actif\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eNe pas partager :\u003c\/strong\u003e Cet outil est strictement personnel pour des raisons d'hygiène et de sécurité\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDésinfection obligatoire :\u003c\/strong\u003e Toujours nettoyer à l'alcool 70° avant et après chaque usage\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDouceur essentielle :\u003c\/strong\u003e N'appuyez jamais trop fort, laissez le poids du rouleau faire le travail\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eProtection solaire :\u003c\/strong\u003e Appliquez une crème SPF 30+ les jours suivant l'utilisation\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eRemplacement :\u003c\/strong\u003e Changez le rouleau tous les 3 à 6 mois selon la fréquence d'utilisation\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"dr-warning-note\"\u003eEn cas de doute, consultez un dermatologue avant la première utilisation, notamment si vous suivez un traitement dermatologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dr-cta-box\"\u003e\n \u003cdiv class=\"dr-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dr-cta-content\"\u003e\n \u003cdiv class=\"dr-cta-icon\"\u003e🌟\u003c\/div\u003e\n \u003cp class=\"dr-cta-text\"\u003eTransformez votre routine beauté avec un soin professionnel à domicile\u003c\/p\u003e\n \u003cp class=\"dr-cta-subtext\"\u003eRejoignez les milliers d'utilisateurs qui ont déjà adopté le microneedling pour une peau sublimée et une barbe densifiée naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --dr-cream: #fafafa;\n --dr-white: #ffffff;\n --dr-primary: #B845D4;\n --dr-primary-dark: #8B2FA8;\n --dr-primary-light: #f5e6fa;\n --dr-secondary: #E879F9;\n --dr-accent: #a855f7;\n --dr-black: #1a1a1a;\n\n \/* Textes *\/\n --dr-text: #1a1a1a;\n --dr-text-light: #5a5a5a;\n --dr-text-lighter: #808080;\n\n \/* Effets *\/\n --dr-border: #e0e0e0;\n --dr-shadow: 0 4px 24px rgba(184, 69, 212, .08);\n --dr-shadow-lg: 0 12px 48px rgba(139, 47, 168, .2);\n --dr-shadow-hover: 0 8px 32px rgba(184, 69, 212, .15);\n --dr-radius: 20px;\n --dr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dr-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.dr-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d1a3d 50%, #3d2050 100%);\n border-radius: var(--dr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--dr-shadow-lg);\n}\n\n.dr-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n repeating-linear-gradient(45deg, var(--dr-primary) 0, var(--dr-primary) 1px, transparent 1px, transparent 20px),\n repeating-linear-gradient(-45deg, var(--dr-secondary) 0, var(--dr-secondary) 1px, transparent 1px, transparent 20px);\n}\n\n.dr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dr-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.dr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dr-primary-dark);\n box-shadow: 0 2px 12px rgba(184, 69, 212, .2);\n transition: all .3s ease;\n}\n\n.dr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(184, 69, 212, .3);\n}\n\n.dr-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(184, 69, 212, .4);\n}\n\n.dr-subtitle {\n color: var(--dr-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n line-height: 1.4;\n}\n\n.dr-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.dr-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dr-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dr-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dr-primary), var(--dr-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.dr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.dr-card {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dr-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dr-shadow-hover);\n border-color: var(--dr-primary);\n}\n\n.dr-card-icon {\n font-size: clamp(36px, 7vw, 48px);\n margin-bottom: 1rem;\n}\n\n.dr-card-title {\n font-size: clamp(18px, 3vw, 21px);\n font-weight: 800;\n color: var(--dr-text);\n margin-bottom: 0.75rem;\n}\n\n.dr-card-text {\n font-size: 15px;\n color: var(--dr-text-light);\n line-height: 1.7;\n}\n\n\/* === BENEFITS === *\/\n.dr-benefits-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.dr-benefit-card {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: var(--dr-shadow);\n border-left: 4px solid var(--dr-primary);\n transition: all .3s ease;\n}\n\n.dr-benefit-card:hover {\n transform: translateX(8px);\n box-shadow: var(--dr-shadow-hover);\n}\n\n.dr-benefit-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--dr-primary), var(--dr-secondary));\n color: white;\n font-size: 20px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(184, 69, 212, .3);\n}\n\n.dr-benefit-content {\n flex: 1;\n}\n\n.dr-benefit-title {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--dr-text);\n margin-bottom: 0.5rem;\n}\n\n.dr-benefit-text {\n font-size: 15px;\n color: var(--dr-text-light);\n line-height: 1.7;\n}\n\n\/* === PROFILES === *\/\n.dr-profile-card {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dr-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dr-shadow-hover);\n border-color: var(--dr-secondary);\n}\n\n.dr-profile-emoji {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n}\n\n.dr-profile-title {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--dr-text);\n margin-bottom: 0.75rem;\n}\n\n.dr-profile-text {\n font-size: 15px;\n color: var(--dr-text-light);\n line-height: 1.7;\n}\n\n\/* === STEPS === *\/\n.dr-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.dr-step {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n box-shadow: var(--dr-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.dr-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--dr-shadow-hover);\n border-color: var(--dr-primary-light);\n}\n\n.dr-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n border-radius: 12px;\n background: var(--dr-primary-light);\n color: var(--dr-primary-dark);\n font-size: 22px;\n font-weight: 900;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.dr-step-content {\n flex: 1;\n}\n\n.dr-step-title {\n font-size: clamp(17px, 3vw, 19px);\n font-weight: 800;\n color: var(--dr-text);\n margin-bottom: 0.5rem;\n}\n\n.dr-step-text {\n font-size: 15px;\n color: var(--dr-text-light);\n line-height: 1.7;\n}\n\n\/* === TECH SPECS === *\/\n.dr-tech-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.dr-tech-card {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n text-align: center;\n border: 2px solid var(--dr-border);\n transition: all .3s ease;\n}\n\n.dr-tech-card:hover {\n border-color: var(--dr-primary);\n transform: scale(1.05);\n box-shadow: var(--dr-shadow-hover);\n}\n\n.dr-tech-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--dr-text-lighter);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.75rem;\n}\n\n.dr-tech-value {\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 900;\n color: var(--dr-primary-dark);\n margin-bottom: 0.5rem;\n}\n\n.dr-tech-desc {\n font-size: 14px;\n color: var(--dr-text-light);\n}\n\n\/* === WARNING BOX === *\/\n.dr-warning-box {\n background: linear-gradient(135deg, #fff5f5 0%, #fff0f0 100%);\n border-radius: var(--dr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid #fecaca;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.dr-warning-icon {\n flex-shrink: 0;\n font-size: clamp(32px, 6vw, 42px);\n}\n\n.dr-warning-content {\n flex: 1;\n}\n\n.dr-warning-title {\n font-size: clamp(19px, 3vw, 24px);\n font-weight: 800;\n color: #991b1b;\n margin-bottom: 1rem;\n}\n\n.dr-warning-list {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n}\n\n.dr-warning-list li {\n font-size: 15px;\n color: #7f1d1d;\n line-height: 1.7;\n margin-bottom: 0.75rem;\n padding-left: 1.5rem;\n position: relative;\n}\n\n.dr-warning-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: #dc2626;\n font-weight: 900;\n font-size: 18px;\n}\n\n.dr-warning-note {\n font-size: 14px;\n color: #991b1b;\n font-style: italic;\n margin: 1rem 0 0 0;\n padding-top: 1rem;\n border-top: 1px solid #fecaca;\n}\n\n\/* === CTA FINAL === *\/\n.dr-cta-box {\n background: linear-gradient(135deg, var(--dr-primary) 0%, var(--dr-primary-dark) 100%);\n border-radius: var(--dr-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dr-shadow-lg);\n}\n\n.dr-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .1;\n background-image: radial-gradient(circle, white 1px, transparent 1px);\n background-size: 30px 30px;\n}\n\n.dr-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dr-cta-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n animation: pulse 2s ease-in-out infinite;\n}\n\n.dr-cta-text {\n color: white;\n font-size: clamp(20px, 3.5vw, 28px);\n line-height: 1.4;\n font-weight: 800;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.dr-cta-subtext {\n color: rgba(255, 255, 255, .95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n margin: 0;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dr-grid,\n .dr-tech-grid {\n grid-template-columns: 1fr;\n }\n\n .dr-benefit-card,\n .dr-step {\n flex-direction: column;\n text-align: center;\n }\n\n .dr-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .dr-warning-list li {\n text-align: left;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dr-card,\n .dr-benefit-card,\n .dr-profile-card,\n .dr-step,\n .dr-tech-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .dr-card:nth-child(1),\n .dr-benefit-card:nth-child(1),\n .dr-profile-card:nth-child(1),\n .dr-step:nth-child(1),\n .dr-tech-card:nth-child(1) {\n animation-delay: .1s;\n }\n\n .dr-card:nth-child(2),\n .dr-benefit-card:nth-child(2),\n .dr-profile-card:nth-child(2),\n .dr-step:nth-child(2),\n .dr-tech-card:nth-child(2) {\n animation-delay: .2s;\n }\n\n .dr-card:nth-child(3),\n .dr-benefit-card:nth-child(3),\n .dr-profile-card:nth-child(3),\n .dr-step:nth-child(3),\n .dr-tech-card:nth-child(3) {\n animation-delay: .3s;\n }\n\n .dr-card:nth-child(4),\n .dr-benefit-card:nth-child(4),\n .dr-profile-card:nth-child(4),\n .dr-step:nth-child(4),\n .dr-tech-card:nth-child(4) {\n animation-delay: .4s;\n }\n\n .dr-card:nth-child(5),\n .dr-tech-card:nth-child(5) {\n animation-delay: .5s;\n }\n\n .dr-card:nth-child(6),\n .dr-tech-card:nth-child(6) {\n animation-delay: .6s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.1);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dr-premium {\n --dr-shadow: 0 0 0 2px currentColor;\n --dr-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54851132293497,"sku":"DERMAROLLERVIOLET","price":5.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/beard-roller-violet-25mm-cover-min.jpg?v=1736344437"},{"product_id":"dermaroller-barbe-beard-roller-de-0-50-mm-noir-violet","title":"Dermaroller Barbe - beard roller de 0,50 mm (Noir)","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Dermaroller OstarRoller 0,50 mm - Microneedling professionnel\nPalette détectée:\n - Primaire: #1a1a1a (Noir mat élégant du packaging et du roller)\n - Secondaire: #c9a961 (Or doré du packaging OstarRoller)\n - Accent: #8b3a8b (Violet\/magenta des aiguilles visibles)\nAmbiance: Professionnel médical luxe - équipement de soin haute technologie avec finitions premium (noir mat + or). Univers cosmétique avancé, microneedling professionnel, qualité médicale. Design épuré et sophistiqué évoquant la précision chirurgicale et l'efficacité clinique.\nPréfixe CSS: dr\n--\u003e\n\u003cdiv class=\"dr-premium\"\u003e\n\u003cdiv class=\"dr-hero\"\u003e\n\u003cdiv class=\"dr-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dr-hero-content\"\u003e\n\u003cdiv class=\"dr-badges-top\"\u003e\n\u003cspan class=\"dr-badge\"\u003e⚕️ Acier médical 304\u003c\/span\u003e \u003cspan class=\"dr-badge\"\u003e✨ 540 micro-aiguilles\u003c\/span\u003e \u003cspan class=\"dr-badge\"\u003e🎯 Précision 0,50 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"dr-hero-title\"\u003eDermaroller professionnel 0,50 mm\u003c\/span\u003e\n\u003cp class=\"dr-subtitle\"\u003eL'équipement de microneedling nouvelle génération pour votre peau, cheveux et barbe\u003c\/p\u003e\n\u003cp class=\"dr-description\"\u003eTechnologie professionnelle à domicile • Stimulation cellulaire avancée • Résultats cliniquement prouvés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"dr-section\"\u003e\n\u003ch2\u003e⚡ La puissance du microneedling professionnel\u003c\/h2\u003e\n\u003cdiv class=\"dr-power-box\"\u003e\n\u003cdiv class=\"dr-power-stat\"\u003e\n\u003cdiv class=\"dr-stat-number\"\u003e540\u003c\/div\u003e\n\u003cdiv class=\"dr-stat-label\"\u003eMicro-aiguilles\u003cbr\u003een acier médical\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-power-stat\"\u003e\n\u003cdiv class=\"dr-stat-number\"\u003e200 000\u003c\/div\u003e\n\u003cdiv class=\"dr-stat-label\"\u003eMicrocanaux créés\u003cbr\u003epar séance\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-power-stat\"\u003e\n\u003cdiv class=\"dr-stat-number\"\u003e0,50\u003c\/div\u003e\n\u003cdiv class=\"dr-stat-label\"\u003eMillimètres\u003cbr\u003ede précision\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-info-box\"\u003e\n\u003cp\u003eOffrez à votre peau, vos cheveux et votre barbe un soin professionnel directement chez vous. Ce dermaroller nouvelle génération stimule la régénération cellulaire, booste la production de collagène naturel et maximise l'absorption de vos soins jusqu'à 300%. Conçu aussi bien pour les hommes que pour les femmes, il devient l'allié incontournable pour raffermir, sublimer et densifier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dr-section\"\u003e\n\u003ch2\u003e🎯 Résultats visibles et durables\u003c\/h2\u003e\n\u003cdiv class=\"dr-grid\"\u003e\n\u003cdiv class=\"dr-card dr-benefit-card\"\u003e\n\u003cdiv class=\"dr-icon\"\u003e👶\u003c\/div\u003e\n\u003cdiv class=\"dr-card-title\"\u003ePeau rajeunie et raffermie\u003c\/div\u003e\n\u003cp\u003eAtténue rides, ridules et vergetures en stimulant la production naturelle de collagène et d'élastine. Votre peau retrouve fermeté, élasticité et jeunesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-card dr-benefit-card\"\u003e\n\u003cdiv class=\"dr-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"dr-card-title\"\u003eTexture perfectionnée\u003c\/div\u003e\n\u003cp\u003eResserre les pores dilatés, lisse les cicatrices d'acné et unifie le teint. Réduit visiblement les taches pigmentaires pour une peau lumineuse et homogène.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-card dr-benefit-card\"\u003e\n\u003cdiv class=\"dr-icon\"\u003e🧔\u003c\/div\u003e\n\u003cdiv class=\"dr-card-title\"\u003eBarbe plus dense\u003c\/div\u003e\n\u003cp\u003eStimule la circulation sanguine au niveau des follicules pileux, favorise la repousse et comble les zones clairsemées de la barbe pour un résultat plus fourni.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-card dr-benefit-card\"\u003e\n\u003cdiv class=\"dr-icon\"\u003e💇\u003c\/div\u003e\n\u003cdiv class=\"dr-card-title\"\u003eCheveux renforcés\u003c\/div\u003e\n\u003cp\u003eRelance la croissance capillaire en réveillant les follicules endormis. Réduit la chute des cheveux et améliore leur densité visible en quelques semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-card dr-benefit-card\"\u003e\n\u003cdiv class=\"dr-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"dr-card-title\"\u003eAbsorption maximisée\u003c\/div\u003e\n\u003cp\u003eCrée jusqu'à 200 000 microcanaux permettant à vos sérums, huiles et soins de pénétrer 300% plus efficacement dans les couches profondes de l'épiderme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-card dr-benefit-card\"\u003e\n\u003cdiv class=\"dr-icon\"\u003e🏥\u003c\/div\u003e\n\u003cdiv class=\"dr-card-title\"\u003eSécurité médicale\u003c\/div\u003e\n\u003cp\u003eUtilisation sûre et indolore grâce aux micro-aiguilles de 0,50 mm. Norme médicale certifiée pour un usage cosmétique à domicile en toute confiance.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dr-section\"\u003e\n\u003ch2\u003e🔬 Technologie de précision chirurgicale\u003c\/h2\u003e\n\u003cdiv class=\"dr-tech-grid\"\u003e\n\u003cdiv class=\"dr-tech-card\"\u003e\n\u003cdiv class=\"dr-tech-icon\"\u003e🔩\u003c\/div\u003e\n\u003cdiv class=\"dr-tech-content\"\u003e\n\u003cdiv class=\"dr-tech-title\"\u003e540 aiguilles à disque\u003c\/div\u003e\n\u003cp\u003eConfiguration unique en 9 disques de 60 aiguilles chacun. Couverture optimale et stimulation homogène sur toute la zone traitée pour des résultats uniformes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-tech-card\"\u003e\n\u003cdiv class=\"dr-tech-icon\"\u003e⚕️\u003c\/div\u003e\n\u003cdiv class=\"dr-tech-content\"\u003e\n\u003cdiv class=\"dr-tech-title\"\u003eAcier inoxydable médical 304\u003c\/div\u003e\n\u003cp\u003eMatériau chirurgical de grade médical, hypoallergénique et anticorrosif. Aiguilles ultra-fines et parfaitement aiguisées pour une pénétration douce et précise.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-tech-card\"\u003e\n\u003cdiv class=\"dr-tech-icon\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"dr-tech-content\"\u003e\n\u003cdiv class=\"dr-tech-title\"\u003ePlastique mat écologique PC+ABS\u003c\/div\u003e\n\u003cp\u003ePoignée ergonomique en matériaux premium respectueux de l'environnement. Surface mate antidérapante pour une prise en main optimale et des gestes précis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-tech-card\"\u003e\n\u003cdiv class=\"dr-tech-icon\"\u003e🎨\u003c\/div\u003e\n\u003cdiv class=\"dr-tech-content\"\u003e\n\u003cdiv class=\"dr-tech-title\"\u003eDesign ergonomique breveté\u003c\/div\u003e\n\u003cp\u003eForme anatomique étudiée pour un confort maximal pendant l'utilisation. Répartition idéale du poids et angle d'application optimal pour tous les types de traitement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dr-section\"\u003e\n\u003ch2\u003e📋 Mode d'emploi professionnel\u003c\/h2\u003e\n\u003cdiv class=\"dr-steps\"\u003e\n\u003cdiv class=\"dr-step\"\u003e\n\u003cdiv class=\"dr-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"dr-step-content\"\u003e\n\u003cdiv class=\"dr-step-title\"\u003ePréparation et hygiène\u003c\/div\u003e\n\u003cp\u003eDésinfectez soigneusement le dermaroller avec de l'alcool à 70° avant et après chaque utilisation. Nettoyez votre peau en profondeur et séchez-la délicatement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-step\"\u003e\n\u003cdiv class=\"dr-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"dr-step-content\"\u003e\n\u003cdiv class=\"dr-step-title\"\u003eApplication du sérum\u003c\/div\u003e\n\u003cp\u003eAppliquez quelques gouttes de votre sérum hydratant, anti-âge, fortifiant capillaire ou huile de ricin sur la zone à traiter. Le produit pénétrera mieux après le passage du roller.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-step\"\u003e\n\u003cdiv class=\"dr-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"dr-step-content\"\u003e\n\u003cdiv class=\"dr-step-title\"\u003eTechnique de roulage\u003c\/div\u003e\n\u003cp\u003eFaites rouler l'appareil sur votre peau avec une pression légère et régulière : 4-5 passages verticaux, 4-5 horizontaux, puis 4-5 en diagonale sur chaque zone. Mouvements doux et fluides.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-step\"\u003e\n\u003cdiv style=\"display: flex; justify-content: center; align-items: center;\" class=\"dr-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"dr-step-content\"\u003e\n\u003cdiv class=\"dr-step-title\"\u003eSoins post-traitement\u003c\/div\u003e\n\u003cp\u003eAppliquez généreusement votre sérum ou crème. La peau est réceptive pendant 48h. Hydratez intensément et évitez le soleil direct 24h. Fréquence : 2-3 fois par semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dr-section\"\u003e\n\u003ch2\u003e💎 Avantages exclusifs\u003c\/h2\u003e\n\u003cdiv class=\"dr-grid dr-grid-3\"\u003e\n\u003cdiv class=\"dr-card dr-feature-card\"\u003e\n\u003cdiv class=\"dr-feature-icon\"\u003e🏠\u003c\/div\u003e\n\u003cdiv class=\"dr-feature-title\"\u003eSoin professionnel à domicile\u003c\/div\u003e\n\u003cp\u003eÉconomisez des centaines d'euros en soins dermatologiques. Résultats comparables aux traitements en institut, dans le confort de votre maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-card dr-feature-card\"\u003e\n\u003cdiv class=\"dr-feature-icon\"\u003e👨👩\u003c\/div\u003e\n\u003cdiv class=\"dr-feature-title\"\u003eUniversel homme \u0026amp; femme\u003c\/div\u003e\n\u003cp\u003eConvient à tous les types de peau et tous les besoins : visage, corps, cuir chevelu, barbe. Un seul appareil pour toute la famille.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-card dr-feature-card\"\u003e\n\u003cdiv class=\"dr-feature-icon\"\u003e⏱️\u003c\/div\u003e\n\u003cdiv class=\"dr-feature-title\"\u003eRésultats rapides\u003c\/div\u003e\n\u003cp\u003ePremiers effets visibles dès 2-3 semaines d'utilisation régulière. Amélioration continue sur 3 à 6 mois pour des résultats spectaculaires et durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dr-section\"\u003e\n\u003ch2\u003e⚠️ Précautions d'usage\u003c\/h2\u003e\n\u003cdiv class=\"dr-warning-box\"\u003e\n\u003cdiv class=\"dr-warning-content\"\u003e\n\u003cul class=\"dr-warning-list\"\u003e\n\u003cli\u003eNe pas utiliser sur peau irritée, infectée, avec acné active sévère ou lésions ouvertes\u003c\/li\u003e\n\u003cli\u003eRéservé à l'usage externe uniquement - ne jamais partager avec d'autres personnes\u003c\/li\u003e\n\u003cli\u003eDésinfecter systématiquement avant et après chaque utilisation pour éviter les infections\u003c\/li\u003e\n\u003cli\u003eÉviter le contour des yeux et les zones sensibles du visage\u003c\/li\u003e\n\u003cli\u003eRemplacer le rouleau tous les 3-4 mois pour maintenir l'efficacité et l'hygiène\u003c\/li\u003e\n\u003cli\u003eEn cas de doute ou problème cutané, consulter un dermatologue avant utilisation\u003c\/li\u003e\n\u003cli\u003eProtéger la peau du soleil 24-48h après chaque séance et appliquer un SPF élevé\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"dr-section\"\u003e\n\u003ch2\u003e📦 Caractéristiques techniques détaillées\u003c\/h2\u003e\n\u003cdiv class=\"dr-specs-grid\"\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eNombre d'aiguilles\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003e540 micro-aiguilles\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eLongueur des aiguilles\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003e0,50 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eMatériau des aiguilles\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003eAcier inoxydable médical 304\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eCorps du roller\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003ePC+ABS écologique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eConfiguration\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003e9 disques × 60 aiguilles\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eCertification\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003eNorme médicale TÜV SÜD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eUsage recommandé\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003e2-3 fois par semaine\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eDurée de vie\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003e3-4 mois\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eZones d'application\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003eVisage, corps, cuir chevelu, barbe\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eDouleur\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003eIndolore (légère sensation)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eConvient à\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003eHommes et femmes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-item\"\u003e\n\u003cdiv class=\"dr-spec-label\"\u003eOrigine\u003c\/div\u003e\n\u003cdiv class=\"dr-spec-value\"\u003eOstarRoller® - Original depuis 2009\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"dr-section\"\u003e\n\u003cdiv class=\"dr-cta-box\"\u003e\n\u003cdiv class=\"dr-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"dr-cta-content\"\u003e\n\u003cp\u003eTransformez votre routine beauté avec la technologie de microneedling professionnel. Offrez à votre peau, vos cheveux et votre barbe le soin qu'ils méritent. Résultats visibles, sécurité médicale, qualité premium : rejoignez les milliers d'utilisateurs satisfaits qui ont choisi l'excellence OstarRoller®.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --dr-cream: #fafafa;\n --dr-white: #ffffff;\n --dr-primary: #1a1a1a;\n --dr-primary-dark: #000000;\n --dr-primary-light: #f5f5f5;\n --dr-secondary: #c9a961;\n --dr-accent: #8b3a8b;\n\n \/* Textes *\/\n --dr-text: #1a1a1a;\n --dr-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dr-border: #e0e0e0;\n --dr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --dr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --dr-radius: 20px;\n --dr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--dr-text);\n}\n\n\/* === HERO === *\/\n.dr-hero {\n position: relative;\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a2a2a 100%);\n border-radius: var(--dr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--dr-shadow-lg);\n}\n\n.dr-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(0deg, transparent, transparent 2px, var(--dr-secondary) 2px, var(--dr-secondary) 3px),\n repeating-linear-gradient(90deg, transparent, transparent 2px, var(--dr-secondary) 2px, var(--dr-secondary) 3px);\n background-size: 30px 30px;\n}\n\n.dr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dr-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n}\n\n.dr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--dr-primary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(201,169,97,.3);\n}\n\n.dr-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.4);\n}\n\n.dr-subtitle {\n color: var(--dr-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.dr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.dr-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dr-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dr-primary);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--dr-primary), var(--dr-secondary));\n border-radius: 2px;\n}\n\n\/* === POWER BOX === *\/\n.dr-power-box {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.dr-power-stat {\n background: linear-gradient(135deg, var(--dr-primary) 0%, #2a2a2a 100%);\n border-radius: var(--dr-radius-sm);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--dr-shadow);\n transition: all .3s ease;\n}\n\n.dr-power-stat:hover {\n transform: translateY(-8px);\n box-shadow: var(--dr-shadow-lg);\n}\n\n.dr-stat-number {\n font-size: clamp(40px, 8vw, 56px);\n font-weight: 900;\n color: var(--dr-secondary);\n line-height: 1;\n margin-bottom: 8px;\n letter-spacing: -.04em;\n}\n\n.dr-stat-label {\n font-size: 14px;\n color: rgba(255,255,255,.85);\n font-weight: 600;\n line-height: 1.4;\n}\n\n.dr-info-box {\n background: var(--dr-white);\n border-radius: var(--dr-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n border-left: 4px solid var(--dr-secondary);\n}\n\n.dr-info-box p {\n margin: 0;\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--dr-text);\n}\n\n\/* === GRILLES === *\/\n.dr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.dr-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n\/* === CARDS === *\/\n.dr-card {\n background: var(--dr-white);\n border-radius: var(--dr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dr-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dr-shadow-lg);\n border-color: var(--dr-secondary);\n}\n\n.dr-benefit-card .dr-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.dr-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dr-primary);\n margin-bottom: 12px;\n letter-spacing: -.02em;\n}\n\n.dr-card p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dr-text-light);\n}\n\n\/* === TECH CARDS === *\/\n.dr-tech-grid {\n display: grid;\n gap: 1.5rem;\n}\n\n.dr-tech-card {\n display: flex;\n gap: 1.5rem;\n background: var(--dr-white);\n border-radius: var(--dr-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n border-left: 4px solid var(--dr-accent);\n transition: all .3s ease;\n}\n\n.dr-tech-card:hover {\n transform: translateX(8px);\n box-shadow: var(--dr-shadow-lg);\n}\n\n.dr-tech-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.dr-tech-content {\n flex: 1;\n}\n\n.dr-tech-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dr-primary);\n margin-bottom: 8px;\n letter-spacing: -.02em;\n}\n\n.dr-tech-content p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dr-text-light);\n}\n\n\/* === STEPS === *\/\n.dr-steps {\n display: grid;\n gap: 1.5rem;\n}\n\n.dr-step {\n display: flex;\n gap: 1.5rem;\n background: var(--dr-white);\n border-radius: var(--dr-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n transition: all .3s ease;\n}\n\n.dr-step:hover {\n transform: translateX(8px);\n box-shadow: var(--dr-shadow-lg);\n}\n\n.dr-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--dr-primary), #2a2a2a);\n color: var(--dr-secondary);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(0,0,0,.15);\n}\n\n.dr-step-content {\n flex: 1;\n}\n\n.dr-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dr-primary);\n margin-bottom: 8px;\n letter-spacing: -.02em;\n}\n\n.dr-step-content p {\n margin: 0;\n font-size: 15px;\n line-height: 1.7;\n color: var(--dr-text-light);\n}\n\n\/* === FEATURE CARDS === *\/\n.dr-feature-card {\n text-align: center;\n}\n\n.dr-feature-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.dr-feature-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dr-primary);\n margin-bottom: 12px;\n letter-spacing: -.02em;\n}\n\n\/* === WARNING BOX === *\/\n.dr-warning-box {\n display: flex;\n gap: 1.5rem;\n background: linear-gradient(135deg, #fff8e1 0%, #fff3cd 100%);\n border-radius: var(--dr-radius-sm);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dr-shadow);\n border-left: 4px solid #ff9800;\n}\n\n.dr-warning-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.dr-warning-content {\n flex: 1;\n}\n\n.dr-warning-list {\n margin: 0;\n padding-left: 1.5rem;\n list-style: disc;\n}\n\n.dr-warning-list li {\n font-size: 15px;\n line-height: 1.7;\n color: var(--dr-text);\n margin-bottom: 8px;\n font-weight: 500;\n}\n\n.dr-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n\/* === SPECS GRID === *\/\n.dr-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1px;\n background: var(--dr-border);\n border-radius: var(--dr-radius-sm);\n overflow: hidden;\n box-shadow: var(--dr-shadow);\n}\n\n.dr-spec-item {\n background: var(--dr-white);\n padding: 1.5rem;\n display: flex;\n flex-direction: column;\n gap: 8px;\n transition: all .3s ease;\n}\n\n.dr-spec-item:hover {\n background: var(--dr-primary-light);\n}\n\n.dr-spec-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--dr-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.dr-spec-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--dr-primary);\n letter-spacing: -.02em;\n}\n\n\/* === CTA FINAL === *\/\n.dr-cta-box {\n background: linear-gradient(135deg, var(--dr-primary) 0%, #2a2a2a 100%);\n border-radius: var(--dr-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dr-shadow-lg);\n}\n\n.dr-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 50%, var(--dr-accent) 0%, transparent 50%),\n radial-gradient(circle at 80% 50%, var(--dr-secondary) 0%, transparent 50%);\n}\n\n.dr-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dr-cta-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n animation: pulse 2s ease-in-out infinite;\n}\n\n.dr-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dr-grid, .dr-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .dr-power-box {\n grid-template-columns: 1fr;\n }\n \n .dr-tech-card, .dr-step {\n flex-direction: column;\n text-align: center;\n }\n \n .dr-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .dr-specs-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dr-card {\n animation: fadeInUp .6s ease backwards;\n }\n \n .dr-card:nth-child(1) { animation-delay: .1s; }\n .dr-card:nth-child(2) { animation-delay: .2s; }\n .dr-card:nth-child(3) { animation-delay: .3s; }\n .dr-card:nth-child(4) { animation-delay: .4s; }\n .dr-card:nth-child(5) { animation-delay: .5s; }\n .dr-card:nth-child(6) { animation-delay: .6s; }\n \n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n @keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.1);\n }\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dr-premium {\n --dr-shadow: 0 0 0 2px currentColor;\n --dr-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\u003c\/style\u003e","brand":"Ostar Roller","offers":[{"title":"Default Title","offer_id":54858130096505,"sku":"DERMAROLLERVIOLET050MM","price":8.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/packaging_dermaroller_0-50mm_11zon.webp?v=1757505725"},{"product_id":"savon-barbe-peau-sensible-80g","title":"Savon à barbe peau sensible - Répare \u0026 Protège - 80g","description":"\u003cdiv class=\"sb-premium\"\u003e\n \u003cdiv class=\"sb-hero\"\u003e\n \u003cdiv class=\"sb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sb-hero-content\"\u003e\n \u003cdiv class=\"sb-badges-top\"\u003e\n \u003cspan class=\"sb-badge\"\u003e🌿 100% Naturel\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🧔 Peau sensible\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e🌲 Parfum boisé\u003c\/span\u003e\n \u003cspan class=\"sb-badge\"\u003e⚖️ 80g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sb-hero-title\"\u003eSavon à Barbe Peau Sensible\u003c\/span\u003e\n \u003cp class=\"sb-subtitle\"\u003eRépare \u0026amp; Protège — Rituel de rasage artisanal\u003c\/p\u003e\n \u003cp class=\"sb-description\"\u003eOffrez à votre peau le soin qu'elle mérite avec ce pain de rasage artisanal de 80 g, formulé pour en finir avec le feu du rasoir, les rougeurs et les tiraillements. Enrichi en \u003cstrong\u003epierre d'alun\u003c\/strong\u003e, \u003cstrong\u003ealoe vera\u003c\/strong\u003e, \u003cstrong\u003ehuile de neem\u003c\/strong\u003e et \u003cstrong\u003evitamine E\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eUn savon à barbe naturel pensé pour les peaux réactives\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eContrairement aux mousses industrielles souvent agressives, ce \u003cstrong\u003esavon à barbe naturel\u003c\/strong\u003e respecte l'équilibre des peaux sensibles. Sa texture généreuse produit une mousse fine, onctueuse et dense, capable de dresser les poils pour faciliter le passage de la lame. Résultat : un rasage net, sans microcoupures, et une peau apaisée dès la première utilisation. Que vous le compariez à un \u003cstrong\u003esavon à barbe Proraso\u003c\/strong\u003e ou à un \u003cstrong\u003esavon à barbe Monsavon\u003c\/strong\u003e, vous apprécierez ici une approche plus douce et plus respectueuse.\u003c\/p\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🪒 Rasage net\u003c\/h3\u003e\n \u003cp\u003eZéro microcoupure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e☁️ Mousse dense\u003c\/h3\u003e\n \u003cp\u003eOnctueuse et fine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌱 Peau apaisée\u003c\/h3\u003e\n \u003cp\u003eDès la 1ʳᵉ utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🧼 Artisanal\u003c\/h3\u003e\n \u003cp\u003eFormule courte\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eLes actifs naturels et leurs bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💎 Pierre d'alun\u003c\/h3\u003e\n \u003cp\u003eAstringente et apaisante, elle resserre les pores et calme les irritations post-rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌵 Aloe vera\u003c\/h3\u003e\n \u003cp\u003eHydrate intensément, apaise les tiraillements et favorise la réparation cutanée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌿 Huile de neem\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés purifiantes, elle protège la peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n \u003cp\u003eAntioxydante, elle préserve la souplesse de la peau et lutte contre les signes du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌲 Parfum boisé\u003c\/h3\u003e\n \u003cp\u003eUne senteur masculine, discrète et raffinée, idéale pour un usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon à barbe ?\u003c\/h2\u003e\n \u003cp class=\"sb-section-intro\"\u003eHumidifiez votre visage à l'eau tiède afin d'ouvrir les pores, puis choisissez votre méthode préférée.\u003c\/p\u003e\n \u003cdiv class=\"sb-timeline\"\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e💧 Préparation\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre visage à l'eau tiède pour ouvrir les pores et ramollir les poils.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e🖌️ Avec blaireau\u003c\/h3\u003e\n \u003cp\u003eMouillez votre blaireau, faites tourner ses poils dans un \u003cstrong\u003ebol à savon à barbe\u003c\/strong\u003e ou directement sur le pain, puis appliquez la mousse en mouvements circulaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e✋ Sans blaireau\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon directement sur la peau humide, puis massez avec les doigts pour créer une fine mousse protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e🪒 Rasage\u003c\/h3\u003e\n \u003cp\u003eRasez-vous dans le sens du poil, rincez à l'eau fraîche, puis séchez en tapotant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-item\"\u003e\n \u003cdiv class=\"sb-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"sb-timeline-content\"\u003e\n \u003ch3\u003e🌬️ Séchage\u003c\/h3\u003e\n \u003cp\u003eLaissez sécher votre savon à l'air libre entre deux utilisations pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003ePourquoi le choisir plutôt qu'un autre ?\u003c\/h2\u003e\n \u003cdiv class=\"sb-grid-compact\"\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🌿 Formule courte\u003c\/h3\u003e\n \u003cp\u003eNaturelle, sans ingrédients controversés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e🖌️ Compatible blaireau\u003c\/h3\u003e\n \u003cp\u003eMousse dense et onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e📅 80g longue durée\u003c\/h3\u003e\n \u003cp\u003ePlusieurs semaines d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sb-card\"\u003e\n \u003ch3\u003e💚 Alternative saine\u003c\/h3\u003e\n \u003cp\u003eFace aux savons de grande distribution\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\"\u003e\n \u003ch2\u003eComposition (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"sb-testimonial\"\u003e\n \u003cp class=\"sb-testimonial-text\"\u003eSodium Palmate, Sodium Palm Kernelate, Aqua, Glycerin, \u003cstrong\u003eAloe Barbadensis Leaf Juice\u003c\/strong\u003e, \u003cstrong\u003eMelia Azadirachta Seed Oil (Neem)\u003c\/strong\u003e, \u003cstrong\u003ePotassium Alum\u003c\/strong\u003e, \u003cstrong\u003eTocopherol (Vitamine E)\u003c\/strong\u003e, Parfum (boisé), Sodium Chloride, Tetrasodium EDTA.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sb-accordion\"\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e👁️ Usage et contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux et rincez abondamment en cas de contact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e⚠️ Réactions cutanées\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical : consultez un dermatologue en cas de pathologie cutanée persistante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sb-accordion-item\"\u003e\n \u003csummary class=\"sb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"sb-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants et conserver au sec entre deux utilisations. Laissez sécher à l'air libre pour prolonger la durée de vie du savon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sb-cream: #f7f5ef;\n --sb-white: #ffffff;\n --sb-primary: #5a7a5e;\n --sb-primary-dark: #37543c;\n --sb-primary-light: #e8efe6;\n --sb-secondary: #a8b896;\n --sb-accent: #e8a33a;\n --sb-text: #1f2a22;\n --sb-text-light: #5a6760;\n --sb-border: #d9ddd1;\n --sb-shadow: 0 4px 24px rgba(55,84,60,.08);\n --sb-shadow-lg: 0 12px 48px rgba(55,84,60,.15);\n --sb-radius: 20px;\n --sb-radius-sm: 12px;\n}\n\n.sb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sb-text);\n line-height: 1.6;\n}\n\n.sb-premium * { box-sizing: border-box; }\n\n\/* === HERO === *\/\n.sb-hero {\n position: relative;\n background: linear-gradient(135deg, #4a6b4f 0%, #5a7a5e 50%, #7a9678 100%);\n border-radius: var(--sb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sb-shadow-lg);\n}\n\n.sb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .5;\n}\n\n.sb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.sb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.sb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.sb-description strong { color: white; font-weight: 700; }\n\n\/* === BADGES === *\/\n.sb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sb-badge:hover { transform: translateY(-2px) scale(1.05); }\n\n\/* === SECTIONS === *\/\n.sb-section { margin-bottom: clamp(2rem, 4vw, 3.5rem); }\n\n.sb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sb-primary), var(--sb-secondary));\n border-radius: 2px;\n}\n\n.sb-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.3vw, 16px);\n color: var(--sb-text-light);\n margin-bottom: 1.75rem;\n max-width: 780px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.75;\n}\n\n.sb-section-intro strong { color: var(--sb-primary-dark); }\n\n\/* === CARDS === *\/\n.sb-card {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sb-shadow-lg);\n border-color: var(--sb-primary);\n}\n\n.sb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sb-grid-compact .sb-card { padding: 1rem; }\n.sb-grid-compact .sb-card h3 { font-size: 14px; margin-bottom: .35rem; }\n.sb-grid-compact .sb-card p { font-size: 12px; }\n\n\/* === TIMELINE === *\/\n.sb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.sb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sb-primary), var(--sb-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(55,84,60,.25);\n}\n\n.sb-timeline-content {\n flex: 1;\n background: var(--sb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sb-radius-sm);\n box-shadow: var(--sb-shadow);\n}\n\n.sb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sb-timeline-content p {\n font-size: 14px;\n color: var(--sb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sb-timeline-content strong { color: var(--sb-primary-dark); }\n\n\/* === TESTIMONIAL (INCI) === *\/\n.sb-testimonial {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sb-shadow);\n border-left: 4px solid var(--sb-primary);\n}\n\n.sb-testimonial-text {\n font-size: clamp(13px, 2.2vw, 15px);\n color: var(--sb-text);\n line-height: 1.9;\n margin: 0;\n word-break: break-word;\n}\n\n.sb-testimonial-text strong { color: var(--sb-primary-dark); font-weight: 700; }\n\n\/* === ACCORDÉON === *\/\n.sb-accordion {\n background: var(--sb-white);\n border-radius: var(--sb-radius);\n box-shadow: var(--sb-shadow);\n overflow: hidden;\n}\n\n.sb-accordion-item {\n border-bottom: 1px solid var(--sb-border);\n margin: 0;\n padding: 0;\n}\n\n.sb-accordion-item:last-child { border-bottom: none; }\n\n.sb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.sb-accordion-header:hover { background: var(--sb-primary-light); }\n.sb-accordion-header::-webkit-details-marker { display: none; }\n\n.sb-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--sb-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.sb-accordion-item[open] .sb-accordion-header::after { content: '−'; }\n\n.sb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sb-accordion-content p { margin: 0; }\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sb-grid { grid-template-columns: 1fr; gap: 1rem; }\n .sb-card { padding: 1.125rem; }\n .sb-section { margin-bottom: 1.75rem; }\n .sb-hero {\n padding: 2.25rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sb-radius-sm);\n }\n .sb-premium h2 { margin-bottom: 1rem; padding-bottom: .75rem; }\n .sb-premium h2::after { width: 40px; height: 3px; }\n .sb-grid-compact { gap: .625rem; }\n .sb-grid-compact .sb-card { padding: .75rem; }\n .sb-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .sb-timeline-content { padding: .875rem 1rem; }\n .sb-timeline-content h3 { font-size: 14px; }\n .sb-timeline-content p { font-size: 13px; }\n .sb-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .sb-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .sb-testimonial { padding: 1.25rem; }\n .sb-testimonial-text { font-size: 13px; line-height: 1.8; }\n .sb-badge { font-size: 12px; padding: 6px 12px; }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sb-card { animation: sbFadeInUp .5s ease backwards; }\n .sb-card:nth-child(1) { animation-delay: .05s; }\n .sb-card:nth-child(2) { animation-delay: .1s; }\n .sb-card:nth-child(3) { animation-delay: .15s; }\n .sb-card:nth-child(4) { animation-delay: .2s; }\n .sb-card:nth-child(5) { animation-delay: .25s; }\n .sb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SB COLLECTION","offers":[{"title":"Default Title","offer_id":54912179962233,"sku":"SAVONBARBE80","price":4.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-a-barbe-peau-sensible-repare-protege-80g-ingredients.webp?v=1768668179"},{"product_id":"coffret-essentiel-soin-barbe","title":"Coffret Essentiel Soin de la Barbe pour Homme 4 en 1","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Coffret Essentiel Soin de la Barbe pour Homme 4 en 1\nPalette détectée:\n - Primaire: #D4872C (orange cuivré du packaging SADOER et des bandes)\n - Secondaire: #2A2A2A (noir profond du roller, ciseaux, brosse)\n - Accent: #C67B25 (ambre doré du flacon en verre)\nAmbiance: Masculine, grooming premium, sophistiquée avec un côté barbershop moderne. Couleurs chaudes ambrées\/orangées sur fond sombre, univers masculin affirmé.\nPréfixe CSS: bb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Coffret Essentiel Soin de la Barbe pour Homme 4 en 1 – Tout ce qu'il faut pour une barbe dense et soignée\"\n 2. \"Que contient ce coffret à barbe ?\"\n 3. \"Pourquoi adopter ce soin barbe pour homme ?\"\n 4. \"Comment utiliser ce coffret barbe ?\"\n 5. \"Une idée cadeau parfaite pour homme\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🧔 Kit 4 en 1 complet\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e📐 Derma roller 0,25 mm\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🧴 Sérum nourrissant 30 ml\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e⏱️ Routine en 5 minutes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eCoffret essentiel soin de la barbe pour homme 4 en 1\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eBeard roller + sérum + brosse + ciseaux de précision\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eTout ce qu'il faut pour stimuler la pousse, nourrir en profondeur et entretenir une barbe dense et soignée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003eCoffret Soin de la Barbe 4-en-1 – Tout ce qu'il faut pour une barbe dense et soignée\u003c\/h2\u003e\n \u003cp class=\"bb-section-intro\"\u003eVous rêvez d'une barbe plus fournie, mieux structurée et agréable au toucher ? Ce \u003cstrong\u003ecoffret barbe homme\u003c\/strong\u003e réunit en un seul kit les quatre accessoires indispensables pour \u003cstrong\u003estimuler la pousse\u003c\/strong\u003e, nourrir vos poils en profondeur et entretenir votre barbe au quotidien.\u003c\/p\u003e\n \u003cp class=\"bb-section-intro\"\u003eQue vous débutiez dans le soin de la barbe ou que vous cherchiez à perfectionner votre routine, ce coffret complet vous accompagne à chaque étape.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003eQue contient ce coffret à barbe ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🔬 Beard roller (derma roller) 0,25 mm\u003c\/h3\u003e\n \u003cp\u003eÉquipé de micro-aiguilles en acier inoxydable, il stimule la microcirculation sanguine au niveau des follicules pileux. Le micro-needling est une technique reconnue pour favoriser naturellement la croissance des poils et améliorer l'absorption du sérum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧴 Sérum Beard Care SADOER (30 ml)\u003c\/h3\u003e\n \u003cp\u003eCe sérum nourrissant et réparateur est formulé pour hydrater la peau sous la barbe, renforcer les poils existants et encourager la pousse dans les zones clairsemées. Sa texture légère pénètre rapidement sans laisser de film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🪮 Brosse à barbe\u003c\/h3\u003e\n \u003cp\u003eIdéale pour démêler, discipliner et répartir uniformément le sérum dans toute la barbe. Un brossage régulier contribue également à exfolier la peau et à prévenir les poils incarnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✂️ Ciseaux de précision\u003c\/h3\u003e\n \u003cp\u003eParfaits pour égaliser les contours, couper les poils rebelles et maintenir une barbe nette entre deux passages chez le barbier.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce soin barbe pour homme ?\u003c\/h2\u003e\n \u003cp class=\"bb-section-intro\"\u003eBeaucoup d'hommes négligent un point essentiel : une belle barbe ne dépend pas uniquement de la génétique. Elle nécessite une \u003cstrong\u003eroutine de soin régulière\u003c\/strong\u003e et les bons outils. Voici ce que ce \u003cstrong\u003ecoffret pour barbe\u003c\/strong\u003e vous apporte concrètement :\u003c\/p\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌱 Stimulation de la pousse\u003c\/h3\u003e\n \u003cp\u003eL'association du derma roller et du sérum crée un duo puissant pour activer les follicules et densifier progressivement votre barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eFini la barbe sèche et les démangeaisons. Le sérum nourrit la peau et les poils pour une barbe douce et soyeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🪒 Entretien simplifié\u003c\/h3\u003e\n \u003cp\u003eBrosse et ciseaux vous permettent de garder une apparence soignée sans effort, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e⏱️ Un rituel rapide\u003c\/h3\u003e\n \u003cp\u003eMoins de cinq minutes suffisent pour réaliser l'ensemble de la routine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003eComment utiliser ce coffret barbe ?\u003c\/h2\u003e\n \u003cp class=\"bb-section-intro\"\u003ePour des résultats visibles, suivez cette routine simple \u003cstrong\u003e2 à 3 fois par semaine\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"bb-timeline\"\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eNettoyez le beard roller\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau chaude ou avec un désinfectant doux avant chaque utilisation pour garantir une hygiène irréprochable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez votre visage\u003c\/h3\u003e\n \u003cp\u003ePassez votre visage et votre barbe à l'eau tiède pour ouvrir les pores et préparer la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eRoulez délicatement\u003c\/h3\u003e\n \u003cp\u003ePassez le derma roller sur les zones ciblées, en effectuant 4 à 8 passages dans chaque direction (horizontal, vertical, diagonal).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le sérum\u003c\/h3\u003e\n \u003cp\u003eQuelques gouttes de sérum sur la barbe, puis massez doucement du bout des doigts pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eBrossez votre barbe\u003c\/h3\u003e\n \u003cp\u003eRépartissez le produit uniformément et disciplinez les poils pour un résultat impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-tip\"\u003e\n \u003cspan class=\"bb-tip-icon\"\u003e📅\u003c\/span\u003e\n \u003cp\u003eLes premiers résultats sont généralement observés après \u003cstrong\u003e3 à 6 semaines\u003c\/strong\u003e d'utilisation régulière. La patience et la constance sont vos meilleurs alliés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003eUne idée cadeau parfaite pour homme\u003c\/h2\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003eVous cherchez un \u003cstrong\u003eproduit barbe homme\u003c\/strong\u003e à offrir pour un anniversaire, la fête des pères ou Noël ? Ce \u003cstrong\u003ecoffret pour la barbe\u003c\/strong\u003e constitue un cadeau à la fois utile et élégant. Sa présentation soignée et son contenu complet en font une attention qui plaît à coup sûr, que le destinataire soit un barbu confirmé ou un débutant motivé. 🎁\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez d'utiliser le derma roller sur une peau irritée, acnéique ou présentant des lésions. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. En cas de doute, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"bb-disclaimer\"\u003eCe coffret est un soin cosmétique. Il ne remplace pas un avis médical professionnel.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --bb-cream: #f7f3ee;\n --bb-white: #ffffff;\n --bb-primary: #D4872C;\n --bb-primary-dark: #2A2A2A;\n --bb-primary-light: #fdf3e8;\n --bb-secondary: #C67B25;\n --bb-accent: #E8A54B;\n\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n\n --bb-border: #e5ddd4;\n --bb-shadow: 0 4px 24px rgba(42,42,42,.08);\n --bb-shadow-lg: 0 12px 48px rgba(42,42,42,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2A2A2A 40%, #3d2e1e 70%, #D4872C 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(212,135,44,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(198,123,37,.1) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n line-height: 1.1;\n}\n\n.bb-subtitle {\n color: var(--bb-accent);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.bb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-primary), var(--bb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bb-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.bb-section-intro strong {\n color: var(--bb-text);\n}\n\n\/* === CARDS === *\/\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bb-primary), var(--bb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212,135,44,.3);\n}\n\n.bb-timeline-content {\n flex: 1;\n background: var(--bb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bb-radius-sm);\n box-shadow: var(--bb-shadow);\n}\n\n.bb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bb-timeline-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bb-testimonial {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bb-shadow);\n border-left: 4px solid var(--bb-primary);\n}\n\n.bb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bb-primary-light);\n border-radius: var(--bb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(212,135,44,.15);\n}\n\n.bb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bb-tip p {\n font-size: 14px;\n color: var(--bb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-tip p strong {\n color: var(--bb-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, #b56f1a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.04) 30px, rgba(255,255,255,.04) 60px);\n}\n\n.bb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bb-disclaimer {\n font-size: 12px;\n color: var(--bb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bb-card {\n padding: 1.125rem;\n }\n\n .bb-section {\n margin-bottom: 1.75rem;\n }\n\n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n\n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bb-grid-compact {\n gap: .625rem;\n }\n\n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n\n .bb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bb-timeline-content h3 {\n font-size: 14px;\n }\n\n .bb-timeline-content p {\n font-size: 13px;\n }\n\n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bb-testimonial {\n padding: 1.25rem;\n }\n\n .bb-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: bbFadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n\n .bb-timeline-item {\n animation: bbFadeInUp .5s ease backwards;\n }\n .bb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bb-timeline-item:nth-child(4) { animation-delay: .2s; }\n .bb-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes bbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ORZINO","offers":[{"title":"Default Title","offer_id":54982243713401,"sku":"5665808628","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/coffret_essentiel_barbe_lifestyle_1_11zon.jpg?v=1770810772"},{"product_id":"creme-rasage-expert-certifiee-bio-125-ml-coslys","title":"Creme Rasage Expert Glisse Facile 125 ml - Coslys","description":"\u003cp\u003eLa \u003cstrong\u003eCrème Rasage Expert certifiée Bio Coslys\u003c\/strong\u003e est spécialement conçue pour offrir un rasage précis et confortable, même sur les peaux les plus sensibles. Fabriquée en France, cette crème à raser vegan et cruelty free combine des ingrédients naturels et biologiques pour une expérience de rasage optimale tout en respectant l'environnement et votre peau.\u003c\/p\u003e\n\u003ch2\u003eIngrédients clés et bienfaits de cette crème de rasage Cosly\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eExtrait de hêtre bio :\u003c\/strong\u003e Contribue à assouplir le poil et facilite le rasage.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAloé vera bio :\u003c\/strong\u003e Apaise les irritations et hydrate la peau en profondeur.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBisabolol :\u003c\/strong\u003e Actif naturel aux propriétés apaisantes, cicatrisantes et anti-inflammatoires. Assure une peau douce et bien hydratée après le rasage.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eEn plus de ces actifs, la crème contient une formulation équilibrée à base d’huiles végétales et d’autres ingrédients doux, garantissant une glisse parfaite de la lame et une protection optimale de la peau.\u003c\/p\u003e\n\u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n\u003col\u003e\n\u003cli\u003eHumidifiez préalablement la zone à raser avec de l’eau tiède.\u003c\/li\u003e\n\u003cli\u003eAppliquez une couche fine et uniforme de la crème sur la zone.\u003c\/li\u003e\n\u003cli\u003eProcédez au rasage avec une lame propre et adaptée.\u003c\/li\u003e\n\u003cli\u003eRincez abondamment à l'eau claire après le rasage.\u003c\/li\u003e\n\u003c\/ol\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp\u003eFormule certifiée COSMOS ORGANIC et 98,9% d'origine naturelle, avec 18% d'ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cem\u003eAqua (water), glycerin, aloe barbadensis leaf juice*, helianthus annuus (sunflower) seed oil*, glycer yl stearate SE, C10-18 triglycerides, glycer yl stearate, cetyl alcohol, fagus sylvatica bud extract*, bisabolol*, cocoglycerides, cetyl palmitate, cetear yl alcohol, sodium stearoyl glutamate, xanthan gum, parfum (fragrance), lactic acid, benzyl alcohol, sodium dehydroacetate, dehydroacetic acid, tocopherol, citric acid, benzoic acid, sodium benzoate, potassium sorbate, limonene, linalool, citral.\u003c\/em\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003ePour obtenir des informations exactes, référez-vous toujours à l'emballage du produit.\u003c\/p\u003e\n\u003ch2\u003ePourquoi choisir cette crème de rasage ?\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eCertifié COSMOS ORGANIC\u003c\/strong\u003e par Ecocert Greenlife selon le référentiel COSMOS.\u003c\/li\u003e\n\u003cli\u003eAdapté aux peaux les plus sensibles grâce à ses actifs naturels apaisants.\u003c\/li\u003e\n\u003cli\u003eVegan et cruelty free, respectueux de la biodiversité et de l'environnement.\u003c\/li\u003e\n\u003cli\u003eFabriqué en France, garantissant un produit de haute qualité au naturel.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cstrong\u003eEssayez dès aujourd’hui la crème rasage Expert Bio de Coslys\u003c\/strong\u003e pour un rasage à la fois efficace, doux et respectueux de votre peau et de l'environnement !\u003c\/p\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55197994615161,"sku":"CS0245","price":12.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-rasage-expert-coslys.webp?v=1752569610"},{"product_id":"soin-hydratant-triple-action-bio-coslys","title":"Soin Hydratant Triple Action certifié Bio – 50ml – Coslys","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin Hydratant Triple Action Coslys Homme\nPalette détectée:\n - Primaire: #1B4332 (vert forêt profond du packaging)\n - Secondaire: #52B788 (vert feuillage frais)\n - Accent: #2D6A4F (vert intermédiaire)\n - Complémentaire: #40916C (vert nature)\nAmbiance: Naturel\/Bio, masculin moderne, fraîcheur végétale, clean \u0026 efficace\nPréfixe CSS: csh (coslys homme)\n--\u003e\n\n\u003cdiv class=\"csh-premium\"\u003e\n \n \u003cdiv class=\"csh-hero\"\u003e\n \u003cdiv class=\"csh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"csh-hero-content\"\u003e\n \u003cdiv class=\"csh-badges-top\"\u003e\n \u003cspan class=\"csh-badge\"\u003e🌿 98,9% naturel\u003c\/span\u003e\n \u003cspan class=\"csh-badge\"\u003e🏆 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"csh-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"csh-hero-title\"\u003eSoin hydratant Homme triple action\u003c\/span\u003e\n \u003cp class=\"csh-subtitle\"\u003eLe geste essentiel de l'homme moderne\u003c\/p\u003e\n \u003cp class=\"csh-description\"\u003eHydrate • Apaise • Revitalise — Un seul soin pour une peau parfaite au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"csh-section\"\u003e\n \u003ch2\u003e💪 Triple action, triple efficacité\u003c\/h2\u003e\n \u003cdiv class=\"csh-grid\"\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eL'aloe vera bio et le beurre de karité restaurent souplesse et élasticité pour une peau confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e🪒 Apaisement après-rasage\u003c\/h3\u003e\n \u003cp\u003eLe bisabolol naturel calme instantanément rougeurs et irritations, sans picotement ni effet collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e✨ Effet bonne mine\u003c\/h3\u003e\n \u003cp\u003eL'extrait de bourgeon de hêtre bio combat la fatigue visible et révèle un teint plus frais, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csh-section\"\u003e\n \u003ch2\u003e🌱 Des actifs naturels puissants\u003c\/h2\u003e\n \u003cdiv class=\"csh-grid\"\u003e\n \u003cdiv class=\"csh-card csh-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Bourgeon de hêtre bio\u003c\/h3\u003e\n \u003cp\u003eTonifie, lisse les traits et stimule l'oxygénation cutanée pour un effet anti-fatigue naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card csh-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate en profondeur et favorise la régénération cellulaire pour une peau revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card csh-card-ingredient\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément, assouplit et crée un bouclier protecteur contre le dessèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card csh-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Bisabolol naturel\u003c\/h3\u003e\n \u003cp\u003eExtrait de camomille, il apaise les peaux les plus sensibilisées avec douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card csh-card-ingredient\"\u003e\n \u003ch3\u003e🌊 Algue dorée\u003c\/h3\u003e\n \u003cp\u003eRenforce la barrière cutanée et protège des agressions extérieures au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csh-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"csh-grid\"\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e🧔 L'homme pressé\u003c\/h3\u003e\n \u003cp\u003eUn seul geste multi-actions pour gagner du temps sans compromis sur l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e🔥 Les peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule ultra-douce idéale pour les peaux réactives ou irritées par le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e🌿 Les adeptes du bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Cosmos Organic, 100% vegan et cruelty-free pour un soin éthique et responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csh-section\"\u003e\n \u003ch2\u003e📖 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"csh-steps\"\u003e\n \u003cdiv class=\"csh-step\"\u003e\n \u003cdiv class=\"csh-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"csh-step-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de soin sur une peau propre et sèche, matin et\/ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-step\"\u003e\n \u003cdiv class=\"csh-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"csh-step-content\"\u003e\n \u003ch3\u003eMassez en douceur\u003c\/h3\u003e\n \u003cp\u003eEffectuez de petits mouvements circulaires pour favoriser la pénétration et stimuler la microcirculation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-step\"\u003e\n \u003cdiv class=\"csh-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"csh-step-content\"\u003e\n \u003ch3\u003eZone contour des yeux\u003c\/h3\u003e\n \u003cp\u003eTapotez légèrement pour atténuer cernes et signes de fatigue visibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csh-section\"\u003e\n \u003ch2\u003e✅ Vos garanties\u003c\/h2\u003e\n \u003cdiv class=\"csh-grid-compact\"\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e🏅 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié Ecocert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003e100% cruelty-free\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eQualité française\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"csh-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003ePackaging recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csh-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"csh-accordion\"\u003e\n \u003cdetails class=\"csh-accordion-item\"\u003e\n \u003csummary class=\"csh-accordion-header\"\u003e📝 Composition INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"csh-accordion-content\"\u003e\n \u003cp\u003eAqua (water), Aloe Barbadensis Leaf Juice*, Heptyl Undecylenate, Glyceryl Stearate SE, Sorbitan Laurate, Caprylic\/Capric Triglyceride, Butyrospermum Parkii (Shea) Butter*, Cetyl Alcohol, Parfum (Fragrance), Fagus Sylvatica Bud Extract*, Bisabolol*, Dilauryl Citrate, Laminaria Ochroleuca Extract, Lactic Acid, Glycerin, Sodium Cocoyl Glutamate, Polyglyceryl-4 Laurate, Benzyl Alcohol, Xanthan Gum, Dehydroacetic Acid, Tocopherol, Glycine Soja (Soybean) Oil, Benzoic Acid, Potassium Sorbate, Sodium Benzoate, Citric Acid, Limonene, Linalool, Citral, Eugenol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e*Ingrédients issus de l'Agriculture Biologique\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csh-accordion-item\"\u003e\n \u003csummary class=\"csh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"csh-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Utiliser dans les 12 mois après ouverture. Le format pompe airless garantit une conservation optimale et une hygiène parfaite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"csh-accordion-item\"\u003e\n \u003csummary class=\"csh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"csh-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire. Contient des allergènes parfumés (Limonene, Linalool, Citral, Eugenol).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"csh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"csh-cta-box\"\u003e\n \u003cp\u003e🌿 \u003cstrong\u003e98,9% d'ingrédients d'origine naturelle\u003c\/strong\u003e — 20,9% issus de l'agriculture biologique.\u003cbr\u003eUn soin efficace, naturel et complet pour une peau saine, hydratée et pleine de vitalité !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --csh-cream: #f8faf8;\n --csh-white: #ffffff;\n --csh-primary: #1B4332;\n --csh-primary-dark: #14342a;\n --csh-primary-light: #e8f5e9;\n --csh-secondary: #52B788;\n --csh-accent: #2D6A4F;\n --csh-text: #1a1a1a;\n --csh-text-light: #5a5a5a;\n --csh-border: #e0e5e0;\n --csh-shadow: 0 4px 24px rgba(27,67,50,.08);\n --csh-shadow-lg: 0 12px 48px rgba(27,67,50,.15);\n --csh-radius: 20px;\n --csh-radius-sm: 12px;\n}\n\n.csh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--csh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.csh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--csh-primary) 0%, var(--csh-accent) 50%, var(--csh-secondary) 100%);\n border-radius: var(--csh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--csh-shadow-lg);\n}\n\n.csh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-1.5 3-3 8-3 15s1.5 12 3 15c1.5-3 3-8 3-15s-1.5-12-3-15z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.csh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.csh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.csh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--csh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.csh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.csh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.csh-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .02em;\n}\n\n.csh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n margin: 0;\n line-height: 1.6;\n}\n\n.csh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.csh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--csh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.csh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--csh-primary), var(--csh-secondary));\n border-radius: 2px;\n}\n\n.csh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.csh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.csh-card {\n background: var(--csh-white);\n border-radius: var(--csh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--csh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.csh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--csh-shadow-lg);\n border-color: var(--csh-secondary);\n}\n\n.csh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--csh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.csh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csh-card-ingredient {\n border-left: 4px solid var(--csh-secondary);\n}\n\n.csh-grid-compact .csh-card {\n padding: 1rem;\n}\n\n.csh-grid-compact .csh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.csh-grid-compact .csh-card p {\n font-size: 12px;\n}\n\n.csh-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.csh-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--csh-white);\n border-radius: var(--csh-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--csh-shadow);\n transition: all .3s ease;\n}\n\n.csh-step:hover {\n transform: translateX(8px);\n box-shadow: var(--csh-shadow-lg);\n}\n\n.csh-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--csh-primary), var(--csh-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(27,67,50,.25);\n}\n\n.csh-step-content h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--csh-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.csh-step-content p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--csh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.csh-accordion {\n background: var(--csh-white);\n border-radius: var(--csh-radius);\n box-shadow: var(--csh-shadow);\n overflow: hidden;\n}\n\n.csh-accordion-item {\n border-bottom: 1px solid var(--csh-border);\n margin: 0;\n padding: 0;\n}\n\n.csh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.csh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--csh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.csh-accordion-header:hover {\n background: var(--csh-primary-light);\n}\n\n.csh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.csh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--csh-secondary);\n transition: transform .2s ease;\n}\n\n.csh-accordion-item[open] .csh-accordion-header::after {\n content: '−';\n}\n\n.csh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--csh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.csh-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.csh-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.csh-cta-box {\n background: linear-gradient(135deg, var(--csh-primary) 0%, var(--csh-accent) 100%);\n border-radius: var(--csh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.csh-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);\n}\n\n.csh-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .csh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .csh-card {\n padding: 1.125rem;\n }\n \n .csh-section {\n margin-bottom: 1.75rem;\n }\n \n .csh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--csh-radius-sm);\n }\n \n .csh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .csh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .csh-grid-compact {\n gap: .625rem;\n }\n \n .csh-grid-compact .csh-card {\n padding: .75rem;\n }\n \n .csh-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .csh-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .csh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .csh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .csh-badges-top {\n gap: 8px;\n }\n \n .csh-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .csh-card {\n animation: fadeInUp .5s ease backwards;\n }\n .csh-card:nth-child(1) { animation-delay: .05s; }\n .csh-card:nth-child(2) { animation-delay: .1s; }\n .csh-card:nth-child(3) { animation-delay: .15s; }\n .csh-card:nth-child(4) { animation-delay: .2s; }\n .csh-card:nth-child(5) { animation-delay: .25s; }\n .csh-card:nth-child(6) { animation-delay: .3s; }\n \n .csh-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .csh-step:nth-child(1) { animation-delay: .1s; }\n .csh-step:nth-child(2) { animation-delay: .2s; }\n .csh-step:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .csh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COSLYS","offers":[{"title":"Default Title","offer_id":55198014505337,"sku":"CS0250","price":16.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-hydratant-triple-action-certifie-bio-50ml-coslys-ingredients.webp?v=1768309427"},{"product_id":"deodorant-solide-cedrat-bambou-comme-avant","title":"Déodorant Solide au Beurre de Cacao - Cédrat \u0026 Bambou - 60 g - Comme Avant","description":"\u003cdiv class=\"deo-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"deo-hero\"\u003e\n \u003cdiv class=\"deo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"deo-hero-content\"\u003e\n \u003cdiv class=\"deo-badges-top\"\u003e\n \u003cspan class=\"deo-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"deo-badge\"\u003e🧴 5 ingrédients seulement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"deo-hero-title\"\u003eDéodorant solide au beurre de cacao — Cédrat \u0026amp; Bambou\u003c\/span\u003e\n \u003cp class=\"deo-subtitle\"\u003eComme Avant · 60 g · 4 à 6 mois d'utilisation\u003c\/p\u003e\n \u003cp class=\"deo-description\"\u003eUne formule minimaliste, certifiée bio, sans bicarbonate ni sels d'aluminium. Fraîcheur naturelle toute la journée, dans un emballage zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eDéodorant solide Cédrat \u0026amp; Bambou au beurre de cacao — Comme Avant\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVous cherchez un \u003cstrong\u003edéodorant naturel et efficace\u003c\/strong\u003e qui respecte vraiment votre peau ? Le déodorant solide Cédrat \u0026amp; Bambou de Comme Avant est formulé avec seulement \u003cstrong\u003e5 ingrédients d'origine naturelle\u003c\/strong\u003e, certifié \u003cstrong\u003eCOSMOS Organic\u003c\/strong\u003e et fabriqué artisanalement près de Marseille. Fini les compositions à rallonge : ici, chaque ingrédient a un rôle précis, et rien de superflu n'a été ajouté.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Senteur cédrat \u0026amp; bambou\u003c\/h3\u003e\n \u003cp\u003eFraîche, citronnée et végétale, parfaite au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧪 5 ingrédients\u003c\/h3\u003e\n \u003cp\u003eFormule courte, transparente, sans superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e⏳ 4 à 6 mois\u003c\/h3\u003e\n \u003cp\u003eAutonomie exceptionnelle pour un format de 60 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✈️ Bagage cabine\u003c\/h3\u003e\n \u003cp\u003eFormat solide compact autorisé en avion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003ePourquoi choisir un déodorant solide naturel ?\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eContrairement aux anti-transpirants conventionnels qui bloquent la transpiration à l'aide de \u003cstrong\u003esels d'aluminium\u003c\/strong\u003e, ce déodorant solide laisse votre peau respirer. Il agit en neutralisant les bactéries responsables des mauvaises odeurs, sans obstruer les pores. Résultat : une fraîcheur durable, sans compromettre le fonctionnement naturel de votre corps.\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e✅ Bloque les odeurs\u003c\/h3\u003e\n \u003cp\u003eNeutralise les bactéries responsables des mauvaises odeurs sans bloquer la transpiration naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🚫 Sans sels d'aluminium\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient controversé : pas de triclosan, pas de gaz propulseur, pas de conservateur synthétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e👫 Mixte et unisexe\u003c\/h3\u003e\n \u003cp\u003eConvient aux femmes comme aux hommes. Parfum discret, léger et jamais entêtant — idéal au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est aussi un excellent \u003cstrong\u003edéodorant naturel pour homme\u003c\/strong\u003e qui recherche simplicité et efficacité, sans compromis sur la fraîcheur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUne composition courte et transparente\u003c\/h2\u003e\n \u003cp class=\"deo-section-intro\"\u003eVoici la liste complète des ingrédients et leur rôle dans la formule — seulement 5 actifs + un parfum naturel :\u003c\/p\u003e\n \u003cdiv class=\"deo-grid\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🧂 Hydroxyde de magnésium\u003c\/h3\u003e\n \u003cp\u003eMinéral naturel aux propriétés absorbantes qui limite efficacement les odeurs sans irriter la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌱 Citrate de triéthyle\u003c\/h3\u003e\n \u003cp\u003eActif d'origine végétale qui remplace les sels d'aluminium et empêche le développement des bactéries\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍫 Beurre de cacao bio\u003c\/h3\u003e\n \u003cp\u003eNourrit, protège et apaise la peau des aisselles, même les plus sensibles. Texture fondante et agréable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🥥 Beurre de murumuru\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels, adoucit et répare la peau tout en facilitant le glissement à l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🌾 Cire de carnauba\u003c\/h3\u003e\n \u003cp\u003eApporte de la tenue au stick et maintient sa consistance, même par temps chaud\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🍋 Parfum cédrat \u0026amp; bambou\u003c\/h3\u003e\n \u003cp\u003eSenteur végétale et citronnée, fraîche et vivifiante, 100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e🛡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eSans bicarbonate de soude, sans alcool, sans huile essentielle pure, sans conservateur synthétique.\u003c\/strong\u003e Une formule pensée pour les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant solide ?\u003c\/h2\u003e\n \u003cdiv class=\"deo-timeline\"\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez chaque matin sur une \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, idéalement après la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eAppliquez le stick\u003c\/h3\u003e\n \u003cp\u003eEffectuez \u003cstrong\u003e2 à 3 passages\u003c\/strong\u003e sous chaque aisselle. Si le produit semble dur, maintenez-le quelques secondes contre la peau pour le réchauffer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-item\"\u003e\n \u003cdiv class=\"deo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"deo-timeline-content\"\u003e\n \u003ch3\u003eProfitez de la fraîcheur\u003c\/h3\u003e\n \u003cp\u003eLe déodorant fond et glisse sans effort. Sa texture onctueuse pénètre rapidement sans laisser de résidu gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e📦\u003c\/span\u003e\n \u003cp\u003eCe format de \u003cstrong\u003e60 g\u003c\/strong\u003e offre une autonomie remarquable de \u003cstrong\u003e4 à 6 mois\u003c\/strong\u003e d'utilisation quotidienne — un choix particulièrement économique. Format compact autorisé en \u003cstrong\u003ebagage cabine\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"deo-section\"\u003e\n \u003ch2\u003eUn choix écologique et vegan\u003c\/h2\u003e\n \u003cdiv class=\"deo-grid-compact\"\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e📦 Carton recyclable\u003c\/h3\u003e\n \u003cp\u003eEmballage sans plastique, 100 % recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🐰 Certifié vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient d'origine animale, non testé sur les animaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eLabellisé pour sa démarche éthique et ses ingrédients de qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eProduction artisanale près de Marseille, origine France garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"deo-tip\"\u003e\n \u003cspan class=\"deo-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eConvient aux \u003cstrong\u003eadultes et aux enfants dès 7 ans\u003c\/strong\u003e. Choisir ce déodorant solide, c'est réduire concrètement vos déchets tout en prenant soin de vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"deo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eBon à savoir\u003c\/h2\u003e\n \u003cdiv class=\"deo-accordion\"\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🔄 Période d'adaptation\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eUn déodorant naturel ne bloque pas la transpiration : il neutralise les odeurs. Si vous passez d'un anti-transpirant classique à un déodorant naturel, une \u003cstrong\u003epériode d'adaptation de quelques jours\u003c\/strong\u003e est tout à fait normale. Votre peau a besoin de retrouver son équilibre. Soyez patient, les résultats suivront rapidement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre déodorant solide à l'abri de la chaleur et de la lumière directe. Par temps très chaud, vous pouvez le stocker au réfrigérateur pour préserver sa tenue optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"deo-accordion-item\"\u003e\n \u003csummary class=\"deo-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"deo-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez l'application sur une peau lésée ou irritée. Ne pas appliquer juste après le rasage. En cas de doute ou d'irritation persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"deo-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute ou d'irritation persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --deo-cream: #faf6f0;\n --deo-white: #ffffff;\n --deo-primary: #8fa63a;\n --deo-primary-dark: #5a6e1e;\n --deo-primary-light: #f0f4e2;\n --deo-secondary: #c4a45a;\n --deo-accent: #d4c89a;\n --deo-text: #1a1a1a;\n --deo-text-light: #5a5a5a;\n --deo-border: #e0ddd5;\n --deo-shadow: 0 4px 24px rgba(0,0,0,.08);\n --deo-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --deo-radius: 20px;\n --deo-radius-sm: 12px;\n}\n\n.deo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--deo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.deo-hero {\n position: relative;\n background: linear-gradient(135deg, #5a6e1e 0%, #8fa63a 45%, #a8b84a 100%);\n border-radius: var(--deo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--deo-shadow-lg);\n}\n\n.deo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(196,164,90,.15) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 32px);\n opacity: 1;\n}\n\n.deo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.deo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.deo-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.deo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.deo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.deo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.deo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.deo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.deo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--deo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.deo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--deo-primary), var(--deo-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.deo-card {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--deo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.deo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--deo-shadow-lg);\n border-color: var(--deo-primary);\n}\n\n.deo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--deo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.deo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.deo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.deo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.deo-grid-compact .deo-card {\n padding: 1rem;\n}\n\n.deo-grid-compact .deo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.deo-grid-compact .deo-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.deo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.deo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.deo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--deo-primary), var(--deo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.deo-timeline-content {\n flex: 1;\n background: var(--deo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--deo-radius-sm);\n box-shadow: var(--deo-shadow);\n}\n\n.deo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--deo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.deo-timeline-content p {\n font-size: 14px;\n color: var(--deo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.deo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--deo-primary-light);\n border-radius: var(--deo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.deo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.deo-tip p {\n font-size: 14px;\n color: var(--deo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.deo-accordion {\n background: var(--deo-white);\n border-radius: var(--deo-radius);\n box-shadow: var(--deo-shadow);\n overflow: hidden;\n}\n\n.deo-accordion-item {\n border-bottom: 1px solid var(--deo-border);\n margin: 0;\n padding: 0;\n}\n\n.deo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.deo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--deo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.deo-accordion-header:hover {\n background: var(--deo-primary-light);\n}\n\n.deo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.deo-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--deo-primary);\n transition: transform .2s ease;\n}\n\n.deo-accordion-item[open] .deo-accordion-header::after {\n content: '−';\n}\n\n.deo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--deo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.deo-accordion-content p {\n margin: 0;\n}\n\n\/* === SECTION INTRO === *\/\n.deo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--deo-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === DISCLAIMER === *\/\n.deo-disclaimer {\n font-size: 12px;\n color: var(--deo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .deo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .deo-card {\n padding: 1.125rem;\n }\n\n .deo-section {\n margin-bottom: 1.75rem;\n }\n\n .deo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--deo-radius-sm);\n }\n\n .deo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .deo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .deo-grid-compact {\n gap: .625rem;\n }\n\n .deo-grid-compact .deo-card {\n padding: .75rem;\n }\n\n .deo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .deo-timeline-content {\n padding: .875rem 1rem;\n }\n\n .deo-timeline-content h3 {\n font-size: 14px;\n }\n\n .deo-timeline-content p {\n font-size: 13px;\n }\n\n .deo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .deo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .deo-tip {\n padding: .875rem 1rem;\n }\n\n .deo-tip-icon {\n font-size: 20px;\n }\n\n .deo-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .deo-card {\n animation: deoFadeInUp .5s ease backwards;\n }\n .deo-card:nth-child(1) { animation-delay: .05s; }\n .deo-card:nth-child(2) { animation-delay: .1s; }\n .deo-card:nth-child(3) { animation-delay: .15s; }\n .deo-card:nth-child(4) { animation-delay: .2s; }\n .deo-card:nth-child(5) { animation-delay: .25s; }\n .deo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes deoFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .deo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330407481721,"sku":"NBAICAV0082","price":10.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-solide-au-beurre-de-cacao-cedrat-bambou-60-g-comme-packshothd.webp?v=1776237936"},{"product_id":"savon-rasage-huile-pepins-raisin-comme-avant","title":"Savon de rasage à l'huile de pépins de raisin - 100 g - Comme Avant","description":"\u003cdiv class=\"sr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"sr-hero\"\u003e\n \u003cdiv class=\"sr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sr-hero-content\"\u003e\n \u003cdiv class=\"sr-badges-top\"\u003e\n \u003cspan class=\"sr-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"sr-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"sr-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"sr-badge\"\u003e🧼 Saponifié à froid\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sr-subtitle\"\u003eComme Avant — 100 g\u003c\/p\u003e\n \u003cp class=\"sr-description\"\u003eUn savon solide artisanal, bio et mixte, pour un rasage tout en douceur. 100 % d'ingrédients d'origine naturelle, zéro compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sr-section\"\u003e\n \u003ch2\u003eSavon de rasage bio à l'huile de pépins de raisin – Comme Avant\u003c\/h2\u003e\n \u003cp class=\"sr-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon de rasage solide\u003c\/strong\u003e vraiment naturel, qui protège votre peau tout en offrant une glisse impeccable ? Le savon de rasage à l'huile de pépins de raisin de Comme Avant a été pensé pour remplacer les mousses et gels industriels, sans aucun compromis sur l'efficacité. Certifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, fabriqué en France près de Marseille, il convient aussi bien comme \u003cstrong\u003esavon de rasage homme\u003c\/strong\u003e que comme \u003cstrong\u003esavon de rasage femme\u003c\/strong\u003e, pour le visage comme pour le corps.\u003c\/p\u003e\n \u003cdiv class=\"sr-grid-compact\"\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🧴 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eAucun agent chimique, aucun parfum de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🌾 72,2 % bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e👩 Mixte\u003c\/h3\u003e\n \u003cp\u003eConvient aux hommes et aux femmes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e✨ Visage \u0026amp; corps\u003c\/h3\u003e\n \u003cp\u003eUtilisable sur toutes les zones à raser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sr-section\"\u003e\n \u003ch2\u003ePourquoi choisir un savon pour rasage naturel ?\u003c\/h2\u003e\n \u003cp class=\"sr-section-intro\"\u003eLes mousses à raser conventionnelles contiennent souvent des agents chimiques irritants, des gaz propulseurs et des parfums de synthèse. En optant pour un \u003cstrong\u003esavon rasage\u003c\/strong\u003e saponifié à froid, vous offrez à votre peau un soin véritable à chaque passage de lame.\u003c\/p\u003e\n \u003cdiv class=\"sr-grid\"\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🪒 Glisse parfaite\u003c\/h3\u003e\n \u003cp\u003eLa mousse onctueuse facilite le passage du rasoir et réduit les frictions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🛡️ Zéro irritation\u003c\/h3\u003e\n \u003cp\u003ePas de composants agressifs : votre peau est respectée et apaisée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🌸 Peau douce\u003c\/h3\u003e\n \u003cp\u003eAucune sensation de tiraillement après le rasage grâce au surgras de 7 %\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sr-section\"\u003e\n \u003ch2\u003eDes ingrédients d'exception, une composition transparente\u003c\/h2\u003e\n \u003cp class=\"sr-section-intro\"\u003eCe savon repose sur une formule courte de \u003cstrong\u003e100 % d'ingrédients d'origine naturelle\u003c\/strong\u003e, dont 72,2 % issus de l'agriculture biologique. Chaque composant a été choisi pour son rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"sr-grid\"\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco saponifiée bio\u003c\/h3\u003e\n \u003cp\u003eCrée une mousse riche et généreuse, idéale pour le rasage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive saponifiée bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et adoucit la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🍇 Huile de pépins de raisin saponifiée bio\u003c\/h3\u003e\n \u003cp\u003eRiche en acides gras essentiels et en vitamine E, elle favorise la régénération cutanée et protège contre les micro-coupures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e💧 Glycérine végétale bio\u003c\/h3\u003e\n \u003cp\u003eNaturellement produite lors de la saponification à froid, elle maintient l'hydratation de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🌴 Huile de coco bio (surgras)\u003c\/h3\u003e\n \u003cp\u003eParticipe au surgras de 7 % pour un confort optimal après rasage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🍇 Huile de pépins de raisin bio (surgras)\u003c\/h3\u003e\n \u003cp\u003eApporte un film protecteur léger et non gras sur la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e💜 Argile violette\u003c\/h3\u003e\n \u003cp\u003ePurifie et adoucit en douceur, tout en donnant sa teinte rosée au savon\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🧪 Gomme xanthane\u003c\/h3\u003e\n \u003cp\u003eAméliore la texture de la mousse pour une application homogène\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-accordion\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdetails class=\"sr-accordion-item\"\u003e\n \u003csummary class=\"sr-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"sr-accordion-content mt-3\"\u003e\n \u003cp\u003eSodium Cocoate**, Sodium Olivate**, Aqua, Sodium Grapeseedate**, Glycerin**, Olea Europaea Fruit Oil*, Cocos Nucifera Oil*, Kaolin, Xanthan Gum, Vitis Vinifera Seed Oil*.\u003cbr\u003e\u003cem\u003e*issu de l'Agriculture Biologique \/ **transformé à partir d'ingrédients biologiques\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sr-section\"\u003e\n \u003ch2\u003eComment utiliser ce savon de rasage solide ?\u003c\/h2\u003e\n \u003cdiv class=\"sr-timeline\"\u003e\n \u003cdiv class=\"sr-timeline-item\"\u003e\n \u003cdiv class=\"sr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sr-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eMouillez le savon et faites-le mousser entre vos mains humides ou à l'aide d'un blaireau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-timeline-item\"\u003e\n \u003cdiv class=\"sr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eÉtalez la crème obtenue sur la zone à raser, en massant légèrement pour bien redresser les poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-timeline-item\"\u003e\n \u003cdiv class=\"sr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sr-timeline-content\"\u003e\n \u003ch3\u003eRasez \u0026amp; rincez\u003c\/h3\u003e\n \u003cp\u003eRasez normalement, puis rincez à l'eau claire. Utilisez une fois par jour maximum, sur le visage ou le corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-tip\"\u003e\n \u003cspan class=\"sr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e après chaque utilisation, laissez sécher votre savon sur un porte-savon ajouré. Vous prolongerez ainsi considérablement sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sr-section\"\u003e\n \u003ch2\u003eFabrication artisanale et engagements\u003c\/h2\u003e\n \u003cp class=\"sr-section-intro\"\u003eCe \u003cstrong\u003esavon rasage homme et femme\u003c\/strong\u003e est fabriqué par saponification à froid dans l'atelier de Comme Avant, près de Marseille. Ce procédé artisanal préserve toutes les propriétés des huiles végétales et génère naturellement de la glycérine.\u003c\/p\u003e\n \u003cdiv class=\"sr-grid-compact\"\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🏭 Saponification à froid\u003c\/h3\u003e\n \u003cp\u003ePréserve 100 % des bienfaits des huiles végétales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eAucun ingrédient ni test d'origine animale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🐌 Slow Cosmétique\u003c\/h3\u003e\n \u003cp\u003eLabellisé pour une cosmétique raisonnée et éthique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France Garantie\u003c\/h3\u003e\n \u003cp\u003eFabriqué dans l'atelier Comme Avant près de Marseille\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage en carton recyclable, démarche éco-responsable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-card\"\u003e\n \u003ch3\u003e🌿 Cosmos Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Cosmécert selon le référentiel COSMOS\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sr-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"sr-accordion\"\u003e\n \u003cdetails class=\"sr-accordion-item\" open\u003e\n \u003csummary class=\"sr-accordion-header\"\u003e⚠️ Précautions d'usage\u003c\/summary\u003e\n \u003cdiv class=\"sr-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux. En cas de projection, rincez immédiatement et abondamment à l'eau claire. Si une réaction cutanée inhabituelle apparaît, cessez l'utilisation et consultez un professionnel de santé. Convient aux femmes enceintes et allaitantes.\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=\"sr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sr-cta-box\"\u003e\n \u003cp\u003e🍇 Offrez à votre peau un rasage naturel, doux et responsable.\u003cbr\u003eUn savon bio, artisanal et zéro déchet — pour le visage et le corps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"sr-disclaimer\"\u003eLes résultats peuvent varier selon les individus. Ce produit cosmétique ne se substitue pas à un avis médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sr-cream: #faf6f4;\n --sr-white: #ffffff;\n --sr-primary: #b8899a;\n --sr-primary-dark: #7a4e62;\n --sr-primary-light: #f3e8ed;\n --sr-secondary: #c9a0b0;\n --sr-accent: #a07285;\n --sr-text: #1a1a1a;\n --sr-text-light: #5a5a5a;\n --sr-border: #e8dde2;\n --sr-shadow: 0 4px 24px rgba(122,78,98,.08);\n --sr-shadow-lg: 0 12px 48px rgba(122,78,98,.15);\n --sr-radius: 20px;\n --sr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sr-hero {\n position: relative;\n background: linear-gradient(135deg, #c9a0b0 0%, #b8899a 40%, #7a4e62 100%);\n border-radius: var(--sr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sr-shadow-lg);\n}\n\n.sr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.02) 40px, rgba(255,255,255,.02) 80px);\n opacity: 1;\n}\n\n.sr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sr-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.sr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.sr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sr-primary), var(--sr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sr-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sr-section-intro strong {\n color: var(--sr-primary-dark);\n}\n\n\/* === CARDS === *\/\n.sr-card {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sr-shadow-lg);\n border-color: var(--sr-primary);\n}\n\n.sr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sr-grid-compact .sr-card {\n padding: 1rem;\n}\n\n.sr-grid-compact .sr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sr-grid-compact .sr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.sr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sr-primary), var(--sr-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sr-timeline-content {\n flex: 1;\n background: var(--sr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sr-radius-sm);\n box-shadow: var(--sr-shadow);\n}\n\n.sr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sr-timeline-content p {\n font-size: 14px;\n color: var(--sr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.sr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sr-primary-light);\n border-radius: var(--sr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sr-tip p {\n font-size: 14px;\n color: var(--sr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sr-tip p strong {\n color: var(--sr-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.sr-accordion {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n box-shadow: var(--sr-shadow);\n overflow: hidden;\n}\n\n.sr-accordion-item {\n border-bottom: 1px solid var(--sr-border);\n margin: 0;\n padding: 0;\n}\n\n.sr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sr-accordion-header:hover {\n background: var(--sr-primary-light);\n}\n\n.sr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sr-primary);\n transition: transform .2s ease;\n}\n\n.sr-accordion-item[open] .sr-accordion-header::after {\n content: '−';\n}\n\n.sr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.sr-cta-box {\n background: linear-gradient(135deg, var(--sr-primary) 0%, var(--sr-primary-dark) 100%);\n border-radius: var(--sr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sr-disclaimer {\n font-size: 12px;\n color: var(--sr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sr-card {\n padding: 1.125rem;\n }\n\n .sr-section {\n margin-bottom: 1.75rem;\n }\n\n .sr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sr-radius-sm);\n }\n\n .sr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sr-grid-compact {\n gap: .625rem;\n }\n\n .sr-grid-compact .sr-card {\n padding: .75rem;\n }\n\n .sr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sr-timeline-content h3 {\n font-size: 14px;\n }\n\n .sr-timeline-content p {\n font-size: 13px;\n }\n\n .sr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sr-card {\n animation: srFadeInUp .5s ease backwards;\n }\n .sr-card:nth-child(1) { animation-delay: .05s; }\n .sr-card:nth-child(2) { animation-delay: .1s; }\n .sr-card:nth-child(3) { animation-delay: .15s; }\n .sr-card:nth-child(4) { animation-delay: .2s; }\n .sr-card:nth-child(5) { animation-delay: .25s; }\n .sr-card:nth-child(6) { animation-delay: .3s; }\n .sr-card:nth-child(7) { animation-delay: .35s; }\n .sr-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes srFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330409578873,"sku":"NBAICAV0085","price":8.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-de-rasage-a-lhuile-de-pepins-de-raisin-version-1-sav-nat-ras-comme-avant-209323.webp?v=1758299158"},{"product_id":"parfum-solide-kokum-musc-bois-ho-comme-avant","title":"Parfum Solide au Beurre de Kokum - Musc \u0026 Bois de Hô - 20 g - Comme Avant","description":"\u003ch2\u003eUn parfum solide naturel à emporter partout\u003c\/h2\u003e\u003cp\u003eEmbarquez pour un voyage sensoriel avec le parfum solide au beurre de kokum, musc et bois de hô de Comme Avant. Fabriqué en France, près de Marseille, ce parfum est une ode à la nature et à la simplicité. Sa formule sans alcool et sans conservateur en fait une alternative saine et respectueuse de votre peau.\u003c\/p\u003e\u003ch2\u003eBienfaits et composition\u003c\/h2\u003e\u003cp\u003eCe parfum solide se compose principalement de beurre de kokum, connu pour ses propriétés hydratantes, et de cire de candelilla, qui assure une texture agréable et non grasse. Le musc apporte une note chaude et réconfortante, tandis que le bois de hô ajoute une touche de fraîcheur boisée. Les ingrédients sont d'origine naturelle et biodégradables, respectant ainsi votre peau et l'environnement.\u003c\/p\u003e\u003ch2\u003eUtilisation et conseils\u003c\/h2\u003e\u003cp\u003eAppliquez le parfum sur les points de pulsation tels que les poignets, le cou ou derrière les oreilles. Son format solide et compact est idéal pour le transport, même en bagage cabine. Pour une tenue optimale de 5 heures, réappliquez selon vos envies tout au long de la journée.\u003c\/p\u003e\u003ch2\u003ePrécautions et durabilité\u003c\/h2\u003e\u003cp\u003eBien que conçu pour tous, il est conseillé d'éviter l'utilisation durant la grossesse ou l'allaitement en raison des huiles essentielles présentes. Avec une durée de vie de 6 mois pour 20g, ce parfum s'avère économique et durable. Son emballage est entièrement recyclable et compostable.\u003c\/p\u003e\u003ch2\u003eQuestions fréquentes sur notre parfum solide\u003c\/h2\u003e\u003cdetails\u003e\u003csummary\u003eQuelle est la composition exacte du parfum ?\u003c\/summary\u003e\u003cp\u003eLe parfum solide contient du beurre de kokum, de la cire de candelilla, et un mélange de parfums d'origine naturelle incluant de l'huile essentielle de bois de hô.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eComment appliquer le parfum solide ?\u003c\/summary\u003e\u003cp\u003ePoussez le stick par-dessous et frottez le parfum sur les zones de chaleur comme les poignets, derrière les oreilles ou le cou.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eCe parfum est-il adapté aux enfants ?\u003c\/summary\u003e\u003cp\u003eIl est recommandé pour un usage à partir de 7 ans et est davantage destiné aux adultes.\u003c\/p\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eQuelle est la durée de conservation du parfum ?\u003c\/summary\u003e\u003cp\u003eLe parfum solide Comme Avant a une durée d'utilisation d'environ 6 mois pour un contenu de 20g.\u003c\/p\u003e\u003c\/details\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330411413881,"sku":"NBAICAV0092","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/parfum-solide-beurre-kokum-musc-bois-ho-20g-comme-avant.webp?v=1758707237"},{"product_id":"parfum-solide-vetiver-encens-comme-avant","title":"Parfum Solide au Beurre de Kokum - Vétiver Poivré \u0026 Encens - 20 g - Comme Avant","description":"\u003cdiv class=\"cakk-premium\"\u003e\n \u003cdiv class=\"cakk-hero\"\u003e\n \u003cdiv class=\"cakk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cakk-hero-content\"\u003e\n \u003cdiv class=\"cakk-badges-top\"\u003e\n \u003cspan class=\"cakk-badge\"\u003e🌿 COSMOS Organic\u003c\/span\u003e\n \u003cspan class=\"cakk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"cakk-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"cakk-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cakk-hero-title\"\u003eParfum Solide Vétiver Poivré \u0026amp; Encens\u003c\/span\u003e\n \u003cp class=\"cakk-subtitle\"\u003eAu beurre de Kokum — 20 g\u003c\/p\u003e\n \u003cp class=\"cakk-description\"\u003eUne signature olfactive boisée, poivrée et mystique. Un parfum solide naturel, sans alcool, qui rivalise avec les plus grandes maisons tout en respectant votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cakk-section\"\u003e\n \u003ch2\u003eParfum Solide Vétiver Poivré \u0026amp; Encens : une signature olfactive naturelle et envoûtante\u003c\/h2\u003e\n \u003cp class=\"cakk-section-intro\"\u003eDécouvrez le \u003cstrong\u003eparfum solide au beurre de kokum\u003c\/strong\u003e de Comme Avant, une fragrance raffinée qui marie la fraîcheur boisée du \u003cstrong\u003evétiver poivré\u003c\/strong\u003e à la profondeur mystique de l'encens. Conçu sans alcool, sans conservateur et certifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e, il est une alternative naturelle et élégante aux parfums classiques en flacon. Il rivalise sans complexe avec les références du marché — parfum solide Diptyque, Roger \u0026amp; Gallet ou Dior — tout en respectant votre peau et la planète.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cakk-section\"\u003e\n \u003ch2\u003eUne fragrance boisée, mixte et sophistiquée\u003c\/h2\u003e\n \u003cp class=\"cakk-section-intro\"\u003eLes amateurs de \u003cstrong\u003eparfum homme vétiver\u003c\/strong\u003e — pensez aux grands classiques comme le Guerlain Vétiver — retrouveront ici les notes racinaires et terreuses qu'ils apprécient, sublimées par une touche poivrée et par la chaleur enveloppante de l'encens. Une composition mixte qui séduit autant les femmes que les hommes.\u003c\/p\u003e\n \u003cdiv class=\"cakk-grid\"\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e✨ Notes de tête\u003c\/h3\u003e\n \u003cp\u003ePoivre vif et agrumes subtils pour une ouverture dynamique et raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e🌳 Notes de cœur\u003c\/h3\u003e\n \u003cp\u003eVétiver racinaire et bois précieux pour une signature sophistiquée et authentique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e🔥 Notes de fond\u003c\/h3\u003e\n \u003cp\u003eEncens et résines chaleureuses pour un sillage mystique et enveloppant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cakk-section\"\u003e\n \u003ch2\u003eComposition : 100 % d'origine naturelle, 76 % issus de l'agriculture biologique\u003c\/h2\u003e\n \u003cp class=\"cakk-section-intro\"\u003eUne formule concentrée en ingrédients nobles, pensée pour prendre soin de votre peau à chaque application.\u003c\/p\u003e\n \u003cdiv class=\"cakk-grid\"\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e🧴 Beurre de Kokum*\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGarcinia Indica Seed Butter\u003c\/em\u003e — nourrissant, protecteur et ultra-fondant sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e🕯️ Cire de Candelilla\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEuphorbia Cerifera Cera\u003c\/em\u003e — texture fondante, sans effet gras, pour une application précise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel COSMOS\u003c\/h3\u003e\n \u003cp\u003eVanille, jasmin, vétiver et encens — une signature olfactive certifiée d'origine naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-tip\"\u003e\n \u003cspan class=\"cakk-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e*Ingrédient issu de l'agriculture biologique.\u003c\/strong\u003e Fabriqué près de Marseille, en France. Vegan, biodégradable, conditionné dans un étui carton recyclable et compostable. Allergènes naturellement présents : Limonene, Linalool, Coumarin, Citral, Geraniol, Eugenol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cakk-section\"\u003e\n \u003ch2\u003eComment utiliser votre parfum solide ?\u003c\/h2\u003e\n \u003cdiv class=\"cakk-timeline\"\u003e\n \u003cdiv class=\"cakk-timeline-item\"\u003e\n \u003cdiv class=\"cakk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cakk-timeline-content\"\u003e\n \u003ch3\u003eFaites remonter le baume\u003c\/h3\u003e\n \u003cp\u003ePoussez doucement le fond du stick en carton pour faire apparaître le baume parfumé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-timeline-item\"\u003e\n \u003cdiv class=\"cakk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cakk-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur les points de pulsation\u003c\/h3\u003e\n \u003cp\u003eDéposez directement sur l'intérieur des poignets, le cou, le creux des coudes ou derrière les oreilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-timeline-item\"\u003e\n \u003cdiv class=\"cakk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cakk-timeline-content\"\u003e\n \u003ch3\u003eLaissez la chaleur révéler les notes\u003c\/h3\u003e\n \u003cp\u003eLa chaleur de votre peau libère progressivement la fragrance pour une tenue d'environ 5 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-timeline-item\"\u003e\n \u003cdiv class=\"cakk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cakk-timeline-content\"\u003e\n \u003ch3\u003eEmportez-le partout\u003c\/h3\u003e\n \u003cp\u003eFormat nomade, zéro fuite : il se glisse dans votre sac ou en bagage cabine sans restriction.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cakk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un parfum solide plutôt qu'un parfum classique ?\u003c\/h2\u003e\n \u003cdiv class=\"cakk-grid-compact\"\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eRespecte les peaux sensibles et réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eUn stick de 20 g dure environ 6 mois en usage quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e✈️ Nomade\u003c\/h3\u003e\n \u003cp\u003eFormat compact, zéro risque de casse ou de fuite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cakk-card\"\u003e\n \u003ch3\u003e🌍 Écoresponsable\u003c\/h3\u003e\n \u003cp\u003eEmballage zéro plastique, formule biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cakk-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cakk-testimonial\"\u003e\n \u003cp class=\"cakk-testimonial-text\"\u003eDéconseillé aux enfants de moins de 7 ans, aux femmes enceintes et allaitantes en raison de la présence d'huiles essentielles. Évitez le contour des yeux et les muqueuses. Conservez à l'abri de la chaleur et de l'humidité. \u003cstrong\u003eCe produit cosmétique ne remplace en aucun cas un traitement médical.\u003c\/strong\u003e En cas de doute ou de réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cakk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"cakk-accordion\"\u003e\n \u003cdetails class=\"cakk-accordion-item\"\u003e\n \u003csummary class=\"cakk-accordion-header\"\u003e💬 Quel est l'avis des utilisateurs sur ce parfum solide ?\u003c\/summary\u003e\n \u003cdiv class=\"cakk-accordion-content mt-3\"\u003e\n \u003cp\u003eLes retours soulignent une fragrance raffinée, une belle tenue et le plaisir d'un geste naturel et zéro déchet au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cakk-accordion-item\"\u003e\n \u003csummary class=\"cakk-accordion-header\"\u003e👨 Ce parfum convient-il aux hommes ?\u003c\/summary\u003e\n \u003cdiv class=\"cakk-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, c'est une fragrance mixte. Les notes de vétiver et d'encens en font un excellent \u003cstrong\u003eparfum vétiver homme\u003c\/strong\u003e, apprécié pour son caractère boisé et sophistiqué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cakk-accordion-item\"\u003e\n \u003csummary class=\"cakk-accordion-header\"\u003e✈️ Peut-on l'emporter en avion ?\u003c\/summary\u003e\n \u003cdiv class=\"cakk-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument, son format solide est autorisé en bagage cabine sans restriction de volume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cakk-accordion-item\"\u003e\n \u003csummary class=\"cakk-accordion-header\"\u003e⏱️ Combien de temps tient la fragrance sur la peau ?\u003c\/summary\u003e\n \u003cdiv class=\"cakk-accordion-content mt-3\"\u003e\n \u003cp\u003eEnviron 5 heures. Une retouche en milieu de journée permet de prolonger le sillage tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cakk-cream: #f6f3ee;\n --cakk-white: #ffffff;\n --cakk-primary: #9b93b8;\n --cakk-primary-dark: #4a4566;\n --cakk-primary-light: #e8e4ef;\n --cakk-secondary: #b8a98f;\n --cakk-accent: #7a6f94;\n --cakk-text: #2a2638;\n --cakk-text-light: #6a6577;\n --cakk-border: #e0dcd4;\n --cakk-shadow: 0 4px 24px rgba(74,69,102,.08);\n --cakk-shadow-lg: 0 12px 48px rgba(74,69,102,.15);\n --cakk-radius: 20px;\n --cakk-radius-sm: 12px;\n}\n\n.cakk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cakk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cakk-text);\n line-height: 1.6;\n}\n\n.cakk-hero {\n position: relative;\n background: linear-gradient(135deg, #4a4566 0%, #7a6f94 50%, #9b93b8 100%);\n border-radius: var(--cakk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cakk-shadow-lg);\n}\n\n.cakk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(184,169,143,.3) 0%, transparent 50%);\n opacity: .3;\n}\n\n.cakk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cakk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.cakk-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cakk-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cakk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cakk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cakk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cakk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cakk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cakk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cakk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.cakk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cakk-primary), var(--cakk-secondary));\n border-radius: 2px;\n}\n\n.cakk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cakk-text-light);\n margin: 0 auto 1.75rem;\n max-width: 780px;\n line-height: 1.75;\n}\n\n.cakk-card {\n background: var(--cakk-white);\n border-radius: var(--cakk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cakk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cakk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cakk-shadow-lg);\n border-color: var(--cakk-primary);\n}\n\n.cakk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cakk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cakk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cakk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cakk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cakk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cakk-grid-compact .cakk-card {\n padding: 1rem;\n}\n\n.cakk-grid-compact .cakk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cakk-grid-compact .cakk-card p {\n font-size: 12px;\n}\n\n.cakk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.cakk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cakk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cakk-primary), var(--cakk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(122,111,148,.3);\n}\n\n.cakk-timeline-content {\n flex: 1;\n background: var(--cakk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cakk-radius-sm);\n box-shadow: var(--cakk-shadow);\n}\n\n.cakk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cakk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cakk-timeline-content p {\n font-size: 14px;\n color: var(--cakk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cakk-testimonial {\n background: var(--cakk-white);\n border-radius: var(--cakk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cakk-shadow);\n border-left: 4px solid var(--cakk-primary);\n max-width: 860px;\n margin: 0 auto;\n}\n\n.cakk-testimonial-text {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cakk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cakk-accordion {\n background: var(--cakk-white);\n border-radius: var(--cakk-radius);\n box-shadow: var(--cakk-shadow);\n overflow: hidden;\n max-width: 860px;\n margin: 0 auto;\n}\n\n.cakk-accordion-item {\n border-bottom: 1px solid var(--cakk-border);\n margin: 0;\n padding: 0;\n}\n\n.cakk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cakk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cakk-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n gap: 1rem;\n}\n\n.cakk-accordion-header:hover {\n background: var(--cakk-primary-light);\n}\n\n.cakk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cakk-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cakk-primary);\n transition: transform .2s ease;\n flex-shrink: 0;\n}\n\n.cakk-accordion-item[open] .cakk-accordion-header::after {\n content: '−';\n}\n\n.cakk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cakk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cakk-accordion-content p {\n margin: 0;\n}\n\n.cakk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cakk-primary-light);\n border-radius: var(--cakk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.cakk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cakk-tip p {\n font-size: 14px;\n color: var(--cakk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .cakk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cakk-card {\n padding: 1.125rem;\n }\n .cakk-section {\n margin-bottom: 1.75rem;\n }\n .cakk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cakk-radius-sm);\n }\n .cakk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cakk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cakk-grid-compact {\n gap: .625rem;\n }\n .cakk-grid-compact .cakk-card {\n padding: .75rem;\n }\n .cakk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cakk-timeline-content {\n padding: .875rem 1rem;\n }\n .cakk-timeline-content h3 {\n font-size: 14px;\n }\n .cakk-timeline-content p {\n font-size: 13px;\n }\n .cakk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cakk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cakk-testimonial {\n padding: 1.25rem;\n }\n .cakk-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cakk-card {\n animation: cakk-fadeInUp .5s ease backwards;\n }\n .cakk-card:nth-child(1) { animation-delay: .05s; }\n .cakk-card:nth-child(2) { animation-delay: .1s; }\n .cakk-card:nth-child(3) { animation-delay: .15s; }\n .cakk-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes cakk-fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cakk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330411512185,"sku":"NBAICAV0093","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/parfum-solide-au-beurre-de-kokum-vetiver-poivre-encens-20-g--packshothd.webp?v=1776862249"},{"product_id":"parfum-solide-kokum-tonka-santal-20g-comme-avant","title":"Parfum Solide au Beurre de Kokum - Tonka \u0026 Bois de Santal - 20 g - Comme Avant","description":"\u003cdiv class=\"ca-premium\"\u003e\n \u003cdiv class=\"ca-hero\"\u003e\n \u003cdiv class=\"ca-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ca-hero-content\"\u003e\n \u003cdiv class=\"ca-badges-top\"\u003e\n \u003cspan class=\"ca-badge\"\u003e🌿 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"ca-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"ca-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003cspan class=\"ca-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ca-hero-title\"\u003eParfum Solide Tonka \u0026amp; Bois de Santal\u003c\/span\u003e\n \u003cp class=\"ca-subtitle\"\u003eAu beurre de Kokum bio • 20 g\u003c\/p\u003e\n \u003cp class=\"ca-description\"\u003eUne signature olfactive boisée, gourmande et sensuelle. Un baume parfumé qui sublime votre peau en douceur, entre soin nourrissant et fragrance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eParfum solide Tonka \u0026amp; Bois de Santal : une signature olfactive naturelle et raffinée\u003c\/h2\u003e\n \u003cp class=\"ca-section-intro\"\u003eEnvie d'un parfum solide qui sublime votre peau sans l'agresser ? Le parfum solide au beurre de kokum, tonka et bois de santal de Comme Avant vous propose une expérience olfactive à la fois chaleureuse, boisée et délicatement sucrée. Une vraie alternative aux parfums traditionnels, pensée pour les amoureux de naturalité, d'authenticité et de gestes beauté responsables.\u003c\/p\u003e\n \u003cp class=\"ca-section-intro\"\u003eÀ mi-chemin entre le soin et la fragrance, ce baume parfumé rivalise avec les grandes références du marché comme le parfum solide Diptyque, Roger Gallet, Dior ou encore Yves Rocher, tout en affichant une composition bio, vegan et fabriquée en France.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eUn sillage boisé et gourmand, pour femme et pour homme\u003c\/h2\u003e\n \u003cdiv class=\"ca-grid\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🌰 Fève tonka\u003c\/h3\u003e\n \u003cp\u003eUne rondeur sucrée, légèrement vanillée et ambrée qui enveloppe la peau d'une douceur addictive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🪵 Bois de santal\u003c\/h3\u003e\n \u003cp\u003eUn sillage chaud, enveloppant et sensuel qui signe la fragrance d'une touche boisée raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e⏱️ Tenue ~ 5 heures\u003c\/h3\u003e\n \u003cp\u003eUne fragrance mixte à reparfumer facilement dans la journée, en toute discrétion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eComposition : des ingrédients bio soigneusement choisis\u003c\/h2\u003e\n \u003cp class=\"ca-section-intro\"\u003eCertifié \u003cstrong\u003eCosmos Organic\u003c\/strong\u003e, ce parfum solide de 20 g contient \u003cstrong\u003e70 % d'ingrédients issus de l'agriculture biologique\u003c\/strong\u003e et \u003cstrong\u003e100 % d'ingrédients d'origine naturelle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"ca-grid\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🧈 Beurre de kokum bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eGarcinia Indica Seed Butter\u003c\/em\u003e — Nourrit la peau en profondeur sans effet gras, idéal pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🕯️ Cire de candelilla bio\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eEuphorbia Cerifera Cera\u003c\/em\u003e — Offre la texture solide caractéristique et crée un voile protecteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e🌸 Parfum naturel Cosmos\u003c\/h3\u003e\n \u003cp\u003eLimonene, Citronellol, Linalool, Coumarin, Geraniol, Benzyl Salicylate, Citral, Eugenol, Benzyl Alcohol (allergènes naturels des huiles essentielles).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-tip\"\u003e\n \u003cspan class=\"ca-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eSans alcool, sans conservateur, sans colorant ni perturbateur endocrinien : une formule minimaliste, pensée pour respecter votre peau et l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eComment utiliser votre parfum solide ?\u003c\/h2\u003e\n \u003cdiv class=\"ca-timeline\"\u003e\n \u003cdiv class=\"ca-timeline-item\"\u003e\n \u003cdiv class=\"ca-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-content\"\u003e\n \u003ch3\u003eFaites tourner la base du tube\u003c\/h3\u003e\n \u003cp\u003eTournez le fond du tube en carton pour faire sortir délicatement le baume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-item\"\u003e\n \u003cdiv class=\"ca-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-content\"\u003e\n \u003ch3\u003eRéchauffez le baume\u003c\/h3\u003e\n \u003cp\u003eRéchauffez-le quelques secondes avec vos doigts ou appliquez-le directement sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-item\"\u003e\n \u003cdiv class=\"ca-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-content\"\u003e\n \u003ch3\u003eDéposez sur les points de pulsation\u003c\/h3\u003e\n \u003cp\u003ePoignets, cou, creux des coudes, derrière les oreilles : là où la chaleur révèle le parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-item\"\u003e\n \u003cdiv class=\"ca-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ca-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez selon vos envies\u003c\/h3\u003e\n \u003cp\u003eFormat compact, il se glisse partout et passe sans souci en bagage cabine. Convient dès 7 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eQuels sont les bienfaits de ce parfum solide ?\u003c\/h2\u003e\n \u003cdiv class=\"ca-grid-compact\"\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e💧 Doux pour la peau\u003c\/h3\u003e\n \u003cp\u003eSans alcool, il ne dessèche pas l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable et compostable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e💰 Économique\u003c\/h3\u003e\n \u003cp\u003eQuelques gestes suffisent, le stick dure longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ca-card\"\u003e\n \u003ch3\u003e✈️ Pratique en voyage\u003c\/h3\u003e\n \u003cp\u003ePas de risque de fuite, parfait en bagage cabine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\"\u003e\n \u003ch2\u003eUn engagement made in France\u003c\/h2\u003e\n \u003cdiv class=\"ca-testimonial\"\u003e\n \u003cp class=\"ca-testimonial-text\"\u003e\"Fabriqué près de Marseille, ce parfum solide incarne la démarche slow cosmétique de Comme Avant : circuits courts, ingrédients traçables, production locale et packaging éco-conçu. Il est certifié vegan et non testé sur les animaux.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ca-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"ca-accordion\"\u003e\n \u003cdetails class=\"ca-accordion-item\"\u003e\n \u003csummary class=\"ca-accordion-header\"\u003e⚠️ Usage et conseils de sécurité\u003c\/summary\u003e\n \u003cdiv class=\"ca-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux. En cas de réaction cutanée, cessez l'utilisation. Ce produit cosmétique ne remplace en aucun cas un avis ou un traitement médical. Demandez conseil à un professionnel de santé en cas de grossesse, d'allaitement ou de peau réactive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ca-cream: #faf5ec;\n --ca-white: #ffffff;\n --ca-primary: #a0622d;\n --ca-primary-dark: #6b3e18;\n --ca-primary-light: #f2e4d2;\n --ca-secondary: #b8a76a;\n --ca-accent: #d9b382;\n --ca-text: #2a1d12;\n --ca-text-light: #6b5a4a;\n --ca-border: #e8dcc8;\n --ca-shadow: 0 4px 24px rgba(107, 62, 24, .08);\n --ca-shadow-lg: 0 12px 48px rgba(107, 62, 24, .18);\n --ca-radius: 20px;\n --ca-radius-sm: 12px;\n}\n\n.ca-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ca-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ca-text);\n line-height: 1.6;\n}\n\n.ca-hero {\n position: relative;\n background: linear-gradient(135deg, #a0622d 0%, #8a4e22 50%, #6b3e18 100%);\n border-radius: var(--ca-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ca-shadow-lg);\n}\n\n.ca-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(217,179,130,.15) 0%, transparent 40%);\n opacity: .8;\n}\n\n.ca-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ca-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6.5vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.1;\n}\n\n.ca-subtitle {\n color: var(--ca-accent);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 700;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.ca-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.ca-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.ca-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ca-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ca-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ca-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ca-premium h2 {\n font-size: clamp(22px, 4.5vw, 34px);\n font-weight: 900;\n color: var(--ca-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.ca-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ca-primary), var(--ca-secondary));\n border-radius: 2px;\n}\n\n.ca-section-intro {\n text-align: center;\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ca-text-light);\n margin: 0 auto 1.25rem;\n max-width: 720px;\n line-height: 1.7;\n}\n\n.ca-section-intro strong {\n color: var(--ca-primary-dark);\n}\n\n.ca-card {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ca-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ca-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ca-shadow-lg);\n border-color: var(--ca-primary);\n}\n\n.ca-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ca-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ca-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ca-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ca-card p em {\n color: var(--ca-primary);\n font-style: italic;\n font-size: .9em;\n}\n\n.ca-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ca-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ca-grid-compact .ca-card {\n padding: 1rem;\n}\n\n.ca-grid-compact .ca-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ca-grid-compact .ca-card p {\n font-size: 12px;\n}\n\n.ca-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 780px;\n margin: 0 auto;\n}\n\n.ca-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ca-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ca-primary), var(--ca-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(160, 98, 45, .3);\n}\n\n.ca-timeline-content {\n flex: 1;\n background: var(--ca-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ca-radius-sm);\n box-shadow: var(--ca-shadow);\n}\n\n.ca-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ca-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ca-timeline-content p {\n font-size: 14px;\n color: var(--ca-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.ca-testimonial {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ca-shadow);\n border-left: 4px solid var(--ca-primary);\n max-width: 820px;\n margin: 0 auto;\n}\n\n.ca-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ca-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.ca-accordion {\n background: var(--ca-white);\n border-radius: var(--ca-radius);\n box-shadow: var(--ca-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.ca-accordion-item {\n border-bottom: 1px solid var(--ca-border);\n margin: 0;\n padding: 0;\n}\n\n.ca-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ca-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ca-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n}\n\n.ca-accordion-header:hover {\n background: var(--ca-primary-light);\n}\n\n.ca-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ca-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ca-primary);\n transition: transform .2s ease;\n}\n\n.ca-accordion-item[open] .ca-accordion-header::after {\n content: '−';\n}\n\n.ca-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ca-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ca-accordion-content p {\n margin: 0;\n}\n\n.ca-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ca-primary-light);\n border-radius: var(--ca-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 820px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.ca-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ca-tip p {\n font-size: 14px;\n color: var(--ca-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .ca-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .ca-card {\n padding: 1.125rem;\n }\n .ca-section {\n margin-bottom: 1.75rem;\n }\n .ca-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ca-radius-sm);\n }\n .ca-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .ca-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .ca-grid-compact {\n gap: .625rem;\n }\n .ca-grid-compact .ca-card {\n padding: .75rem;\n }\n .ca-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .ca-timeline-content {\n padding: .875rem 1rem;\n }\n .ca-timeline-content h3 {\n font-size: 14px;\n }\n .ca-timeline-content p {\n font-size: 13px;\n }\n .ca-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .ca-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .ca-testimonial {\n padding: 1.25rem;\n }\n .ca-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .ca-card {\n animation: fadeInUp .5s ease backwards;\n }\n .ca-card:nth-child(1) { animation-delay: .05s; }\n .ca-card:nth-child(2) { animation-delay: .1s; }\n .ca-card:nth-child(3) { animation-delay: .15s; }\n .ca-card:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ca-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMME AVANT","offers":[{"title":"Default Title","offer_id":55330411643257,"sku":"NBAICAV0094","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/parfum-solide-au-beurre-de-kokum-tonka-bois-de-santal-20-g-c-packshothd.webp?v=1779375370"},{"product_id":"baume-soin-barbe-boise-antheya-75g","title":"Baume Soin Barbe Boisé Bio – Antheya","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume Soin Barbe Boisé Bio - Antheya\nPalette détectée:\n - Primaire: #4A7C59 (vert sauge profond du logo\/étiquette)\n - Secondaire: #F4E8C1 (jaune crème doré du baume)\n - Accent: #7FA893 (vert clair pour highlights)\n - Packaging: boîte aluminium argentée, étiquette verte avec motif dentelé\nAmbiance: Naturel\/Bio authentique, masculin raffiné, slow cosmétique, artisanal français, notes boisées\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🌿 100% bio \u0026amp; vegan\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🇫🇷 Artisanal français\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🌲 Parfum boisé\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eBaume soin barbe boisé bio\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eL'excellence naturelle pour une barbe impeccable\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eNourrissez, disciplinez et sublimez votre barbe avec ce baume 100% biologique à la texture fondante. Une formule végétale d'exception aux notes boisées de cèdre, lavandin et romarin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e✨ Les bénéfices d'un soin d'exception\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio pénètre en profondeur pour une barbe douce et brillante, sans effet gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✨ Discipline \u0026amp; structure\u003c\/h3\u003e\n \u003cp\u003eTexture légère et fondante qui sculpte votre barbe avec précision pour un résultat impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Apaise \u0026amp; protège\u003c\/h3\u003e\n \u003cp\u003eL'extrait de calendula calme les irritations et démangeaisons, idéal pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌲 Parfum boisé subtil\u003c\/h3\u003e\n \u003cp\u003eNotes naturelles de cèdre, lavandin et romarin pour une fragrance masculine raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌱 100% naturel \u0026amp; bio\u003c\/h3\u003e\n \u003cp\u003eFormule végétale certifiée bio, vegan et slow cosmétique. Zéro compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🛡️ Renforce la fibre\u003c\/h3\u003e\n \u003cp\u003eNourrit les poils de la racine aux pointes pour une barbe plus forte et plus dense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🧪 Une formule 100% végétale\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🥜 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément, apporte brillance et douceur. Riche en vitamines A et E.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Huile de colza bio\u003c\/h3\u003e\n \u003cp\u003eProtège et hydrate la peau sous la barbe. Pénètre rapidement sans film gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌽 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eOffre une texture souple et non grasse. Facilite l'application et le coiffage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌲 HE de cèdre\u003c\/h3\u003e\n \u003cp\u003eTonifie, purifie et apporte cette note boisée masculine caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e💜 HE de lavandin\u003c\/h3\u003e\n \u003cp\u003eApaise, régénère et équilibre. Propriétés antiseptiques naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌿 HE de romarin\u003c\/h3\u003e\n \u003cp\u003eStimule la pousse, tonifie et fortifie les poils de barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌼 Extrait de calendula\u003c\/h3\u003e\n \u003cp\u003eCalme les irritations et démangeaisons. Parfait pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-cert-box\"\u003e\n \u003cp\u003e🏅 \u003cstrong\u003e100% des ingrédients\u003c\/strong\u003e sont d'origine naturelle et issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Mode d'application\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003ePrélevez une noisette\u003c\/h3\u003e\n \u003cp\u003ePrenez une petite quantité de baume avec le bout des doigts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eFaites fondre\u003c\/h3\u003e\n \u003cp\u003eFrottez entre vos paumes pour réchauffer le baume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eAppliquez uniformément\u003c\/h3\u003e\n \u003cp\u003eMassez votre barbe propre et sèche, de la racine aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eCoiffez et sculptez\u003c\/h3\u003e\n \u003cp\u003ePeignez ou brossez pour discipliner et obtenir la forme souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-tip-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eAstuce de pro :\u003c\/strong\u003e Combinez ce baume avec l'huile à barbe bio Antheya. Appliquez l'huile en premier pour nourrir, puis le baume pour structurer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🎯 Ce baume est fait pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔 Barbe courte à longue\u003c\/h3\u003e\n \u003cp\u003eConvient à toutes les longueurs et tous les styles de barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Adepte du naturel\u003c\/h3\u003e\n \u003cp\u003eVous recherchez des cosmétiques bio et respectueux de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✂️ Barbe indisciplinée\u003c\/h3\u003e\n \u003cp\u003eVous voulez dompter les poils rebelles sans effet carton.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e😌 Peau sensible\u003c\/h3\u003e\n \u003cp\u003eVous souffrez d'irritations ou démangeaisons sous la barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📈 Les résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"bb-timeline\"\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-badge\"\u003eImmédiat\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eDouceur et discipline\u003c\/h3\u003e\n \u003cp\u003eBarbe instantanément plus douce, plus facile à coiffer avec un parfum boisé agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-badge\"\u003e1 semaine\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eHydratation visible\u003c\/h3\u003e\n \u003cp\u003eFini les démangeaisons ! Peau apaisée, poils nourris et plus brillants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-badge\"\u003e1 mois\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eBarbe transformée\u003c\/h3\u003e\n \u003cp\u003ePoils renforcés, plus épais, plus sains. Barbe visiblement plus dense et structurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES (grille compacte) --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📦 75g\u003c\/h3\u003e\n \u003cp\u003e2-3 mois d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e♻️ Aluminium\u003c\/h3\u003e\n \u003cp\u003ePackaging recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🏅 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eSlow Cosmétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🐰 Vegan\u003c\/h3\u003e\n \u003cp\u003eCruelty-free\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS SECONDAIRES (accordéon) --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eConservez à l'abri de la chaleur (maximum 25°C) et de l'humidité. En été, stockez au frais pour préserver la texture idéale du baume. Bien refermer après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire. Contient des huiles essentielles : déconseillé aux femmes enceintes et enfants de moins de 6 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🏭 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eFabriqué artisanalement en France par Antheya, dans le respect des normes de la cosmétique bio. Mention Nature \u0026amp; Progrès. Entreprise engagée dans une démarche éco-responsable.\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=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🌲 Offrez à votre barbe le soin qu'elle mérite avec ce baume bio d'exception. Une texture fondante, un parfum boisé subtil, des ingrédients 100% naturels et français : tout pour une barbe saine, douce et impeccablement disciplinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bb-cream: #faf8f5;\n --bb-white: #ffffff;\n --bb-primary: #4A7C59;\n --bb-primary-dark: #2D5940;\n --bb-primary-light: #e8f3ed;\n --bb-secondary: #F4E8C1;\n --bb-accent: #7FA893;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e0e0e0;\n --bb-shadow: 0 4px 24px rgba(74,124,89,.08);\n --bb-shadow-lg: 0 12px 48px rgba(74,124,89,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);\n background: var(--bb-cream);\n font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;\n line-height: 1.6;\n color: var(--bb-text);\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg,#4A7C59 0%,#3a6247 50%,#2D5940 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem,7vw,5rem) clamp(2rem,5vw,4rem);\n margin-bottom: clamp(2.5rem,5vw,4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0;left: 0;right: 0;bottom: 0;\n opacity: .08;\n background-image: repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.1) 20px,rgba(255,255,255,.1) 40px);\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px,7vw,52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bb-subtitle {\n color: var(--bb-secondary);\n font-size: clamp(16px,3vw,22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n}\n\n.bb-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px,2.5vw,17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem,4vw,3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px,5vw,36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem,3vw,2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg,var(--bb-primary),var(--bb-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit,minmax(260px,1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2,1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem,3vw,2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px,2.5vw,18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px,2vw,15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-card-ingredient {\n border-left: 4px solid var(--bb-primary);\n text-align: left;\n}\n\n.bb-card-ingredient:hover {\n transform: translateX(8px);\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n\/* === CERTIFICATION BOX === *\/\n.bb-cert-box {\n background: var(--bb-primary-light);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem;\n text-align: center;\n border: 2px solid var(--bb-primary);\n margin-top: 1.5rem;\n}\n\n.bb-cert-box p {\n font-size: 15px;\n color: var(--bb-primary-dark);\n margin: 0;\n font-weight: 600;\n}\n\n\/* === STEPS === *\/\n.bb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.bb-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--bb-white);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg,var(--bb-primary),var(--bb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(74,124,89,.3);\n}\n\n.bb-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.bb-step-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bb-tip-box {\n background: linear-gradient(135deg,#FFF9E6 0%,#FFF4D4 100%);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem;\n border-left: 4px solid #F4A300;\n}\n\n.bb-tip-box p {\n font-size: 14px;\n color: var(--bb-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.bb-tip-box strong {\n color: #D68800;\n}\n\n\/* === TIMELINE === *\/\n.bb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bb-timeline-item {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--bb-white);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--bb-shadow);\n border-left: 4px solid var(--bb-primary);\n transition: all .3s ease;\n}\n\n.bb-timeline-item:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-timeline-badge {\n flex-shrink: 0;\n background: var(--bb-primary);\n color: white;\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n min-width: 80px;\n text-align: center;\n}\n\n.bb-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.bb-timeline-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bb-cta-box {\n background: linear-gradient(135deg,#4A7C59 0%,#3a6247 50%,#2D5940 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem,4vw,3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box p {\n color: white;\n font-size: clamp(15px,2.5vw,19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-step {\n flex-direction: column;\n text-align: center;\n padding: 1rem;\n }\n \n .bb-step-number {\n margin: 0 auto;\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .bb-timeline-item {\n flex-direction: column;\n text-align: center;\n padding: 1rem;\n }\n \n .bb-timeline-badge {\n margin: 0 auto;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n .bb-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANTHEYA","offers":[{"title":"Default Title","offer_id":55363828449657,"sku":"NBAIANT0076","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-soin-barbe-boise-bio-antheya.jpg?v=1759499611"},{"product_id":"rasoir-surete-bambou-classique-argent-bambaw","title":"Rasoir de sécurité en bambou - 2 coloris au choix - Bambaw","description":"\u003cdiv class=\"bw-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bw-hero\"\u003e\n \u003cdiv class=\"bw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bw-hero-content\"\u003e\n \u003cdiv class=\"bw-badges-top\"\u003e\n \u003cspan class=\"bw-badge\"\u003e🎋 Manche en bambou naturel\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e♻️ Zéro plastique\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🌍 CO₂ neutre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bw-hero-title\"\u003eRasoir de sécurité en bambou Bambaw\u003c\/span\u003e\n \u003cp class=\"bw-subtitle\"\u003e2 coloris au choix : Argenté ou Noir\u003c\/p\u003e\n \u003cp class=\"bw-description\"\u003eL'alternative durable, élégante et économique aux rasoirs jetables. Un rasage de précision, zéro déchet, pour toutes et tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eRasoir de sécurité en bambou Bambaw : le rasage zéro déchet au quotidien\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eVous cherchez un \u003cstrong\u003erasoir écologique\u003c\/strong\u003e capable de remplacer définitivement les rasoirs jetables en plastique ? Le \u003cstrong\u003erasoir de sécurité en bambou Bambaw\u003c\/strong\u003e combine élégance naturelle, durabilité et un rasage d'une précision remarquable. Disponible en \u003cstrong\u003edeux coloris\u003c\/strong\u003e (argenté ou foncé), il s'adapte à vos goûts tout en réduisant considérablement votre empreinte environnementale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003ePourquoi choisir un rasoir de sécurité plutôt qu'un rasoir jetable ?\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eLes rasoirs en plastique à cartouches génèrent des tonnes de déchets chaque année et coûtent cher sur le long terme. Le rasoir de sécurité Bambaw renverse cette logique :\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💰 Économies durables\u003c\/h3\u003e\n \u003cp\u003eUne lame de rasoir de sécurité à double tranchant coûte quelques centimes, contre plusieurs euros pour une cartouche classique. Votre portefeuille vous remercie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌿 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eLe manche est en bambou naturel, la tête en laiton chromé. Aucun composant plastique, aucun déchet non recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧴 Moins d'irritations cutanées\u003c\/h3\u003e\n \u003cp\u003eUne seule lame bien affûtée rase de plus près qu'un multilames, avec moins de passages sur la peau. Résultat : moins de feu du rasoir et de poils incarnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e✨ Un rasage plus net\u003c\/h3\u003e\n \u003cp\u003eLe poids de la tête en laiton permet à la lame de glisser naturellement, sans appuyer. La peau est respectée, le résultat impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eUn rasoir écologique pensé pour toutes et tous\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eCe rasoir de sécurité est véritablement \u003cstrong\u003eunisexe\u003c\/strong\u003e. Que vous cherchiez un rasoir de sécurité homme pour la barbe ou un rasoir écologique femme pour les jambes, les aisselles ou le maillot, il convient parfaitement. Son manche long en bambou offre une prise en main stable et antidérapante, même sous la douche.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧔 Barbe \u0026amp; visage\u003c\/h3\u003e\n \u003cp\u003eRasage précis et confortable pour les hommes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🦵 Jambes\u003c\/h3\u003e\n \u003cp\u003ePeau douce et lisse sans irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💪 Aisselles\u003c\/h3\u003e\n \u003cp\u003eManiabilité optimale dans les zones sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🦋 Système papillon\u003c\/h3\u003e\n \u003cp\u003eChangement de lame ultra-simple en un quart de tour\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e📖\u003c\/span\u003e\n \u003cp\u003eVous débutez ? Un \u003cstrong\u003eguide numérique complet\u003c\/strong\u003e vous accompagne avec des conseils d'assemblage, d'entretien et des recettes de savon à raser maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eLe rituel de rasage qui change tout\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eUtiliser un rasoir bambou traditionnel, c'est transformer une corvée quotidienne en véritable \u003cstrong\u003emoment pour soi\u003c\/strong\u003e. Le geste devient plus lent, plus attentif. Vous prenez le temps de préparer votre peau, de choisir le bon angle, de sentir la lame glisser sans effort. Beaucoup d'utilisateurs témoignent qu'une fois adopté, il est impossible de revenir en arrière.\u003c\/p\u003e\n \u003cdiv class=\"bw-timeline\"\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eHumidifiez la zone à raser à l'eau chaude et appliquez un savon ou une mousse à raser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eAdoptez le bon angle\u003c\/h3\u003e\n \u003cp\u003eMaintenez un angle d'environ \u003cstrong\u003e30°\u003c\/strong\u003e entre la lame et la peau. Laissez le poids du rasoir travailler pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eRasez dans le sens du poil\u003c\/h3\u003e\n \u003cp\u003eLors des premières utilisations, rasez toujours dans le sens de la pousse pour éviter les irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eRincez et admirez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau froide pour resserrer les pores. Profitez d'une peau douce et nette, naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eCaractéristiques et contenu du coffret\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🎋 Manche\u003c\/h3\u003e\n \u003cp\u003eBambou naturel, long et ergonomique pour une prise en main stable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e⚙️ Tête\u003c\/h3\u003e\n \u003cp\u003eLaiton chromé avec système papillon pour un changement de lame facile et rapide\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🎨 Coloris disponibles\u003c\/h3\u003e\n \u003cp\u003eArgenté ou foncé — choisissez le style qui vous ressemble\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🔄 Compatibilité universelle\u003c\/h3\u003e\n \u003cp\u003eToutes les lames de rasoir de sécurité standard à double tranchant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e📦 Emballage responsable\u003c\/h3\u003e\n \u003cp\u003eCarton recyclé, sans plastique, neutre en CO₂\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🎁 Contenu du coffret\u003c\/h3\u003e\n \u003cp\u003e1 rasoir en bambou + 1 lame double tranchant en acier inoxydable + 1 guide numérique complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eEntretien pour une durée de vie maximale\u003c\/h2\u003e\n \u003cdiv class=\"bw-accordion\"\u003e\n \u003cdetails class=\"bw-accordion-item\" open\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e🚿 Après chaque utilisation\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eRincez votre rasoir à l'eau claire et laissez-le sécher à l'air libre. Évitez de le laisser en permanence dans un environnement humide pour préserver le bambou et le métal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e🔄 Changement de lame\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eChangez la lame dès qu'elle tire sur le poil — en général toutes les \u003cstrong\u003e5 à 7 utilisations\u003c\/strong\u003e selon la zone rasée et la densité de votre pilosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e♻️ Recyclage des lames\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eLes lames usagées en acier inoxydable sont \u003cstrong\u003e100% recyclables\u003c\/strong\u003e. Conservez-les dans un récipient métallique et déposez-les en point de collecte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e♾️\u003c\/span\u003e\n \u003cp\u003eAvec un entretien minimal, ce \u003cstrong\u003erasoir écologique\u003c\/strong\u003e vous accompagnera pendant de nombreuses années. Un investissement durable, bon pour votre peau comme pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bw-cta-box\"\u003e\n \u003cp\u003e🎋 Passez au rasage zéro déchet dès aujourd'hui.\u003cbr\u003eUn geste simple pour votre peau, votre portefeuille et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bw-disclaimer\"\u003eProduit végan et cruelty-free. Emballage neutre en CO₂. Lame incluse, compatible avec toutes les lames standard double tranchant.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bw-cream: #faf6f0;\n --bw-white: #ffffff;\n --bw-primary: #8B6914;\n --bw-primary-dark: #5C4410;\n --bw-primary-light: #f5edd8;\n --bw-secondary: #4a7c59;\n --bw-accent: #c49a2a;\n --bw-text: #1a1a1a;\n --bw-text-light: #5a5a5a;\n --bw-border: #e0d8c8;\n --bw-shadow: 0 4px 24px rgba(92,68,16,.08);\n --bw-shadow-lg: 0 12px 48px rgba(92,68,16,.15);\n --bw-radius: 20px;\n --bw-radius-sm: 12px;\n}\n\n.bw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bw-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4410 0%, #8B6914 40%, #4a7c59 100%);\n border-radius: var(--bw-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bw-shadow-lg);\n}\n\n.bw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 30px,\n rgba(255,255,255,.03) 30px,\n rgba(255,255,255,.03) 32px\n );\n opacity: 1;\n}\n\n.bw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bw-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bw-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bw-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n letter-spacing: .01em;\n}\n\n.bw-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.bw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bw-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bw-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bw-primary), var(--bw-secondary));\n border-radius: 2px;\n}\n\n.bw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.bw-card {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bw-shadow-lg);\n border-color: var(--bw-primary);\n}\n\n.bw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bw-grid-compact .bw-card {\n padding: 1rem;\n}\n\n.bw-grid-compact .bw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bw-grid-compact .bw-card p {\n font-size: 12px;\n}\n\n.bw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bw-timeline-content {\n flex: 1;\n background: var(--bw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bw-radius-sm);\n box-shadow: var(--bw-shadow);\n}\n\n.bw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bw-timeline-content p {\n font-size: 14px;\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bw-accordion {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n box-shadow: var(--bw-shadow);\n overflow: hidden;\n}\n\n.bw-accordion-item {\n border-bottom: 1px solid var(--bw-border);\n margin: 0;\n padding: 0;\n}\n\n.bw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bw-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bw-accordion-header:hover {\n background: var(--bw-primary-light);\n}\n\n.bw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bw-primary);\n transition: transform .2s ease;\n}\n\n.bw-accordion-item[open] .bw-accordion-header::after {\n content: '−';\n}\n\n.bw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bw-accordion-content p {\n margin: 0;\n}\n\n.bw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bw-primary-light);\n border-radius: var(--bw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bw-tip p {\n font-size: 14px;\n color: var(--bw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bw-cta-box {\n background: linear-gradient(135deg, var(--bw-primary) 0%, var(--bw-primary-dark) 50%, var(--bw-secondary) 100%);\n border-radius: var(--bw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.bw-disclaimer {\n font-size: 12px;\n color: var(--bw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .bw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bw-card {\n padding: 1.125rem;\n }\n\n .bw-section {\n margin-bottom: 1.75rem;\n }\n\n .bw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bw-radius-sm);\n }\n\n .bw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bw-grid-compact {\n gap: .625rem;\n }\n\n .bw-grid-compact .bw-card {\n padding: .75rem;\n }\n\n .bw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bw-timeline-content h3 {\n font-size: 14px;\n }\n\n .bw-timeline-content p {\n font-size: 13px;\n }\n\n .bw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bw-card {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-card:nth-child(1) { animation-delay: .05s; }\n .bw-card:nth-child(2) { animation-delay: .1s; }\n .bw-card:nth-child(3) { animation-delay: .15s; }\n .bw-card:nth-child(4) { animation-delay: .2s; }\n .bw-card:nth-child(5) { animation-delay: .25s; }\n .bw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bwFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":55363831103865,"sku":"NBAIBAW0036","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rasoir-de-securite-en-bambou-2-coloris-au-choix-bambaw-lifestyle_2a388ac0-42a5-47ea-b75d-dcbf8dd30a21.webp?v=1772532046"},{"product_id":"rasoir-surete-bambou-noir-bambaw","title":"Rasoir de sécurité en bambou - Affiné Noir - Bambaw","description":"\u003cdiv class=\"bw-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bw-hero\"\u003e\n \u003cdiv class=\"bw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bw-hero-content\"\u003e\n \u003cdiv class=\"bw-badges-top\"\u003e\n \u003cspan class=\"bw-badge\"\u003e🎋 Manche en bambou naturel\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🇧🇪 Marque belge\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bw-hero-title\"\u003eRasoir de sécurité en bambou Affiné Noir\u003c\/span\u003e\n \u003cp class=\"bw-subtitle\"\u003eBambaw – Le rasage précis, durable et élégant\u003c\/p\u003e\n \u003cp class=\"bw-description\"\u003eUn rasoir de sûreté papillon au design intemporel, alliant bambou naturel et métal noir mat. Fini le plastique jetable : adoptez le rasage zéro déchet sans compromis sur la performance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eRasoir de sécurité en bambou Bambaw – L'élégance du rasage zéro déchet\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eVous cherchez un rasoir de sécurité alliant performance, esthétique et engagement écologique ? Le rasoir de sûreté en bambou finition Affiné Noir de Bambaw est pensé pour vous offrir un rasage précis, doux et durable.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🎋 Bambou naturel\u003c\/h3\u003e\n \u003cp\u003eManche gravé en bambou, matériau renouvelable et robuste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🦋 Tête papillon\u003c\/h3\u003e\n \u003cp\u003eMécanisme en alliage de zinc, finition noir mat élégante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌍 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eAlternative responsable aux milliards de rasoirs jetables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e✨ Rasage de précision\u003c\/h3\u003e\n \u003cp\u003eLame unique double tranchant pour une coupe nette et douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003ePourquoi choisir un rasoir de sécurité en bambou ?\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eChaque année, des milliards de rasoirs jetables finissent à la poubelle. Le rasoir de sécurité papillon Bambaw rompt avec cette logique du tout-jetable. Seule la lame se remplace — et elle est entièrement recyclable.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌱 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eLe manche en bambou, matériau à croissance rapide et renouvelable, confère robustesse naturelle et prise en main chaleureuse, bien différente du plastique froid des rasoirs classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🔬 Coupe nette, peau respectée\u003c\/h3\u003e\n \u003cp\u003eContrairement aux rasoirs multi-lames qui tirent le poil avant de le couper (provoquant irritations et poils incarnés), la lame unique tranche le poil net, en un seul passage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💆 Résultat durable\u003c\/h3\u003e\n \u003cp\u003eUne peau plus douce, moins agressée, et un rasage qui dure plus longtemps. Fini les rougeurs et les irritations post-rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eUn rasoir de sécurité pour homme et femme\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eCe rasoir n'est pas réservé à un genre. Que vous soyez adepte du rasage du visage ou habituée au rasage des jambes, des aisselles ou du maillot, le manche long en bambou offre un contrôle optimal sur toutes les zones du corps.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧔 Visage\u003c\/h3\u003e\n \u003cp\u003eRasage précis des contours, du cou et des joues\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🦵 Jambes\u003c\/h3\u003e\n \u003cp\u003eGlisse douce sur de grandes surfaces sans irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💪 Aisselles\u003c\/h3\u003e\n \u003cp\u003eManiabilité parfaite pour les zones sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e⚖️ Poids équilibré\u003c\/h3\u003e\n \u003cp\u003eInutile d'appuyer : laissez le rasoir faire le travail\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eLaissez simplement le rasoir glisser sur la peau, dans le sens du poil, et constatez la différence par rapport à un rasoir classique ou même une shavette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eCaractéristiques et matériaux\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🎋 Manche\u003c\/h3\u003e\n \u003cp\u003eBambou naturel avec gravure Bambaw, prise en main chaleureuse et antidérapante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e⚙️ Tête papillon\u003c\/h3\u003e\n \u003cp\u003eMécanisme en alliage de zinc, finition noir mat, ouverture facile pour changer la lame\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🔪 Lame compatible\u003c\/h3\u003e\n \u003cp\u003eLame double tranchant standard, compatible avec la plupart des lames du marché (Wilkinson, Astra, Derby…)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e📏 Dimensions\u003c\/h3\u003e\n \u003cp\u003eLongueur totale d'environ 10,5 cm, format compact et maniable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n \u003cp\u003eCarton recyclé, sans plastique, certifié CO2 neutre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🇧🇪 Origine\u003c\/h3\u003e\n \u003cp\u003eFabrication en Chine – marque belge basée à Bruxelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e🔄\u003c\/span\u003e\n \u003cp\u003eVous vous demandez quelle lame utiliser ? Ce rasoir accepte toutes les lames de rasoir de sécurité au format standard double tranchant. Choisissez vos lames préférées selon votre sensibilité de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eComment utiliser votre rasoir de sûreté Bambaw ?\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eSi vous débutez avec un rasoir de sécurité, voici quelques conseils pratiques pour un rasage parfait dès la première utilisation :\u003c\/p\u003e\n \u003cdiv class=\"bw-timeline\"\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eInsérez la lame\u003c\/h3\u003e\n \u003cp\u003eOuvrez la tête papillon en tournant le bas du manche, puis placez la lame double tranchant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau à l'eau chaude et appliquez un savon ou une crème de rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eRasez à 30°\u003c\/h3\u003e\n \u003cp\u003eRasez dans le sens du poil, en tenant le rasoir à un angle d'environ 30°. N'appuyez pas : le poids du rasoir suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eRincez entre les passages\u003c\/h3\u003e\n \u003cp\u003eRincez la lame sous l'eau entre chaque passage pour maintenir une coupe optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eEntretien pour une durée de vie maximale\u003c\/h2\u003e\n \u003cdiv class=\"bw-accordion\"\u003e\n \u003cdetails class=\"bw-accordion-item\" open\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e🚿 Rinçage après chaque rasage\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès chaque rasage, ouvrez la tête papillon pour rincer et sécher chaque pièce séparément. Un séchage soigneux prolonge considérablement la durée de vie du bambou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e📍 Rangement\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eRangez le rasoir dans un endroit sec. Le bambou est naturellement résistant à l'humidité, mais il appréciera un environnement bien ventilé entre deux utilisations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bw-accordion-item\"\u003e\n \u003csummary class=\"bw-accordion-header\"\u003e🔄 Remplacement des lames\u003c\/summary\u003e\n \u003cdiv class=\"bw-accordion-content mt-3\"\u003e\n \u003cp\u003eChangez la lame tous les 5 à 7 rasages selon l'épaisseur de votre poil. Les lames usagées sont entièrement recyclables en déchetterie ou via un collecteur dédié.\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=\"bw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bw-cta-box\"\u003e\n \u003cp\u003e🎋 Avec le rasoir de sécurité en bambou Bambaw, vous faites un geste concret pour réduire vos déchets tout en retrouvant le plaisir d'un rasage traditionnel, précis et respectueux de votre peau. Un investissement durable qui vous accompagnera pendant de longues années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bw-disclaimer\"\u003eLivré sans lame. Lames double tranchant standard vendues séparément. Compatible avec toutes les lames du marché.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bw-cream: #f7f4ef;\n --bw-white: #ffffff;\n --bw-primary: #2d5016;\n --bw-primary-dark: #1a3409;\n --bw-primary-light: #e8f0e2;\n --bw-secondary: #8b6914;\n --bw-accent: #c4973b;\n --bw-text: #1a1a1a;\n --bw-text-light: #5a5a5a;\n --bw-border: #e0dbd2;\n --bw-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bw-radius: 20px;\n --bw-radius-sm: 12px;\n}\n\n.bw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bw-hero {\n position: relative;\n background: linear-gradient(135deg, #1a3409 0%, #2d5016 40%, #3a6b1e 70%, #8b6914 100%);\n border-radius: var(--bw-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bw-shadow-lg);\n}\n\n.bw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: repeating-linear-gradient(\n 90deg,\n rgba(255,255,255,.03) 0px,\n rgba(255,255,255,.03) 2px,\n transparent 2px,\n transparent 8px\n );\n opacity: 1;\n}\n\n.bw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bw-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bw-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.bw-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bw-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bw-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bw-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bw-primary), var(--bw-accent));\n border-radius: 2px;\n}\n\n.bw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bw-card {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bw-shadow-lg);\n border-color: var(--bw-primary);\n}\n\n.bw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bw-grid-compact .bw-card {\n padding: 1rem;\n}\n\n.bw-grid-compact .bw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bw-grid-compact .bw-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bw-timeline-content {\n flex: 1;\n background: var(--bw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bw-radius-sm);\n box-shadow: var(--bw-shadow);\n}\n\n.bw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bw-timeline-content p {\n font-size: 14px;\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.bw-testimonial {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bw-shadow);\n border-left: 4px solid var(--bw-primary);\n}\n\n.bw-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bw-accordion {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n box-shadow: var(--bw-shadow);\n overflow: hidden;\n}\n\n.bw-accordion-item {\n border-bottom: 1px solid var(--bw-border);\n margin: 0;\n padding: 0;\n}\n\n.bw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bw-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bw-accordion-header:hover {\n background: var(--bw-primary-light);\n}\n\n.bw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bw-primary);\n transition: transform .2s ease;\n}\n\n.bw-accordion-item[open] .bw-accordion-header::after {\n content: '−';\n}\n\n.bw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bw-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bw-primary-light);\n border-radius: var(--bw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bw-tip p {\n font-size: 14px;\n color: var(--bw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.bw-cta-box {\n background: linear-gradient(135deg, var(--bw-primary) 0%, var(--bw-primary-dark) 100%);\n border-radius: var(--bw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bw-disclaimer {\n font-size: 12px;\n color: var(--bw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bw-card {\n padding: 1.125rem;\n }\n\n .bw-section {\n margin-bottom: 1.75rem;\n }\n\n .bw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bw-radius-sm);\n }\n\n .bw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bw-grid-compact {\n gap: .625rem;\n }\n\n .bw-grid-compact .bw-card {\n padding: .75rem;\n }\n\n .bw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bw-timeline-content h3 {\n font-size: 14px;\n }\n\n .bw-timeline-content p {\n font-size: 13px;\n }\n\n .bw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bw-testimonial {\n padding: 1.25rem;\n }\n\n .bw-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bw-card {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-card:nth-child(1) { animation-delay: .05s; }\n .bw-card:nth-child(2) { animation-delay: .1s; }\n .bw-card:nth-child(3) { animation-delay: .15s; }\n .bw-card:nth-child(4) { animation-delay: .2s; }\n .bw-card:nth-child(5) { animation-delay: .25s; }\n .bw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bwFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":55363832086905,"sku":"NBAIBAW0038","price":22.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rasoir-de-securite-bambou-affine-noir-bambaw-pack.webp?v=1755872778"},{"product_id":"rasoir-surete-metal-noir-bambaw","title":"Rasoir de sûreté en métal - Noir - Bambaw","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Rasoir de sûreté Bambaw\nPalette détectée:\n - Primaire: #2D7D6E (Vert émeraude du packaging et éléments graphiques)\n - Secondaire: #1A4D42 (Vert foncé pour profondeur)\n - Accent: #E8B88A (Beige\/kraft du packaging pour chaleur)\n - Neutre: #2A2A2A (Noir du rasoir pour élégance)\nAmbiance: Éco-responsable premium, élégant, masculin\/unisexe, minimaliste technique\nStyle: Naturel sophistiqué avec touches industrielles, design épuré\nPréfixe CSS: rzbw\n--\u003e\n\n\u003cdiv class=\"rzbw-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"rzbw-hero\"\u003e\n \u003cdiv class=\"rzbw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rzbw-hero-content\"\u003e\n \u003cdiv class=\"rzbw-badges-top\"\u003e\n \u003cspan class=\"rzbw-badge\"\u003e🌱 Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"rzbw-badge\"\u003e♻️ 100% recyclable\u003c\/span\u003e\n \u003cspan class=\"rzbw-badge\"\u003e💰 Économique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rzbw-hero-title\"\u003eRasoir de sûreté Bambaw\u003c\/span\u003e\n \u003cp class=\"rzbw-subtitle\"\u003eL'élégance du rasage traditionnel au service de la planète\u003c\/p\u003e\n \u003cp class=\"rzbw-description\"\u003eUn rasoir en métal noir premium qui allie précision chirurgicale, durabilité exceptionnelle et engagement écologique. Redécouvrez le plaisir d'un rasage respectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003ch2\u003ePourquoi choisir le rasoir Bambaw ?\u003c\/h2\u003e\n \u003cdiv class=\"rzbw-grid\"\u003e\n \u003cdiv class=\"rzbw-card\"\u003e\n \u003cdiv class=\"rzbw-card-icon\"\u003e🎯\u003c\/div\u003e\n \u003cdiv class=\"rzbw-card-title\"\u003eRasage ultra-précis\u003c\/div\u003e\n \u003cp\u003eUne lame unique en acier suédois qui coupe au plus près de la peau sans l'agresser. Fini les irritations et les passages répétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-card\"\u003e\n \u003cdiv class=\"rzbw-card-icon\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"rzbw-card-title\"\u003eEngagement écologique\u003c\/div\u003e\n \u003cp\u003eRéduisez drastiquement vos déchets plastiques. Un rasoir pour la vie, seules les lames se remplacent. Impact environnemental minimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-card\"\u003e\n \u003cdiv class=\"rzbw-card-icon\"\u003e💎\u003c\/div\u003e\n \u003cdiv class=\"rzbw-card-title\"\u003eQualité premium\u003c\/div\u003e\n \u003cp\u003eLaiton massif résistant à la corrosion, finition noire élégante. Un objet qui traverse le temps avec caractère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-card\"\u003e\n \u003cdiv class=\"rzbw-card-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"rzbw-card-title\"\u003ePeau apaisée\u003c\/div\u003e\n \u003cp\u003eMoins d'irritations, moins de poils incarnés. La lame unique respecte la structure de votre peau pour un résultat impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-card\"\u003e\n \u003cdiv class=\"rzbw-card-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cdiv class=\"rzbw-card-title\"\u003eParfaitement équilibré\u003c\/div\u003e\n \u003cp\u003ePoids et balance étudiés pour un contrôle optimal. Le rasoir glisse naturellement, réduisant la pression et les risques de coupures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-card\"\u003e\n \u003cdiv class=\"rzbw-card-icon\"\u003e💸\u003c\/div\u003e\n \u003cdiv class=\"rzbw-card-title\"\u003eÉconomies durables\u003c\/div\u003e\n \u003cp\u003eInvestissement rentabilisé rapidement. Les lames de rechange coûtent une fraction du prix des cartouches jetables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION TECHNIQUE --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003ch2\u003eUne conception d'exception\u003c\/h2\u003e\n \u003cdiv class=\"rzbw-grid rzbw-grid-3\"\u003e\n \u003cdiv class=\"rzbw-feature-card\"\u003e\n \u003cdiv class=\"rzbw-feature-icon\"\u003e🔩\u003c\/div\u003e\n \u003cdiv class=\"rzbw-feature-label\"\u003eCorps du rasoir\u003c\/div\u003e\n \u003cdiv class=\"rzbw-feature-value\"\u003eLaiton massif\u003c\/div\u003e\n \u003cp\u003eMatériau noble résistant à la rouille et à la corrosion. Élégant, robuste et durable pour des années de rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-feature-card\"\u003e\n \u003cdiv class=\"rzbw-feature-icon\"\u003e⚔️\u003c\/div\u003e\n \u003cdiv class=\"rzbw-feature-label\"\u003eLame\u003c\/div\u003e\n \u003cdiv class=\"rzbw-feature-value\"\u003eAcier suédois premium\u003c\/div\u003e\n \u003cp\u003eRevêtement platine pour une coupe nette et durable. Exposition optimale de la lame pour un rasage uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-feature-card\"\u003e\n \u003cdiv class=\"rzbw-feature-icon\"\u003e🎨\u003c\/div\u003e\n \u003cdiv class=\"rzbw-feature-label\"\u003eFinition\u003c\/div\u003e\n \u003cdiv class=\"rzbw-feature-value\"\u003eNoir mat texturé\u003c\/div\u003e\n \u003cp\u003eManche ergonomique avec grip antidérapant. Design intemporel alliant esthétique et fonctionnalité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- AVANTAGES VS RASOIRS CLASSIQUES --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003ch2\u003eLa différence Bambaw\u003c\/h2\u003e\n \u003cdiv class=\"rzbw-comparison\"\u003e\n \u003cdiv class=\"rzbw-comparison-item rzbw-winner\"\u003e\n \u003cdiv class=\"rzbw-comparison-icon\"\u003e✅\u003c\/div\u003e\n \u003cdiv class=\"rzbw-comparison-title\"\u003eRasoir de sûreté Bambaw\u003c\/div\u003e\n \u003cul class=\"rzbw-comparison-list\"\u003e\n \u003cli\u003eUne lame = coupe nette et précise\u003c\/li\u003e\n \u003cli\u003eAucune irritation ni poil incarné\u003c\/li\u003e\n \u003cli\u003eLames recyclables (100% métal)\u003c\/li\u003e\n \u003cli\u003eÉconomie de 90% sur 5 ans\u003c\/li\u003e\n \u003cli\u003eDurée de vie illimitée\u003c\/li\u003e\n \u003cli\u003eDesign élégant et intemporel\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-comparison-item\"\u003e\n \u003cdiv class=\"rzbw-comparison-icon rzbw-cross\"\u003e❌\u003c\/div\u003e\n \u003cdiv class=\"rzbw-comparison-title\"\u003eRasoirs multi-lames jetables\u003c\/div\u003e\n \u003cul class=\"rzbw-comparison-list\"\u003e\n \u003cli\u003e3-5 lames = irritations fréquentes\u003c\/li\u003e\n \u003cli\u003ePoils incarnés récurrents\u003c\/li\u003e\n \u003cli\u003ePlastique non recyclable (pollution)\u003c\/li\u003e\n \u003cli\u003eCoût élevé des recharges\u003c\/li\u003e\n \u003cli\u003eDurée de vie limitée\u003c\/li\u003e\n \u003cli\u003eDesign standardisé\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003ch2\u003eComment l'utiliser ?\u003c\/h2\u003e\n \u003cdiv class=\"rzbw-steps\"\u003e\n \u003cdiv class=\"rzbw-step\"\u003e\n \u003cdiv class=\"rzbw-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rzbw-step-content\"\u003e\n \u003cdiv class=\"rzbw-step-title\"\u003ePréparez votre peau\u003c\/div\u003e\n \u003cp\u003eNettoyez votre visage à l'eau chaude pour ouvrir les pores. Appliquez généreusement un savon ou une mousse à raser de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-step\"\u003e\n \u003cdiv class=\"rzbw-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rzbw-step-content\"\u003e\n \u003cdiv class=\"rzbw-step-title\"\u003eAdoptez le bon angle\u003c\/div\u003e\n \u003cp\u003eMaintenez le rasoir à 30° de la peau. Laissez le poids du rasoir faire le travail, aucune pression n'est nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-step\"\u003e\n \u003cdiv class=\"rzbw-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rzbw-step-content\"\u003e\n \u003cdiv class=\"rzbw-step-title\"\u003eRasez en douceur\u003c\/div\u003e\n \u003cp\u003eEffectuez des passages courts et réguliers dans le sens du poil. Rincez fréquemment la lame sous l'eau chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-step\"\u003e\n \u003cdiv class=\"rzbw-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rzbw-step-content\"\u003e\n \u003cdiv class=\"rzbw-step-title\"\u003eHydratez\u003c\/div\u003e\n \u003cp\u003eRincez à l'eau froide pour refermer les pores. Appliquez un baume après-rasage apaisant pour nourrir votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse ce rasoir ?\u003c\/h2\u003e\n \u003cdiv class=\"rzbw-grid rzbw-grid-3\"\u003e\n \u003cdiv class=\"rzbw-profile-card\"\u003e\n \u003cdiv class=\"rzbw-profile-icon\"\u003e🌱\u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-title\"\u003eAux éco-responsables\u003c\/div\u003e\n \u003cp\u003eVous souhaitez réduire vos déchets plastiques et adopter une routine zéro déchet sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-card\"\u003e\n \u003cdiv class=\"rzbw-profile-icon\"\u003e💆\u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-title\"\u003eAux peaux sensibles\u003c\/div\u003e\n \u003cp\u003eVous en avez assez des irritations, rougeurs et poils incarnés causés par les rasoirs multi-lames agressifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-card\"\u003e\n \u003cdiv class=\"rzbw-profile-icon\"\u003e👔\u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-title\"\u003eAux amateurs de qualité\u003c\/div\u003e\n \u003cp\u003eVous recherchez un objet élégant, durable et performant qui fait honneur au rituel du rasage traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-card\"\u003e\n \u003cdiv class=\"rzbw-profile-icon\"\u003e💰\u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-title\"\u003eAux économes\u003c\/div\u003e\n \u003cp\u003eVous voulez investir intelligemment dans un produit qui vous fera économiser des centaines d'euros à long terme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-card\"\u003e\n \u003cdiv class=\"rzbw-profile-icon\"\u003e👨👩\u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-title\"\u003eÀ tous\u003c\/div\u003e\n \u003cp\u003eHomme ou femme, ce rasoir universel convient à toutes les zones du corps : visage, jambes, aisselles, maillot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-card\"\u003e\n \u003cdiv class=\"rzbw-profile-icon\"\u003e🎁\u003c\/div\u003e\n \u003cdiv class=\"rzbw-profile-title\"\u003ePour offrir\u003c\/div\u003e\n \u003cp\u003eLe cadeau parfait pour initier vos proches au rasage écologique et leur offrir une expérience premium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- IMPACT ENVIRONNEMENTAL --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003cdiv class=\"rzbw-impact-box\"\u003e\n \u003cdiv class=\"rzbw-impact-icon\"\u003e🌍\u003c\/div\u003e\n \u003cdiv class=\"rzbw-impact-content\"\u003e\n \u003cdiv class=\"rzbw-impact-title\"\u003eVotre impact positif\u003c\/div\u003e\n \u003cdiv class=\"rzbw-impact-stats\"\u003e\n \u003cdiv class=\"rzbw-stat\"\u003e\n \u003cdiv class=\"rzbw-stat-number\"\u003e2 milliards\u003c\/div\u003e\n \u003cdiv class=\"rzbw-stat-label\"\u003ede rasoirs jetables dans les océans chaque année\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-stat\"\u003e\n \u003cdiv class=\"rzbw-stat-number\"\u003e500 ans\u003c\/div\u003e\n \u003cdiv class=\"rzbw-stat-label\"\u003epour qu'un rasoir plastique se décompose\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-stat\"\u003e\n \u003cdiv class=\"rzbw-stat-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"rzbw-stat-label\"\u003edes lames Bambaw sont recyclables\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eEn choisissant le rasoir Bambaw, vous évitez la production de dizaines de rasoirs jetables et contribuez activement à la préservation de notre planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENTRETIEN --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003ch2\u003eEntretien et durabilité\u003c\/h2\u003e\n \u003cdiv class=\"rzbw-grid rzbw-grid-2\"\u003e\n \u003cdiv class=\"rzbw-maintenance-card\"\u003e\n \u003cdiv class=\"rzbw-maintenance-icon\"\u003e🧼\u003c\/div\u003e\n \u003cdiv class=\"rzbw-maintenance-title\"\u003eNettoyage régulier\u003c\/div\u003e\n \u003cp\u003eRincez abondamment après chaque utilisation. Séchez soigneusement pour préserver l'éclat du métal et éviter tout dépôt calcaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-maintenance-card\"\u003e\n \u003cdiv class=\"rzbw-maintenance-icon\"\u003e🔄\u003c\/div\u003e\n \u003cdiv class=\"rzbw-maintenance-title\"\u003eChangement de lame\u003c\/div\u003e\n \u003cp\u003eRemplacez la lame tous les 5-7 rasages pour une performance optimale. Manipulation simple et sécurisée en quelques secondes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-maintenance-card\"\u003e\n \u003cdiv class=\"rzbw-maintenance-icon\"\u003e🏺\u003c\/div\u003e\n \u003cdiv class=\"rzbw-maintenance-title\"\u003eConservation\u003c\/div\u003e\n \u003cp\u003eRangez votre rasoir dans un endroit sec. Le laiton développera une patine naturelle avec le temps, signe de son authenticité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-maintenance-card\"\u003e\n \u003cdiv class=\"rzbw-maintenance-icon\"\u003e♻️\u003c\/div\u003e\n \u003cdiv class=\"rzbw-maintenance-title\"\u003eRecyclage des lames\u003c\/div\u003e\n \u003cp\u003eCollectez vos lames usagées dans une boîte métallique. 100% recyclables, déposez-les dans les points de collecte prévus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"rzbw-specs-grid\"\u003e\n \u003cdiv class=\"rzbw-spec\"\u003e\n \u003cdiv class=\"rzbw-spec-label\"\u003eMatériau principal\u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec-value\"\u003eLaiton massif\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec\"\u003e\n \u003cdiv class=\"rzbw-spec-label\"\u003eFinition\u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec-value\"\u003eNoir mat texturé\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec\"\u003e\n \u003cdiv class=\"rzbw-spec-label\"\u003eType de lame\u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec-value\"\u003eAcier suédois platine\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec\"\u003e\n \u003cdiv class=\"rzbw-spec-label\"\u003eConception\u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec-value\"\u003eLame unique optimale\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec\"\u003e\n \u003cdiv class=\"rzbw-spec-label\"\u003ePoids\u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec-value\"\u003eÉquilibré pour contrôle parfait\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec\"\u003e\n \u003cdiv class=\"rzbw-spec-label\"\u003eCompatibilité\u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec-value\"\u003eLames standard DE\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec\"\u003e\n \u003cdiv class=\"rzbw-spec-label\"\u003eDurabilité\u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec-value\"\u003eIllimitée avec entretien\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec\"\u003e\n \u003cdiv class=\"rzbw-spec-label\"\u003eEngagement\u003c\/div\u003e\n \u003cdiv class=\"rzbw-spec-value\"\u003eZéro déchet plastique\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"rzbw-section\"\u003e\n \u003cdiv class=\"rzbw-warning-box\"\u003e\n \u003cdiv class=\"rzbw-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"rzbw-warning-content\"\u003e\n \u003cdiv class=\"rzbw-warning-title\"\u003eConseils de sécurité\u003c\/div\u003e\n \u003cul class=\"rzbw-warning-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003ePremière utilisation :\u003c\/strong\u003e Prenez le temps de vous familiariser avec l'angle et la pression. Quelques rasages suffisent pour maîtriser la technique.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eManipulation :\u003c\/strong\u003e Les lames sont affûtées. Changez-les avec précaution et conservez-les hors de portée des enfants.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePression :\u003c\/strong\u003e N'appuyez jamais sur le rasoir. Son poids suffit pour un rasage efficace. Trop de pression augmente le risque de coupures.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAngle :\u003c\/strong\u003e Maintenez un angle de 30° par rapport à la peau pour un résultat optimal et confortable.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"rzbw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rzbw-cta-box\"\u003e\n \u003cdiv class=\"rzbw-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rzbw-cta-content\"\u003e\n \u003cdiv class=\"rzbw-cta-icon\"\u003e🌿\u003c\/div\u003e\n \u003cp\u003eRejoignez des milliers d'utilisateurs qui ont adopté le rasage écologique et responsable. Un geste pour votre peau, un engagement pour la planète. Le rasoir Bambaw vous accompagnera pendant des décennies, transformant votre routine quotidienne en un rituel de qualité.\u003c\/p\u003e\n \u003cdiv class=\"rzbw-cta-highlight\"\u003eInvestissez dans la durabilité. Choisissez l'excellence.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --rzbw-cream: #f8f6f3;\n --rzbw-white: #ffffff;\n --rzbw-primary: #2D7D6E;\n --rzbw-primary-dark: #1A4D42;\n --rzbw-primary-light: #e8f4f1;\n --rzbw-secondary: #2A2A2A;\n --rzbw-accent: #E8B88A;\n\n \/* Textes *\/\n --rzbw-text: #1a1a1a;\n --rzbw-text-light: #5a5a5a;\n\n \/* Effets *\/\n --rzbw-border: #e0e0e0;\n --rzbw-shadow: 0 4px 24px rgba(45,125,110,.08);\n --rzbw-shadow-lg: 0 12px 48px rgba(45,125,110,.15);\n --rzbw-radius: 20px;\n --rzbw-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rzbw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rzbw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.7;\n color: var(--rzbw-text);\n}\n\n\/* === HERO === *\/\n.rzbw-hero {\n position: relative;\n background: linear-gradient(135deg, var(--rzbw-primary) 0%, var(--rzbw-primary-dark) 50%, var(--rzbw-secondary) 100%);\n border-radius: var(--rzbw-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--rzbw-shadow-lg);\n}\n\n.rzbw-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px);\n}\n\n.rzbw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rzbw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.rzbw-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rzbw-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.rzbw-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.2);\n}\n\n.rzbw-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 7vw, 56px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.rzbw-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.rzbw-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.2);\n}\n\n\/* === SECTIONS === *\/\n.rzbw-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.rzbw-premium h2 {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--rzbw-primary-dark);\n margin-bottom: clamp(2rem, 3vw, 3rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rzbw-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 5px;\n background: linear-gradient(90deg, var(--rzbw-primary), var(--rzbw-accent));\n border-radius: 3px;\n}\n\n\/* === GRILLES === *\/\n.rzbw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.rzbw-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n}\n\n.rzbw-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS === *\/\n.rzbw-card {\n background: var(--rzbw-white);\n border-radius: var(--rzbw-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--rzbw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.rzbw-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rzbw-shadow-lg);\n border-color: var(--rzbw-primary);\n}\n\n.rzbw-card-icon {\n font-size: 42px;\n margin-bottom: 1rem;\n}\n\n.rzbw-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--rzbw-primary-dark);\n margin-bottom: 1rem;\n letter-spacing: -.02em;\n}\n\n.rzbw-card p {\n color: var(--rzbw-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === FEATURE CARDS === *\/\n.rzbw-feature-card {\n background: linear-gradient(135deg, var(--rzbw-primary-light) 0%, var(--rzbw-white) 100%);\n border-radius: var(--rzbw-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--rzbw-shadow);\n border: 2px solid var(--rzbw-primary);\n transition: all .3s ease;\n}\n\n.rzbw-feature-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rzbw-shadow-lg);\n}\n\n.rzbw-feature-icon {\n font-size: 38px;\n margin-bottom: 1rem;\n}\n\n.rzbw-feature-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--rzbw-primary);\n text-transform: uppercase;\n letter-spacing: .08em;\n margin-bottom: .5rem;\n}\n\n.rzbw-feature-value {\n font-size: clamp(19px, 2.5vw, 23px);\n font-weight: 900;\n color: var(--rzbw-primary-dark);\n margin-bottom: 1rem;\n letter-spacing: -.02em;\n}\n\n.rzbw-feature-card p {\n color: var(--rzbw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPARAISON === *\/\n.rzbw-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n}\n\n.rzbw-comparison-item {\n background: var(--rzbw-white);\n border-radius: var(--rzbw-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--rzbw-shadow);\n border: 3px solid var(--rzbw-border);\n transition: all .3s ease;\n}\n\n.rzbw-comparison-item.rzbw-winner {\n background: linear-gradient(135deg, var(--rzbw-primary-light) 0%, var(--rzbw-white) 100%);\n border-color: var(--rzbw-primary);\n transform: scale(1.02);\n}\n\n.rzbw-comparison-item:hover {\n transform: translateY(-6px) scale(1.02);\n box-shadow: var(--rzbw-shadow-lg);\n}\n\n.rzbw-comparison-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n text-align: center;\n}\n\n.rzbw-comparison-icon.rzbw-cross {\n opacity: .5;\n}\n\n.rzbw-comparison-title {\n font-size: clamp(19px, 2.5vw, 23px);\n font-weight: 800;\n color: var(--rzbw-primary-dark);\n text-align: center;\n margin-bottom: 1.5rem;\n letter-spacing: -.02em;\n}\n\n.rzbw-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.rzbw-comparison-list li {\n padding: 12px 0;\n color: var(--rzbw-text);\n font-size: 15px;\n line-height: 1.6;\n border-bottom: 1px solid var(--rzbw-border);\n position: relative;\n padding-left: 30px;\n}\n\n.rzbw-comparison-list li:last-child {\n border-bottom: none;\n}\n\n.rzbw-comparison-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--rzbw-primary);\n font-weight: 900;\n font-size: 18px;\n}\n\n.rzbw-comparison-item:not(.rzbw-winner) .rzbw-comparison-list li::before {\n content: '✗';\n color: #d9534f;\n}\n\n\/* === ÉTAPES === *\/\n.rzbw-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.rzbw-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--rzbw-white);\n border-radius: var(--rzbw-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--rzbw-shadow);\n border-left: 5px solid var(--rzbw-primary);\n transition: all .3s ease;\n}\n\n.rzbw-step:hover {\n transform: translateX(8px);\n box-shadow: var(--rzbw-shadow-lg);\n}\n\n.rzbw-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, var(--rzbw-primary) 0%, var(--rzbw-primary-dark) 100%);\n color: white;\n font-size: 22px;\n font-weight: 900;\n border-radius: 50%;\n box-shadow: 0 4px 16px rgba(45,125,110,.3);\n}\n\n.rzbw-step-content {\n flex: 1;\n}\n\n.rzbw-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--rzbw-primary-dark);\n margin-bottom: .75rem;\n display: block;\n letter-spacing: -.02em;\n}\n\n.rzbw-step-content p {\n color: var(--rzbw-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PROFILE CARDS === *\/\n.rzbw-profile-card {\n background: var(--rzbw-white);\n border-radius: var(--rzbw-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--rzbw-shadow);\n border-top: 4px solid var(--rzbw-primary);\n text-align: center;\n transition: all .3s ease;\n}\n\n.rzbw-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--rzbw-shadow-lg);\n border-top-color: var(--rzbw-accent);\n}\n\n.rzbw-profile-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.rzbw-profile-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--rzbw-primary-dark);\n margin-bottom: 1rem;\n display: block;\n letter-spacing: -.02em;\n}\n\n.rzbw-profile-card p {\n color: var(--rzbw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === IMPACT BOX === *\/\n.rzbw-impact-box {\n background: linear-gradient(135deg, var(--rzbw-primary-dark) 0%, var(--rzbw-primary) 100%);\n border-radius: var(--rzbw-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n box-shadow: var(--rzbw-shadow-lg);\n position: relative;\n overflow: hidden;\n}\n\n.rzbw-impact-icon {\n font-size: 64px;\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.rzbw-impact-content {\n position: relative;\n z-index: 1;\n}\n\n.rzbw-impact-title {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: white;\n text-align: center;\n margin-bottom: 2rem;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.rzbw-impact-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.rzbw-stat {\n text-align: center;\n padding: 1.5rem;\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n border-radius: var(--rzbw-radius-sm);\n border: 2px solid rgba(255,255,255,.2);\n}\n\n.rzbw-stat-number {\n font-size: clamp(32px, 6vw, 48px);\n font-weight: 900;\n color: white;\n margin-bottom: .5rem;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.rzbw-stat-label {\n font-size: 14px;\n color: rgba(255,255,255,.9);\n line-height: 1.5;\n font-weight: 600;\n}\n\n.rzbw-impact-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n text-align: center;\n margin: 0;\n text-shadow: 0 2px 8px rgba(0,0,0,.2);\n}\n\n\/* === MAINTENANCE CARDS === *\/\n.rzbw-maintenance-card {\n background: var(--rzbw-white);\n border-radius: var(--rzbw-radius);\n padding: clamp(1.8rem, 3vw, 2.5rem);\n box-shadow: var(--rzbw-shadow);\n border-left: 4px solid var(--rzbw-primary);\n transition: all .3s ease;\n}\n\n.rzbw-maintenance-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rzbw-shadow-lg);\n border-left-color: var(--rzbw-accent);\n}\n\n.rzbw-maintenance-icon {\n font-size: 38px;\n margin-bottom: 1rem;\n}\n\n.rzbw-maintenance-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--rzbw-primary-dark);\n margin-bottom: 1rem;\n letter-spacing: -.02em;\n}\n\n.rzbw-maintenance-card p {\n color: var(--rzbw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === SPECS GRID === *\/\n.rzbw-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1px;\n background: var(--rzbw-border);\n border-radius: var(--rzbw-radius);\n overflow: hidden;\n box-shadow: var(--rzbw-shadow);\n}\n\n.rzbw-spec {\n background: var(--rzbw-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n display: flex;\n flex-direction: column;\n gap: .5rem;\n transition: all .3s ease;\n}\n\n.rzbw-spec:hover {\n background: var(--rzbw-primary-light);\n}\n\n.rzbw-spec-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--rzbw-primary);\n text-transform: uppercase;\n letter-spacing: .08em;\n}\n\n.rzbw-spec-value {\n font-size: clamp(16px, 2vw, 18px);\n font-weight: 800;\n color: var(--rzbw-primary-dark);\n letter-spacing: -.02em;\n}\n\n\/* === WARNING BOX === *\/\n.rzbw-warning-box {\n background: #fff8e6;\n border-radius: var(--rzbw-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--rzbw-shadow);\n border: 3px solid #ffc107;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.rzbw-warning-icon {\n font-size: 42px;\n flex-shrink: 0;\n}\n\n.rzbw-warning-content {\n flex: 1;\n}\n\n.rzbw-warning-title {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: #cc8800;\n margin-bottom: 1.5rem;\n letter-spacing: -.02em;\n}\n\n.rzbw-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rzbw-warning-list li {\n color: var(--rzbw-text);\n font-size: 15px;\n line-height: 1.7;\n padding-left: 30px;\n position: relative;\n}\n\n.rzbw-warning-list li::before {\n content: '⚠';\n position: absolute;\n left: 0;\n color: #ffc107;\n font-size: 18px;\n}\n\n.rzbw-warning-list li strong {\n color: var(--rzbw-primary-dark);\n font-weight: 700;\n}\n\n\/* === CTA BOX === *\/\n.rzbw-cta-box {\n background: linear-gradient(135deg, var(--rzbw-primary) 0%, var(--rzbw-primary-dark) 100%);\n border-radius: var(--rzbw-radius);\n padding: clamp(3rem, 6vw, 5rem) clamp(2rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--rzbw-shadow-lg);\n}\n\n.rzbw-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 40% 20%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.rzbw-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.rzbw-cta-icon {\n font-size: 56px;\n margin-bottom: 1.5rem;\n}\n\n.rzbw-cta-box p {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n font-weight: 500;\n margin: 0 auto 1.5rem;\n max-width: 900px;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.rzbw-cta-highlight {\n display: inline-block;\n padding: 16px 32px;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n font-weight: 800;\n letter-spacing: -.02em;\n border: 2px solid rgba(255,255,255,.3);\n box-shadow: 0 4px 24px rgba(0,0,0,.2);\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .rzbw-grid,\n .rzbw-grid-2,\n .rzbw-grid-3 {\n grid-template-columns: 1fr;\n }\n\n .rzbw-comparison {\n grid-template-columns: 1fr;\n }\n\n .rzbw-step {\n flex-direction: column;\n text-align: center;\n }\n\n .rzbw-warning-box {\n flex-direction: column;\n text-align: center;\n }\n\n .rzbw-warning-list li {\n padding-left: 0;\n padding-top: 2rem;\n }\n\n .rzbw-warning-list li::before {\n left: 50%;\n transform: translateX(-50%);\n top: 0;\n }\n\n .rzbw-specs-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rzbw-card,\n .rzbw-feature-card,\n .rzbw-profile-card,\n .rzbw-maintenance-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .rzbw-card:nth-child(1) { animation-delay: .1s; }\n .rzbw-card:nth-child(2) { animation-delay: .2s; }\n .rzbw-card:nth-child(3) { animation-delay: .3s; }\n .rzbw-card:nth-child(4) { animation-delay: .4s; }\n .rzbw-card:nth-child(5) { animation-delay: .5s; }\n .rzbw-card:nth-child(6) { animation-delay: .6s; }\n\n .rzbw-feature-card:nth-child(1) { animation-delay: .1s; }\n .rzbw-feature-card:nth-child(2) { animation-delay: .2s; }\n .rzbw-feature-card:nth-child(3) { animation-delay: .3s; }\n\n .rzbw-profile-card:nth-child(1) { animation-delay: .1s; }\n .rzbw-profile-card:nth-child(2) { animation-delay: .2s; }\n .rzbw-profile-card:nth-child(3) { animation-delay: .3s; }\n .rzbw-profile-card:nth-child(4) { animation-delay: .4s; }\n .rzbw-profile-card:nth-child(5) { animation-delay: .5s; }\n .rzbw-profile-card:nth-child(6) { animation-delay: .6s; }\n\n .rzbw-step {\n animation: slideInLeft .6s ease backwards;\n }\n\n .rzbw-step:nth-child(1) { animation-delay: .1s; }\n .rzbw-step:nth-child(2) { animation-delay: .2s; }\n .rzbw-step:nth-child(3) { animation-delay: .3s; }\n .rzbw-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-40px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .rzbw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .rzbw-premium {\n --rzbw-shadow: 0 4px 8px rgba(0,0,0,.3);\n --rzbw-shadow-lg: 0 8px 16px rgba(0,0,0,.4);\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .rzbw-premium {\n background: white;\n }\n\n .rzbw-hero,\n .rzbw-cta-box,\n .rzbw-impact-box {\n background: white !important;\n color: black !important;\n box-shadow: none !important;\n }\n\n .rzbw-card,\n .rzbw-feature-card,\n .rzbw-profile-card {\n break-inside: avoid;\n box-shadow: none !important;\n border: 1px solid #ddd;\n }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":55363833037177,"sku":"NBAIBAW0040","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rasoir_surete_metal_noir_bambaw.jpg?v=1758986415"},{"product_id":"rasoir-de-surete-metal-argent-bambaw","title":"Rasoir de sûreté en métal - 3 coloris au choix - Bambaw","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Rasoir de sûreté en métal Bambaw\nPalette détectée:\n - Primaire: #C4C4C4 (Argenté\/gris métallique du rasoir - reflets acier)\n - Secondaire: #D4A574 (Beige kraft du packaging Bambaw - naturel\/éco)\n - Accent: #2D5A4A (Vert forêt des illustrations - nature\/écologie)\nAmbiance: Éco-responsable\/Premium industriel - Univers zéro déchet avec un design masculin épuré. Le packaging kraft évoque le naturel, l'acier brossé le côté intemporel et durable. Tonalité minimaliste, sobre et élégante.\nPréfixe CSS: rsr\n--\u003e\n\n\u003cdiv class=\"rsr-premium\"\u003e\n \u003cdiv class=\"rsr-hero\"\u003e\n \u003cdiv class=\"rsr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rsr-hero-content\"\u003e\n \u003cdiv class=\"rsr-badges-top\"\u003e\n \u003cspan class=\"rsr-badge\"\u003e🌱 Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"rsr-badge\"\u003e♻️ 100% recyclable\u003c\/span\u003e\n \u003cspan class=\"rsr-badge\"\u003e💰 Économies garanties\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rsr-hero-title\"\u003eRasoir de sûreté en métal\u003c\/span\u003e\n \u003cp class=\"rsr-subtitle\"\u003eL'alternative durable aux rasoirs jetables\u003c\/p\u003e\n \u003cp class=\"rsr-description\"\u003eUn rasage de près qui respecte votre peau et la planète. Fini le plastique, fini les irritations. Disponible en 3 coloris élégants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"rsr-section\"\u003e\n \u003ch2\u003e🎯 Pourquoi choisir ce rasoir de sûreté ?\u003c\/h2\u003e\n \u003cdiv class=\"rsr-grid\"\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e🌍 Écologique\u003c\/h3\u003e\n \u003cp\u003eSeule la lame se remplace et se recycle. Réduisez drastiquement vos déchets plastiques dès le premier rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e💵 Économique\u003c\/h3\u003e\n \u003cp\u003eLes lames coûtent jusqu'à 10x moins cher que les cartouches jetables. Rentabilisé en quelques mois seulement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e✨ Rasage précis\u003c\/h3\u003e\n \u003cp\u003eUne seule lame = coupe nette. Moins de passages, moins d'irritations, zéro poil incarné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e👥 Universel\u003c\/h3\u003e\n \u003cp\u003eConvient au visage et au corps, hommes et femmes. Idéal pour les débutants comme les experts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rsr-section\"\u003e\n \u003ch2\u003e⚙️ Conception premium\u003c\/h2\u003e\n \u003cdiv class=\"rsr-grid\"\u003e\n \u003cdiv class=\"rsr-card rsr-card-feature\"\u003e\n \u003ch3\u003e🔩 Laiton massif\u003c\/h3\u003e\n \u003cp\u003eMatériau robuste et élégant, résistant à la rouille. Un poids parfaitement équilibré pour un contrôle optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card rsr-card-feature\"\u003e\n \u003ch3\u003e🛡️ Peigne fermé\u003c\/h3\u003e\n \u003cp\u003eProtection maximale pour les peaux sensibles. Rasage en douceur sans risque de coupure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card rsr-card-feature\"\u003e\n \u003ch3\u003e✋ Manche ergonomique\u003c\/h3\u003e\n \u003cp\u003eLong et strié pour une prise antidérapante, même sous la douche. Contrôle précis garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card rsr-card-feature\"\u003e\n \u003ch3\u003e📐 Exposition idéale\u003c\/h3\u003e\n \u003cp\u003eAngle de lame optimisé pour une coupe uniforme sur toutes les zones. Confort maximal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rsr-section\"\u003e\n \u003ch2\u003e⚔️ Rasoir de sûreté vs multi-lames\u003c\/h2\u003e\n \u003cdiv class=\"rsr-comparison\"\u003e\n \u003cdiv class=\"rsr-comparison-item rsr-comparison-good\"\u003e\n \u003cdiv class=\"rsr-comparison-header\"\u003e\n \u003cspan class=\"rsr-comparison-icon\"\u003e✓\u003c\/span\u003e\n \u003ch3\u003eRasoir de sûreté\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"rsr-comparison-list\"\u003e\n \u003cli\u003eUne seule lame = coupe nette\u003c\/li\u003e\n \u003cli\u003eMoins d'irritations\u003c\/li\u003e\n \u003cli\u003eZéro poil incarné\u003c\/li\u003e\n \u003cli\u003ePoil coupé net à la base\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-comparison-item rsr-comparison-bad\"\u003e\n \u003cdiv class=\"rsr-comparison-header\"\u003e\n \u003cspan class=\"rsr-comparison-icon\"\u003e✗\u003c\/span\u003e\n \u003ch3\u003eRasoir multi-lames\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"rsr-comparison-list\"\u003e\n \u003cli\u003e3 à 5 lames = passages répétés\u003c\/li\u003e\n \u003cli\u003eIrritations fréquentes\u003c\/li\u003e\n \u003cli\u003ePoils tirés et incarnés\u003c\/li\u003e\n \u003cli\u003ePoil coupé en biseau\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rsr-section\"\u003e\n \u003ch2\u003e📦 Contenu du pack\u003c\/h2\u003e\n \u003cdiv class=\"rsr-grid-compact\"\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e🪒 1 rasoir\u003c\/h3\u003e\n \u003cp\u003eLaiton massif, conçu pour durer des années\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e🔪 5 lames\u003c\/h3\u003e\n \u003cp\u003eAcier inoxydable haute qualité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e📖 Guide digital\u003c\/h3\u003e\n \u003cp\u003eManuel d'utilisation complet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e🎨 3 coloris\u003c\/h3\u003e\n \u003cp\u003eArgenté, noir ou vert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rsr-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"rsr-steps\"\u003e\n \u003cdiv class=\"rsr-step\"\u003e\n \u003cspan class=\"rsr-step-num\"\u003e1\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003e💧 Préparez\u003c\/h3\u003e\n \u003cp\u003eNettoyez à l'eau tiède pour ouvrir les pores\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-step\"\u003e\n \u003cspan class=\"rsr-step-num\"\u003e2\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003e🧴 Protégez\u003c\/h3\u003e\n \u003cp\u003eAppliquez savon, crème ou huile de rasage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-step\"\u003e\n \u003cspan class=\"rsr-step-num\"\u003e3\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003e📐 Positionnez\u003c\/h3\u003e\n \u003cp\u003eAngle de 30°, sans appuyer. Le poids suffit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-step\"\u003e\n \u003cspan class=\"rsr-step-num\"\u003e4\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003e🪒 Rasez\u003c\/h3\u003e\n \u003cp\u003eDans le sens du poil, gestes courts, peau tendue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-step\"\u003e\n \u003cspan class=\"rsr-step-num\"\u003e5\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003e🚿 Rincez\u003c\/h3\u003e\n \u003cp\u003eFréquemment pour évacuer mousse et poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-step\"\u003e\n \u003cspan class=\"rsr-step-num\"\u003e6\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003e✨ Soignez\u003c\/h3\u003e\n \u003cp\u003eEau froide et soin apaisant pour finaliser\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rsr-section\"\u003e\n \u003ch2\u003e🔧 Entretien\u003c\/h2\u003e\n \u003cdiv class=\"rsr-grid-compact\"\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e💧 Après usage\u003c\/h3\u003e\n \u003cp\u003eRincez et laissez sécher ouvert\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e🧼 Hebdomadaire\u003c\/h3\u003e\n \u003cp\u003eEau savonneuse, vinaigre si calcaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e🔄 Lames\u003c\/h3\u003e\n \u003cp\u003eÀ changer tous les 5-7 rasages\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rsr-card\"\u003e\n \u003ch3\u003e♻️ Recyclage\u003c\/h3\u003e\n \u003cp\u003eLames usagées en filière métal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rsr-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"rsr-accordion\"\u003e\n \u003cdetails class=\"rsr-accordion-item\"\u003e\n \u003csummary class=\"rsr-accordion-header\"\u003e📏 Caractéristiques techniques\u003c\/summary\u003e\n \u003cdiv class=\"rsr-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eType de peigne :\u003c\/strong\u003e Fermé (idéal peaux sensibles)\u003cbr\u003e\n \u003cstrong\u003eMatériau :\u003c\/strong\u003e Laiton massif\u003cbr\u003e\n \u003cstrong\u003eFinitions :\u003c\/strong\u003e Argenté, noir, vert émeraude\u003cbr\u003e\n \u003cstrong\u003eCompatibilité :\u003c\/strong\u003e Toutes lames DE universelles\u003cbr\u003e\n \u003cstrong\u003eUsage :\u003c\/strong\u003e Visage et corps\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rsr-accordion-item\"\u003e\n \u003csummary class=\"rsr-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"rsr-accordion-content\"\u003e\n \u003cp\u003eNe pas exercer de pression excessive. Laissez le poids du rasoir faire le travail. Rangez hors de portée des enfants. Manipulez les lames avec précaution lors du changement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rsr-accordion-item\"\u003e\n \u003csummary class=\"rsr-accordion-header\"\u003e🌱 Engagement écologique\u003c\/summary\u003e\n \u003cdiv class=\"rsr-accordion-content\"\u003e\n \u003cp\u003eEn passant au rasoir de sûreté, vous évitez des centaines de rasoirs jetables sur une vie. Les lames en acier sont 100% recyclables. Emballage en carton kraft, zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"rsr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rsr-cta-box\"\u003e\n \u003cp\u003e🌍 Rejoignez le mouvement zéro déchet\u003c\/p\u003e\n \u003cp style=\"font-size:16px; opacity:.9; margin-top:1rem;\"\u003eUn rasoir conçu pour durer toute une vie. Économique, écologique, efficace. Faites le choix qui respecte votre peau et la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --rsr-cream: #f8f7f5;\n --rsr-white: #ffffff;\n --rsr-primary: #5a5a5a;\n --rsr-primary-dark: #2d2d2d;\n --rsr-primary-light: #f0efed;\n --rsr-secondary: #d4a574;\n --rsr-accent: #2d5a4a;\n --rsr-text: #1a1a1a;\n --rsr-text-light: #5a5a5a;\n --rsr-border: #e0e0e0;\n --rsr-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rsr-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rsr-radius: 20px;\n --rsr-radius-sm: 12px;\n}\n\n.rsr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rsr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.rsr-hero {\n position: relative;\n background: linear-gradient(135deg, var(--rsr-primary-dark) 0%, var(--rsr-primary) 50%, var(--rsr-accent) 100%);\n border-radius: var(--rsr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--rsr-shadow-lg);\n}\n\n.rsr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0px, rgba(255,255,255,.03) 1px, transparent 1px, transparent 60px);\n opacity: .5;\n}\n\n.rsr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rsr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.rsr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--rsr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rsr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rsr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.rsr-subtitle {\n color: var(--rsr-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.rsr-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.rsr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rsr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rsr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.rsr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--rsr-secondary), var(--rsr-accent));\n border-radius: 2px;\n}\n\n.rsr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rsr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rsr-card {\n background: var(--rsr-white);\n border-radius: var(--rsr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rsr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rsr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rsr-shadow-lg);\n border-color: var(--rsr-secondary);\n}\n\n.rsr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rsr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rsr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rsr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rsr-card-feature {\n border-left: 4px solid var(--rsr-accent);\n text-align: left;\n}\n\n.rsr-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.rsr-comparison-item {\n background: var(--rsr-white);\n border-radius: var(--rsr-radius);\n padding: 1.5rem;\n box-shadow: var(--rsr-shadow);\n}\n\n.rsr-comparison-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 1rem;\n}\n\n.rsr-comparison-icon {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n}\n\n.rsr-comparison-good .rsr-comparison-icon {\n background: linear-gradient(135deg, var(--rsr-accent), #3d7a5a);\n}\n\n.rsr-comparison-bad .rsr-comparison-icon {\n background: linear-gradient(135deg, #c0392b, #e74c3c);\n}\n\n.rsr-comparison-item h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--rsr-primary-dark);\n margin: 0;\n}\n\n.rsr-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.rsr-comparison-list li {\n padding: .75rem 0;\n padding-left: 1.5rem;\n position: relative;\n font-size: 14px;\n color: var(--rsr-text-light);\n border-bottom: 1px solid var(--rsr-border);\n}\n\n.rsr-comparison-list li:last-child {\n border-bottom: none;\n}\n\n.rsr-comparison-good .rsr-comparison-list li::before {\n content: '✓';\n position: absolute;\n left: 0;\n color: var(--rsr-accent);\n font-weight: 700;\n}\n\n.rsr-comparison-bad .rsr-comparison-list li::before {\n content: '✗';\n position: absolute;\n left: 0;\n color: #e74c3c;\n font-weight: 700;\n}\n\n.rsr-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n}\n\n.rsr-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--rsr-white);\n border-radius: var(--rsr-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--rsr-shadow);\n transition: all .3s ease;\n}\n\n.rsr-step:hover {\n transform: translateX(6px);\n box-shadow: var(--rsr-shadow-lg);\n}\n\n.rsr-step-num {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rsr-secondary), var(--rsr-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n}\n\n.rsr-step h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--rsr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rsr-step p {\n font-size: 13px;\n color: var(--rsr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.rsr-accordion {\n background: var(--rsr-white);\n border-radius: var(--rsr-radius);\n box-shadow: var(--rsr-shadow);\n overflow: hidden;\n}\n\n.rsr-accordion-item {\n border-bottom: 1px solid var(--rsr-border);\n margin: 0;\n padding: 0;\n}\n\n.rsr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rsr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rsr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.rsr-accordion-header:hover {\n background: var(--rsr-primary-light);\n}\n\n.rsr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rsr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rsr-accent);\n transition: transform .2s ease;\n}\n\n.rsr-accordion-item[open] .rsr-accordion-header::after {\n content: '−';\n}\n\n.rsr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rsr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.rsr-accordion-content p {\n margin: 0;\n}\n\n.rsr-cta-box {\n background: linear-gradient(135deg, var(--rsr-accent) 0%, var(--rsr-primary-dark) 100%);\n border-radius: var(--rsr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rsr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .rsr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rsr-grid-compact {\n gap: .625rem;\n }\n \n .rsr-grid-compact .rsr-card {\n padding: .75rem;\n }\n \n .rsr-grid-compact .rsr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .rsr-grid-compact .rsr-card p {\n font-size: 12px;\n }\n \n .rsr-card {\n padding: 1.125rem;\n }\n \n .rsr-section {\n margin-bottom: 1.75rem;\n }\n \n .rsr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rsr-radius-sm);\n }\n \n .rsr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rsr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rsr-comparison {\n grid-template-columns: 1fr;\n }\n \n .rsr-steps {\n grid-template-columns: 1fr;\n }\n \n .rsr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rsr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .rsr-card {\n animation: fadeInUp .5s ease backwards;\n }\n .rsr-card:nth-child(1) { animation-delay: .05s; }\n .rsr-card:nth-child(2) { animation-delay: .1s; }\n .rsr-card:nth-child(3) { animation-delay: .15s; }\n .rsr-card:nth-child(4) { animation-delay: .2s; }\n .rsr-card:nth-child(5) { animation-delay: .25s; }\n .rsr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .rsr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":55363833561465,"sku":"NBAIBAW0041","price":19.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rasoir_surete_metal_argent_bambaw.jpg?v=1758986297"},{"product_id":"rasoir-surete-metal-argent-bambaw","title":"Rasoir de sûreté en métal avec socle - 2 coloris au choix - Bambaw","description":"\u003cdiv class=\"bw-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bw-hero\"\u003e\n \u003cdiv class=\"bw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bw-hero-content\"\u003e\n \u003cdiv class=\"bw-badges-top\"\u003e\n \u003cspan class=\"bw-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🪒 5 lames incluses\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🛡️ Garanti 5 ans\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🧲 Socle assorti inclus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bw-hero-title\"\u003eRasoir de sûreté en métal avec socle Bambaw\u003c\/span\u003e\n \u003cp class=\"bw-subtitle\"\u003eUn rasage précis, durable et sans plastique\u003c\/p\u003e\n \u003cp class=\"bw-description\"\u003eFini les rasoirs jetables : adoptez un rasoir en métal inoxydable, livré avec son socle élégant et 5 lames double tranchant. Disponible en 2 coloris.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eRasoir de sûreté en métal Bambaw : un rasage précis, durable et zéro déchet\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eVous cherchez une alternative fiable aux rasoirs jetables en plastique ? Le \u003cstrong\u003erasoir de sûreté Bambaw\u003c\/strong\u003e en métal est conçu pour vous offrir un rasage net et confortable, tout en réduisant considérablement votre impact environnemental. Livré avec son \u003cstrong\u003esocle assorti\u003c\/strong\u003e et \u003cstrong\u003e5 lames double tranchant\u003c\/strong\u003e, il est prêt à l'emploi dès la réception.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003ePourquoi passer au rasoir de sûreté ?\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eChaque année, des milliards de rasoirs jetables finissent à la poubelle. En adoptant un \u003cstrong\u003erasoir en métal\u003c\/strong\u003e réutilisable, vous faites un choix à la fois écologique et économique :\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e♻️ Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eSeule la lame est remplacée, le reste dure des années. Un geste simple pour réduire drastiquement vos déchets de salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💰 Économies réelles\u003c\/h3\u003e\n \u003cp\u003eLes lames pour rasoir de sûreté coûtent quelques centimes pièce, bien loin des cartouches de grandes marques type Wilkinson ou Gillette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e✨ Un rasage supérieur\u003c\/h3\u003e\n \u003cp\u003eUne seule lame bien affûtée glisse sans accrocher, là où les multi-lames tirent le poil et irritent la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eDes bienfaits concrets pour votre peau\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eSi vous souffrez de rougeurs, de poils incarnés ou de sensations de brûlure après le rasage, ce \u003cstrong\u003erasoir de sûreté\u003c\/strong\u003e peut changer la donne. Sa \u003cstrong\u003elame unique\u003c\/strong\u003e coupe le poil au ras de la peau en un seul passage, sans exercer de pression excessive.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🌿 Moins d'irritations\u003c\/h3\u003e\n \u003cp\u003eUn seul passage suffit pour un résultat net.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧴 Peau plus douce\u003c\/h3\u003e\n \u003cp\u003eAucune pression excessive sur l'épiderme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🚫 Fini les poils incarnés\u003c\/h3\u003e\n \u003cp\u003eLa coupe franche évite les repousses sous la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🩹 Confort immédiat\u003c\/h3\u003e\n \u003cp\u003eMême sur les zones sensibles : maillot, aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eDes matériaux pensés pour durer\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e⚖️ Tête et manche en laiton\u003c\/h3\u003e\n \u003cp\u003eUn poids idéal qui laisse la gravité faire le travail, pour un geste fluide et précis. Pas besoin d'appuyer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🔩 Lames en acier inoxydable\u003c\/h3\u003e\n \u003cp\u003eRésistantes à la corrosion, elles conservent leur tranchant pendant plusieurs rasages consécutifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🤚 Finition soignée\u003c\/h3\u003e\n \u003cp\u003eLe manche texturé antidérapant offre une prise en main sûre, même sous la douche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e🎨\u003c\/span\u003e\n \u003cp\u003eDisponible en \u003cstrong\u003edeux coloris\u003c\/strong\u003e — Argenté ou Rose Gold — ce rasoir métal s'adapte à vos goûts et sublimera votre salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eUn rasoir unisexe, sans surcoût genré\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eCe rasoir de sûreté convient aussi bien aux femmes qu'aux hommes, pour toutes les zones du corps : barbe, jambes, aisselles, maillot. Bambaw refuse la « pink tax » : un seul produit, un prix juste, pour tout le monde.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧔 Barbe\u003c\/h3\u003e\n \u003cp\u003eUn rasage de près, net et précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🦵 Jambes\u003c\/h3\u003e\n \u003cp\u003eDes jambes lisses sans irritation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💪 Aisselles\u003c\/h3\u003e\n \u003cp\u003eDouceur et efficacité sur les zones courbes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e👙 Maillot\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eUtilisation et changement de lame\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eLa tête du rasoir se dévisse simplement pour insérer ou remplacer la lame. Suivez ces étapes pour un rasage optimal :\u003c\/p\u003e\n \u003cdiv class=\"bw-timeline\"\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eHumidifiez votre peau et appliquez un savon ou une crème à raser pour faciliter la glisse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eInclinez à 30°\u003c\/h3\u003e\n \u003cp\u003eLaissez le rasoir glisser sans appuyer. Le poids du métal fait le travail pour vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eRincez après chaque passage\u003c\/h3\u003e\n \u003cp\u003ePassez la lame sous l'eau pour évacuer les poils et résidus de mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eChangez la lame régulièrement\u003c\/h3\u003e\n \u003cp\u003eDès les premiers signes d'inconfort, généralement après 5 à 7 rasages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e📖\u003c\/span\u003e\n \u003cp\u003eUn manuel numérique accessible via un lien sur l'emballage vous guide pas à pas, avec des recettes de crème à raser maison en bonus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eLe socle : un accessoire vraiment utile\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💧 Séchage optimal\u003c\/h3\u003e\n \u003cp\u003eEn position verticale, l'eau s'écoule naturellement, ce qui prolonge la durée de vie de la lame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧼 Hygiène irréprochable\u003c\/h3\u003e\n \u003cp\u003eLe rasoir ne traîne plus au fond d'un tiroir humide. Fini les risques de moisissure ou de rouille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🏛️ Esthétique élégante\u003c\/h3\u003e\n \u003cp\u003eUn bel objet en métal qui habille votre salle de bain avec une touche de raffinement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eContenu du coffret\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🪒 Rasoir de sûreté\u003c\/h3\u003e\n \u003cp\u003e1 × rasoir en métal Bambaw, coloris au choix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🏗️ Socle en métal\u003c\/h3\u003e\n \u003cp\u003e1 × socle assorti pour rangement vertical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🔪 5 lames double tranchant\u003c\/h3\u003e\n \u003cp\u003e5 × lames en acier inoxydable, prêtes à l'emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e📱 Manuel numérique\u003c\/h3\u003e\n \u003cp\u003e1 × accès au guide d'utilisation complet en ligne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bw-cta-box\"\u003e\n \u003cp\u003e🪒 Adoptez un rasage zéro déchet, précis et économique.\u003cbr\u003eVotre peau, et la planète, vous diront merci.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bw-disclaimer\"\u003eCe produit est un accessoire d'hygiène. En cas de coupure ou d'irritation persistante, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bw-cream: #f5f3ef;\n --bw-white: #ffffff;\n --bw-primary: #6b7b6e;\n --bw-primary-dark: #2c3e30;\n --bw-primary-light: #e8ede9;\n --bw-secondary: #b8a088;\n --bw-accent: #c9a96e;\n --bw-text: #1a1a1a;\n --bw-text-light: #5a5a5a;\n --bw-border: #ddd8d0;\n --bw-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bw-radius: 20px;\n --bw-radius-sm: 12px;\n}\n\n.bw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bw-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.bw-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bw-primary-dark) 0%, var(--bw-primary) 50%, var(--bw-secondary) 100%);\n border-radius: var(--bw-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bw-shadow-lg);\n}\n\n.bw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 1px, transparent 1px),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 1px, transparent 1px);\n background-size: 40px 40px, 60px 60px, 80px 80px;\n opacity: 1;\n}\n\n.bw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bw-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bw-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.bw-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.bw-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n line-height: 1.7;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === SECTIONS === *\/\n.bw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bw-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.bw-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bw-primary), var(--bw-secondary));\n border-radius: 2px;\n}\n\n.bw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bw-card {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bw-shadow-lg);\n border-color: var(--bw-primary);\n}\n\n.bw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bw-grid-compact .bw-card {\n padding: 1rem;\n}\n\n.bw-grid-compact .bw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bw-grid-compact .bw-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bw-timeline-content {\n flex: 1;\n background: var(--bw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bw-radius-sm);\n box-shadow: var(--bw-shadow);\n}\n\n.bw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bw-timeline-content p {\n font-size: 14px;\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bw-primary-light);\n border-radius: var(--bw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bw-tip p {\n font-size: 14px;\n color: var(--bw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.bw-testimonial {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bw-shadow);\n border-left: 4px solid var(--bw-primary);\n}\n\n.bw-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.bw-cta-box {\n background: linear-gradient(135deg, var(--bw-primary-dark) 0%, var(--bw-primary) 60%, var(--bw-secondary) 100%);\n border-radius: var(--bw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bw-disclaimer {\n font-size: 12px;\n color: var(--bw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bw-card {\n padding: 1.125rem;\n }\n\n .bw-section {\n margin-bottom: 1.75rem;\n }\n\n .bw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bw-radius-sm);\n }\n\n .bw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bw-grid-compact {\n gap: .625rem;\n }\n\n .bw-grid-compact .bw-card {\n padding: .75rem;\n }\n\n .bw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bw-timeline-content h3 {\n font-size: 14px;\n }\n\n .bw-timeline-content p {\n font-size: 13px;\n }\n\n .bw-testimonial {\n padding: 1.25rem;\n }\n\n .bw-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bw-card {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-card:nth-child(1) { animation-delay: .05s; }\n .bw-card:nth-child(2) { animation-delay: .1s; }\n .bw-card:nth-child(3) { animation-delay: .15s; }\n .bw-card:nth-child(4) { animation-delay: .2s; }\n .bw-card:nth-child(5) { animation-delay: .25s; }\n .bw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bwFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":55363834380665,"sku":"NBAIBAW0049","price":25.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rasoir_surete_metal_argente_avec_socle_bambaw.jpg?v=1758984943"},{"product_id":"blaireau-argente-vegan-bambaw","title":"Blaireau de rasage argenté - Bambaw","description":"\u003cdiv class=\"baw-premium\"\u003e\n\n \u003cdiv class=\"baw-hero\"\u003e\n \u003cdiv class=\"baw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"baw-hero-content\"\u003e\n \u003cdiv class=\"baw-badges-top\"\u003e\n \u003cspan class=\"baw-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"baw-badge\"\u003e♻️ Neutre en carbone\u003c\/span\u003e\n \u003cspan class=\"baw-badge\"\u003e🪒 Fibres premium\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"baw-hero-title\"\u003eBlaireau argenté Bambaw\u003c\/span\u003e\n \u003cp class=\"baw-subtitle\"\u003eL'art du rasage traditionnel, version éthique\u003c\/p\u003e\n \u003cp class=\"baw-description\"\u003eManche en aluminium massif moletée, fibres synthétiques haut de gamme — un rituel de rasage irréprochable, sans compromis sur le vivant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"baw-section\"\u003e\n \u003ch2\u003eBlaireau de rasage vegan Bambaw : l'art du rasage traditionnel, en mieux\u003c\/h2\u003e\n \u003cp class=\"baw-section-intro\"\u003eVous cherchez un \u003cstrong\u003eblaireau de rasage\u003c\/strong\u003e performant, durable et respectueux du vivant ? Le blaireau argenté de \u003cstrong\u003eBambaw\u003c\/strong\u003e réunit tout cela dans un objet élégant qui transforme votre rituel quotidien. Avec son manche en aluminium brossé et ses fibres synthétiques haut de gamme, ce \u003cstrong\u003eblaireau pour le rasage\u003c\/strong\u003e vous offre la même qualité de mousse qu'un blaireau en vrais poils, sans aucune souffrance animale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"baw-section\"\u003e\n \u003ch2\u003ePourquoi utiliser un blaireau pour la barbe ?\u003c\/h2\u003e\n \u003cdiv class=\"baw-grid\"\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🧴 Mousse dense et onctueuse\u003c\/h3\u003e\n \u003cp\u003eLes fibres créent une émulsion riche entre l'eau et le savon. Cette mousse épaisse enveloppe chaque poil, l'assouplit et le redresse pour un passage de lame sans accroc.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e✨ Exfoliation naturelle\u003c\/h3\u003e\n \u003cp\u003eLes mouvements circulaires du blaireau exercent un léger massage exfoliant. Cellules mortes éliminées, pores désobstrués : votre peau respire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🛡️ Moins d'irritations\u003c\/h3\u003e\n \u003cp\u003ePoils soulevés, peau préparée : moins de poils incarnés, moins de rougeurs et un résultat visiblement plus net après chaque rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"baw-section\"\u003e\n \u003ch2\u003eCe qui distingue le blaireau argenté Bambaw\u003c\/h2\u003e\n \u003cdiv class=\"baw-grid\"\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🎯 Fibres synthétiques premium\u003c\/h3\u003e\n \u003cp\u003eImitent à la perfection le toucher et l'absorption des poils naturels, tout en séchant plus rapidement et en résistant mieux dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🐰 100 % vegan et cruelty-free\u003c\/h3\u003e\n \u003cp\u003eAucune fibre animale utilisée. Profitez d'un blaireau de rasage éthique sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🔩 Manche en aluminium massif\u003c\/h3\u003e\n \u003cp\u003eSurface moletée pour une prise en main sûre, même mouillée. Son poids offre un équilibre agréable et un contrôle précis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e♾️ Conception durable\u003c\/h3\u003e\n \u003cp\u003eL'aluminium ne se fissure pas, ne moisit pas et ne se déforme pas. Ce blaireau vous accompagnera pendant des années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🌍 Climatiquement neutre\u003c\/h3\u003e\n \u003cp\u003eBambaw collabore avec Carbon Trust pour mesurer, réduire et compenser les émissions de CO₂ liées à la fabrication.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"baw-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre blaireau de rasage ?\u003c\/h2\u003e\n \u003cdiv class=\"baw-timeline\"\u003e\n \u003cdiv class=\"baw-timeline-item\"\u003e\n \u003cdiv class=\"baw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"baw-timeline-content\"\u003e\n \u003ch3\u003ePréparez les fibres\u003c\/h3\u003e\n \u003cp\u003ePlongez la tête du blaireau dans de l'eau tiède pendant environ une minute. Les fibres s'assouplissent et absorbent l'eau nécessaire à la formation d'une belle mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-timeline-item\"\u003e\n \u003cdiv class=\"baw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"baw-timeline-content\"\u003e\n \u003ch3\u003eMontez la mousse\u003c\/h3\u003e\n \u003cp\u003eChargez le blaireau sur votre savon à barbe en effectuant des mouvements circulaires rapides, jusqu'à obtenir une émulsion épaisse et crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-timeline-item\"\u003e\n \u003cdiv class=\"baw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"baw-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur le visage\u003c\/h3\u003e\n \u003cp\u003eÉtalez la mousse en cercles sur les zones à raser. Ce geste soulève les poils et les positionne idéalement pour la lame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-timeline-item\"\u003e\n \u003cdiv class=\"baw-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"baw-timeline-content\"\u003e\n \u003ch3\u003eRasez-vous dans le sens du poil\u003c\/h3\u003e\n \u003cp\u003ePremier passage doux dans le sens du poil, puis éventuellement à rebrousse-poil pour plus de précision.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"baw-section\"\u003e\n \u003ch2\u003eEntretien et durée de vie\u003c\/h2\u003e\n \u003cdiv class=\"baw-testimonial\"\u003e\n \u003cp class=\"baw-testimonial-text\"\u003eAprès chaque utilisation, rincez abondamment votre blaireau à l'eau claire pour éliminer tout résidu de savon. Secouez-le délicatement, puis suspendez-le \u003cstrong\u003epoils vers le bas\u003c\/strong\u003e sur un support adapté. Cette position permet à l'eau de s'écouler naturellement, évitant toute accumulation d'humidité à la base des fibres. Bien entretenu, ce blaireau conserve sa souplesse et son pouvoir moussant pendant très longtemps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-tip\"\u003e\n \u003cspan class=\"baw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ne rangez jamais votre blaireau dans un tiroir fermé tant qu'il est humide. L'air libre est son meilleur allié !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"baw-section\"\u003e\n \u003ch2\u003eCaractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"baw-grid-compact\"\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eBambaw\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🎨 Couleur\u003c\/h3\u003e\n \u003cp\u003eArgenté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🔧 Matériau du manche\u003c\/h3\u003e\n \u003cp\u003eAluminium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🌱 Type de fibres\u003c\/h3\u003e\n \u003cp\u003eSynthétiques (vegan)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e🏭 Fabrication\u003c\/h3\u003e\n \u003cp\u003eChine — certifiée neutre en carbone\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"baw-card\"\u003e\n \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n \u003cp\u003eCarton recyclable, sans plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"baw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"baw-cta-box\"\u003e\n \u003cp\u003eCe blaireau de rasage Bambaw est bien plus qu'un accessoire : c'est un geste concret pour votre peau, pour les animaux et pour la planète. Offrez à votre rituel la qualité qu'il mérite. 🪒\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --baw-cream: #f7f3ee;\n --baw-white: #ffffff;\n --baw-primary: #8a8178;\n --baw-primary-dark: #4a433c;\n --baw-primary-light: #ede8e1;\n --baw-secondary: #b0a696;\n --baw-accent: #c4b8a8;\n --baw-silver: #a8a9ad;\n --baw-text: #1a1a1a;\n --baw-text-light: #5a5a5a;\n --baw-border: #e0dbd4;\n --baw-shadow: 0 4px 24px rgba(74,67,60,.08);\n --baw-shadow-lg: 0 12px 48px rgba(74,67,60,.15);\n --baw-radius: 20px;\n --baw-radius-sm: 12px;\n}\n\n.baw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--baw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.baw-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.baw-hero {\n position: relative;\n background: linear-gradient(135deg, var(--baw-primary-dark) 0%, var(--baw-primary) 50%, var(--baw-silver) 100%);\n border-radius: var(--baw-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--baw-shadow-lg);\n}\n\n.baw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 40px\n );\n opacity: 1;\n}\n\n.baw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.baw-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.baw-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.baw-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.baw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.baw-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--baw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.baw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.baw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.baw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--baw-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.baw-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--baw-primary), var(--baw-silver));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.baw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--baw-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.baw-section-intro strong {\n color: var(--baw-primary-dark);\n}\n\n\/* === CARDS === *\/\n.baw-card {\n background: var(--baw-white);\n border-radius: var(--baw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--baw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.baw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--baw-shadow-lg);\n border-color: var(--baw-primary);\n}\n\n.baw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--baw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.baw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--baw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.baw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.baw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.baw-grid-compact .baw-card {\n padding: 1rem;\n}\n\n.baw-grid-compact .baw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.baw-grid-compact .baw-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.baw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.baw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.baw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--baw-primary-dark), var(--baw-silver));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.baw-timeline-content {\n flex: 1;\n background: var(--baw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--baw-radius-sm);\n box-shadow: var(--baw-shadow);\n}\n\n.baw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--baw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.baw-timeline-content p {\n font-size: 14px;\n color: var(--baw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.baw-testimonial {\n background: var(--baw-white);\n border-radius: var(--baw-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--baw-shadow);\n border-left: 4px solid var(--baw-primary);\n}\n\n.baw-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--baw-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.baw-testimonial-text strong {\n color: var(--baw-primary-dark);\n font-style: normal;\n}\n\n\/* === TIP BOX === *\/\n.baw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--baw-primary-light);\n border-radius: var(--baw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.baw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.baw-tip p {\n font-size: 14px;\n color: var(--baw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.baw-cta-box {\n background: linear-gradient(135deg, var(--baw-primary-dark) 0%, var(--baw-primary) 60%, var(--baw-silver) 100%);\n border-radius: var(--baw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.baw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .baw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .baw-card {\n padding: 1.125rem;\n }\n\n .baw-section {\n margin-bottom: 1.75rem;\n }\n\n .baw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--baw-radius-sm);\n }\n\n .baw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .baw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .baw-grid-compact {\n gap: .625rem;\n }\n\n .baw-grid-compact .baw-card {\n padding: .75rem;\n }\n\n .baw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .baw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .baw-timeline-content h3 {\n font-size: 14px;\n }\n\n .baw-timeline-content p {\n font-size: 13px;\n }\n\n .baw-testimonial {\n padding: 1.25rem;\n }\n\n .baw-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .baw-card {\n animation: bawFadeInUp .5s ease backwards;\n }\n .baw-card:nth-child(1) { animation-delay: .05s; }\n .baw-card:nth-child(2) { animation-delay: .1s; }\n .baw-card:nth-child(3) { animation-delay: .15s; }\n .baw-card:nth-child(4) { animation-delay: .2s; }\n .baw-card:nth-child(5) { animation-delay: .25s; }\n .baw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bawFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .baw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":55363837559161,"sku":"NBAIBAW0063","price":18.14,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/blaireau_rasage_argente_bambaw.jpg?v=1758534494"},{"product_id":"blaireau-de-rasage-bambaw","title":"Blaireau de rasage - 3 coloris au choix - Bambaw","description":"\u003cdiv class=\"bw-premium\"\u003e\n\n \u003cdiv class=\"bw-hero\"\u003e\n \u003cdiv class=\"bw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bw-hero-content\"\u003e\n \u003cdiv class=\"bw-badges-top\"\u003e\n \u003cspan class=\"bw-badge\"\u003e🌿 100 % vegan\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"bw-badge\"\u003e🎨 3 coloris\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bw-hero-title\"\u003eBlaireau de rasage Bambaw\u003c\/span\u003e\n \u003cp class=\"bw-subtitle\"\u003eL'accessoire premium pour un rasage doux, éthique et zéro déchet\u003c\/p\u003e\n \u003cp class=\"bw-description\"\u003eFibres synthétiques haut de gamme, manche en aluminium anodisé recyclable. Disponible en noir, rose gold ou argent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eBlaireau de rasage Bambaw : l'allié d'un rasage doux, vegan et zéro déchet\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eVous cherchez un blaireau de rasage performant, élégant et respectueux des animaux ? Le blaireau Bambaw a été pensé pour transformer votre rituel de rasage en un véritable moment de soin.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e✨ Fibres haut de gamme\u003c\/h3\u003e\n \u003cp\u003eSensation aussi agréable qu'un blaireau à vrais poils, tout en restant 100 % vegan et cruelty-free.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🎨 3 coloris raffinés\u003c\/h3\u003e\n \u003cp\u003eNoir, rose gold ou argent : il s'adapte à tous les styles et sublime votre salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003ePourquoi utiliser un blaireau pour le rasage ?\u003c\/h2\u003e\n \u003cp class=\"bw-section-intro\"\u003eLe rasage au blaireau n'est pas qu'une question d'esthétique : c'est une technique qui améliore concrètement la qualité de votre rasage au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧴 Une mousse riche et onctueuse\u003c\/h3\u003e\n \u003cp\u003eLe blaireau crée une émulsion parfaite entre l'eau et votre savon à raser, pour une mousse bien plus dense qu'à la main.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🪶 Une exfoliation douce\u003c\/h3\u003e\n \u003cp\u003eLes fibres éliminent les cellules mortes et soulèvent le poil avant le passage de la lame, réduisant les risques de poils incarnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e😌 Un rasage plus confortable\u003c\/h3\u003e\n \u003cp\u003eLa peau est mieux préparée, mieux hydratée, et la lame glisse avec moins de friction. Résultat : moins d'irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e💰 Un geste économique\u003c\/h3\u003e\n \u003cp\u003eVous utilisez moins de savon ou de crème, car le blaireau optimise chaque dose appliquée sur votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eQue vous soyez débutant ou adepte du rasage au blaireau depuis des années, cet accessoire fait une vraie différence au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eCe qui distingue le blaireau Bambaw\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🧵 Fibres synthétiques en nylon\u003c\/h3\u003e\n \u003cp\u003eSans BPA, ultra douces, elles sèchent rapidement, ne retiennent pas les odeurs et ne perdent pas leurs poils au fil du temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🔩 Manche en aluminium anodisé\u003c\/h3\u003e\n \u003cp\u003eLéger, robuste et résistant à la corrosion. Sa surface moletée assure une prise en main ferme, même mouillée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e♻️ Recyclable à l'infini\u003c\/h3\u003e\n \u003cp\u003eL'aluminium du manche se recycle sans perte de qualité, un choix cohérent avec une démarche zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🐰 Certifié vegan\u003c\/h3\u003e\n \u003cp\u003eAucun poil animal utilisé, une alternative éthique sans compromis sur les performances de mousse et de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"bw-specs\"\u003e\n \u003cdiv class=\"bw-spec-row\"\u003e\n \u003cspan class=\"bw-spec-label\"\u003e🧵 Fibres\u003c\/span\u003e\n \u003cspan class=\"bw-spec-value\"\u003eNylon synthétique, sans BPA\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-spec-row\"\u003e\n \u003cspan class=\"bw-spec-label\"\u003e🔩 Manche\u003c\/span\u003e\n \u003cspan class=\"bw-spec-value\"\u003eAluminium anodisé, recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-spec-row\"\u003e\n \u003cspan class=\"bw-spec-label\"\u003e🎨 Coloris\u003c\/span\u003e\n \u003cspan class=\"bw-spec-value\"\u003eNoir, Rose Gold, Argent\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-spec-row\"\u003e\n \u003cspan class=\"bw-spec-label\"\u003e⚖️ Poids\u003c\/span\u003e\n \u003cspan class=\"bw-spec-value\"\u003eEnviron 60 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-spec-row\"\u003e\n \u003cspan class=\"bw-spec-label\"\u003e🐰 Certification\u003c\/span\u003e\n \u003cspan class=\"bw-spec-value\"\u003eVegan et cruelty-free\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre blaireau de rasage ?\u003c\/h2\u003e\n \u003cdiv class=\"bw-timeline\"\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eHumidifier les fibres\u003c\/h3\u003e\n \u003cp\u003ePassez le blaireau sous l'eau tiède pendant quelques secondes pour assouplir les fibres avant chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eCréer la mousse\u003c\/h3\u003e\n \u003cp\u003eFrottez la touffe sur votre savon ou crème à raser en effectuant des mouvements circulaires jusqu'à obtenir une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eAppliquer sur la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur le visage ou la zone à raser avec des gestes rotatifs : cela soulève les poils et répartit la mousse uniformément.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-item\"\u003e\n \u003cdiv class=\"bw-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bw-timeline-content\"\u003e\n \u003ch3\u003eRincer et sécher\u003c\/h3\u003e\n \u003cp\u003eAprès le rasage, rincez soigneusement à l'eau claire, secouez délicatement puis laissez sécher à l'air libre, poils vers le bas sur un support.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-tip\"\u003e\n \u003cspan class=\"bw-tip-icon\"\u003e🧼\u003c\/span\u003e\n \u003cp\u003eUn nettoyage mensuel au savon doux prolongera la durée de vie de votre blaireau et conservera la souplesse de ses fibres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bw-section\"\u003e\n \u003ch2\u003eContenu du coffret\u003c\/h2\u003e\n \u003cdiv class=\"bw-grid-compact\"\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e🪥 1 blaireau de rasage\u003c\/h3\u003e\n \u003cp\u003eBlaireau Bambaw avec manche en aluminium anodisé et fibres synthétiques premium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bw-card\"\u003e\n \u003ch3\u003e📦 Emballage éco-responsable\u003c\/h3\u003e\n \u003cp\u003eCarton recyclé, sans plastique. Coloris au choix : noir, rose gold ou argent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eBambaw : des accessoires durables, pensés pour durer\u003c\/h2\u003e\n \u003cdiv class=\"bw-cta-box\"\u003e\n \u003cp\u003eBambaw conçoit des alternatives réutilisables pour réduire les déchets du quotidien. Ce blaireau de rasage illustre parfaitement leur philosophie : un objet bien conçu, sans plastique, fabriqué pour vous accompagner pendant des années. Un petit geste pour la planète, un grand pas vers un rasage plus responsable et plus agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bw-disclaimer\"\u003eLes produits Bambaw sont conçus en Belgique et distribués dans toute l'Europe. Emballage recyclable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bw-cream: #faf5f0;\n --bw-white: #ffffff;\n --bw-primary: #b87850;\n --bw-primary-dark: #8c5a3a;\n --bw-primary-light: #f5ece4;\n --bw-secondary: #d4a574;\n --bw-accent: #c97b5a;\n --bw-text: #1a1a1a;\n --bw-text-light: #5a5a5a;\n --bw-border: #e8ddd3;\n --bw-shadow: 0 4px 24px rgba(140,90,58,.08);\n --bw-shadow-lg: 0 12px 48px rgba(140,90,58,.15);\n --bw-radius: 20px;\n --bw-radius-sm: 12px;\n}\n\n.bw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bw-hero {\n position: relative;\n background: linear-gradient(135deg, #8c5a3a 0%, #b87850 40%, #d4a574 100%);\n border-radius: var(--bw-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bw-shadow-lg);\n}\n\n.bw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 40px\n );\n opacity: 1;\n}\n\n.bw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bw-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bw-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.bw-description {\n color: rgba(255,255,255,.82);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 560px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bw-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bw-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bw-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bw-primary), var(--bw-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bw-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bw-card {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bw-shadow-lg);\n border-color: var(--bw-primary);\n}\n\n.bw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bw-grid-compact .bw-card {\n padding: 1rem;\n}\n\n.bw-grid-compact .bw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bw-grid-compact .bw-card p {\n font-size: 12px;\n}\n\n\/* === SPECS TABLE === *\/\n.bw-specs {\n background: var(--bw-white);\n border-radius: var(--bw-radius);\n box-shadow: var(--bw-shadow);\n overflow: hidden;\n}\n\n.bw-spec-row {\n display: flex;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--bw-border);\n transition: background .2s ease;\n}\n\n.bw-spec-row:last-child {\n border-bottom: none;\n}\n\n.bw-spec-row:hover {\n background: var(--bw-primary-light);\n}\n\n.bw-spec-label {\n flex: 0 0 40%;\n font-weight: 700;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-primary-dark);\n}\n\n.bw-spec-value {\n flex: 1;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bw-text-light);\n}\n\n\/* === TIMELINE === *\/\n.bw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bw-primary), var(--bw-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bw-timeline-content {\n flex: 1;\n background: var(--bw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bw-radius-sm);\n box-shadow: var(--bw-shadow);\n}\n\n.bw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bw-timeline-content p {\n font-size: 14px;\n color: var(--bw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bw-primary-light);\n border-radius: var(--bw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bw-tip p {\n font-size: 14px;\n color: var(--bw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.bw-cta-box {\n background: linear-gradient(135deg, var(--bw-primary) 0%, var(--bw-primary-dark) 100%);\n border-radius: var(--bw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bw-disclaimer {\n font-size: 12px;\n color: var(--bw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bw-card {\n padding: 1.125rem;\n }\n\n .bw-section {\n margin-bottom: 1.75rem;\n }\n\n .bw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bw-radius-sm);\n }\n\n .bw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bw-grid-compact {\n gap: .625rem;\n }\n\n .bw-grid-compact .bw-card {\n padding: .75rem;\n }\n\n .bw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bw-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bw-timeline-content h3 {\n font-size: 14px;\n }\n\n .bw-timeline-content p {\n font-size: 13px;\n }\n\n .bw-spec-row {\n padding: .875rem 1rem;\n }\n\n .bw-spec-label {\n flex: 0 0 35%;\n font-size: 13px;\n }\n\n .bw-spec-value {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bw-card {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-card:nth-child(1) { animation-delay: .05s; }\n .bw-card:nth-child(2) { animation-delay: .1s; }\n .bw-card:nth-child(3) { animation-delay: .15s; }\n .bw-card:nth-child(4) { animation-delay: .2s; }\n .bw-card:nth-child(5) { animation-delay: .25s; }\n .bw-card:nth-child(6) { animation-delay: .3s; }\n\n .bw-timeline-item {\n animation: bwFadeInUp .5s ease backwards;\n }\n .bw-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bw-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bw-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bw-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes bwFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":55520976208249,"sku":"NBAIBAW0064","price":18.14,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/blaireau-de-rasage-3-coloris-au-choix-bambaw-lifestyle_69e6a873-0b63-4be5-ae13-8a85c9ce6bcf.webp?v=1772532570"},{"product_id":"peigne-a-barbe-dents-fines-cap-bambou","title":"Peigne à barbe en Bois (dents fines) - Cap Bambou","description":"\u003ch2\u003eCap Bambou : le peigne à barbe en bambou aux dents fines\u003c\/h2\u003e \u003cp\u003eLe peigne à barbe Cap Bambou ne se contente pas de coiffer, il soigne également. Fabriqué à partir de bambou 100% naturel, ce peigne est une alternative écologique aux accessoires en plastique. Recouvert d'une cire naturelle, il apporte une brillance élégante à votre barbe ou à vos cheveux fins. Sa conception robuste le rend durable, vous assurant ainsi un usage prolongé.\u003c\/p\u003e \u003ch2\u003eUn concentré de bienfaits\u003c\/h2\u003e \u003cp\u003eOutre sa capacité à discipliner les barbes les plus récalcitrantes, ce peigne aide à prévenir l'apparition de pellicules grâce à son effet massant sur le cuir chevelu. Il réduit également la casse et les fourches, tout en offrant un soin antistatique. Parfait pour les cheveux fins, il s'adapte à toutes vos envies de coiffure.\u003c\/p\u003e \u003ch2\u003eComposition et fabrication\u003c\/h2\u003e \u003cp\u003eCe peigne est fabriqué en Chine à partir de bambou Moso biodégradable. La marque Cap Bambou s'engage à réduire son impact environnemental en développant une filière locale pour l'approvisionnement en bambou. Ce produit est certifié sans plastique et respecte les normes écologiques en vigueur.\u003c\/p\u003e \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e \u003cp\u003eUtilisez le peigne Cap Bambou quotidiennement pour démêler et coiffer votre barbe ou vos cheveux. Pour prolonger sa durée de vie, évitez de l'exposer à l'eau de manière prolongée et nettoyez-le régulièrement avec un chiffon sec.\u003c\/p\u003e \u003ch2\u003eFoire aux questions sur le peigne à barbe Cap Bambou\u003c\/h2\u003e \u003cdetails\u003e\u003csummary\u003eComment entretenir le peigne à barbe Cap Bambou ?\u003c\/summary\u003e\u003cp\u003eNettoyez-le régulièrement avec un chiffon sec pour enlever les résidus. Évitez de l'exposer à l'eau pour préserver le bois.\u003c\/p\u003e\u003c\/details\u003e \u003cdetails\u003e\u003csummary\u003eCe peigne est-il adapté aux cheveux épais ?\u003c\/summary\u003e\u003cp\u003eIl est principalement conçu pour les cheveux fins et les barbes, mais peut être utilisé sur des cheveux épais avec précaution.\u003c\/p\u003e\u003c\/details\u003e \u003cdetails\u003e\u003csummary\u003ePeut-on utiliser ce peigne sur cheveux mouillés ?\u003c\/summary\u003e\u003cp\u003eIl est conseillé de l'utiliser sur cheveux secs pour éviter d'endommager le bambou.\u003c\/p\u003e\u003c\/details\u003e \u003cdetails\u003e\u003csummary\u003eOù est fabriqué le peigne Cap Bambou ?\u003c\/summary\u003e\u003cp\u003eIl est fabriqué en Chine, avec des matières premières également en provenance de Chine.\u003c\/p\u003e\u003c\/details\u003e","brand":"CAP BAMBOU","offers":[{"title":"Default Title","offer_id":55363865575801,"sku":"NBAICBA0015","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/peinge-barbe-cap-bambou.webp?v=1750675037"},{"product_id":"creme-a-raser-solide-sans-blaireau-au-poil-lamazuna","title":"Crème à raser solide sans blaireau « Au Poil » - Lamazuna","description":"\u003cdiv class=\"lz-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lz-hero\"\u003e\n \u003cdiv class=\"lz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lz-hero-content\"\u003e\n \u003cdiv class=\"lz-badges-top\"\u003e\n \u003cspan class=\"lz-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"lz-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"lz-badge\"\u003e🐰 Vegan \u0026amp; Cruelty-Free\u003c\/span\u003e\n \u003cspan class=\"lz-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lz-hero-title\"\u003eCrème à raser solide « Au Poil »\u003c\/span\u003e\n \u003cp class=\"lz-subtitle\"\u003eLamazuna — Soin de rasage solide au beurre de karité bio\u003c\/p\u003e\n \u003cp class=\"lz-description\"\u003eUne mousse onctueuse, un rasage tout en douceur, zéro plastique. Visage \u0026amp; corps, pour toutes les peaux — même les plus sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003eCrème à raser solide au beurre de karité bio : un rasage doux et zéro déchet\u003c\/h2\u003e\n \u003cp class=\"lz-section-intro\"\u003eVous cherchez un savon à raser naturel qui prend soin de votre peau autant que de la planète ?\u003c\/p\u003e\n \u003cdiv class=\"lz-grid\"\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🧴 Soin de rasage premium\u003c\/h3\u003e\n \u003cp\u003eBien plus qu'une alternative écologique : une véritable crème de soin enrichie au beurre de karité bio qui nourrit votre peau en profondeur à chaque rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🍋 Parfum thé vert-citron\u003c\/h3\u003e\n \u003cp\u003eUne fragrance naturelle subtilement fraîche et tonifiante qui transforme votre rasage en un moment de bien-être sensoriel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e✨ Mousse onctueuse\u003c\/h3\u003e\n \u003cp\u003eProduit une mousse généreuse et crémeuse qui facilite la glisse du rasoir tout en protégeant votre peau des irritations et des coupures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🦵 Toutes les zones\u003c\/h3\u003e\n \u003cp\u003eVisage, jambes, aisselles, maillot… ce savon à raser bio convient à toutes les zones du corps et à tous les types de peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003ePourquoi adopter ce savon à raser solide ?\u003c\/h2\u003e\n \u003cdiv class=\"lz-grid\"\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🛡️ Mousse riche et protectrice\u003c\/h3\u003e\n \u003cp\u003eLes argiles (kaolin, montmorillonite, illite) créent un film glissant qui réduit les irritations, les rougeurs et les coupures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🚫 Sans blaireau nécessaire\u003c\/h3\u003e\n \u003cp\u003eFrottez directement le pain sur peau humide pour obtenir une mousse généreuse. Vous pouvez aussi l'utiliser avec un blaireau si vous préférez le rituel classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🌱 100 % d'ingrédients naturels\u003c\/h3\u003e\n \u003cp\u003eSans sulfates, sans parabènes, sans silicones. Certifié vegan et cruelty-free pour un rasage en toute confiance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e💰 Ultra économique\u003c\/h3\u003e\n \u003cp\u003eUn pain de 55 g remplace environ 3 bombes de mousse classiques, soit 2 à 3 mois d'utilisation quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e📦 Emballage compostable\u003c\/h3\u003e\n \u003cp\u003eAucun plastique, une démarche zéro déchet cohérente du début à la fin. Votre salle de bain vous dit merci.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003eComment utiliser cette crème à raser solide ?\u003c\/h2\u003e\n \u003cp class=\"lz-section-intro\"\u003e\u003cstrong\u003eMéthode directe (sans blaireau) :\u003c\/strong\u003e\u003c\/p\u003e\n \u003cdiv class=\"lz-timeline\"\u003e\n \u003cdiv class=\"lz-timeline-item\"\u003e\n \u003cdiv class=\"lz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez la zone\u003c\/h3\u003e\n \u003cp\u003eMouillez généreusement la zone à raser avec de l'eau tiède pour assouplir les poils et ouvrir les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-item\"\u003e\n \u003cdiv class=\"lz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-content\"\u003e\n \u003ch3\u003eMouillez le pain\u003c\/h3\u003e\n \u003cp\u003ePassez le pain sous l'eau pendant 2 à 3 secondes pour activer ses agents moussants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-item\"\u003e\n \u003cdiv class=\"lz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez délicatement le pain sur la peau en effectuant des mouvements circulaires jusqu'à obtenir une mousse crémeuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-item\"\u003e\n \u003cdiv class=\"lz-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-content\"\u003e\n \u003ch3\u003eRasez et rincez\u003c\/h3\u003e\n \u003cp\u003eRasez en douceur, puis rincez à l'eau claire. Admirez une peau douce et nourrie !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"lz-tip\"\u003e\n \u003cspan class=\"lz-tip-icon\"\u003e🪒\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eMéthode au blaireau :\u003c\/strong\u003e frottez votre blaireau humide sur le pain, puis montez la mousse directement sur la peau. Idéal pour les amateurs du rituel traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"lz-tip\"\u003e\n \u003cspan class=\"lz-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e laissez tremper le pain 30 secondes dans de l'eau tiède avant utilisation pour obtenir une mousse encore plus riche et aérienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"lz-grid\"\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🥥 Sodium Cocoyl Isethionate\u003c\/h3\u003e\n \u003cp\u003eTensioactif doux dérivé de la noix de coco, il produit une mousse légère et respectueuse de la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🧈 Butyrospermum Parkii*\u003c\/h3\u003e\n \u003cp\u003eBeurre de karité bio, nourrissant et protecteur. L'ingrédient star pour une peau douce après le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🌾 Stearic \u0026amp; Palmitic Acid\u003c\/h3\u003e\n \u003cp\u003eAcides gras végétaux qui renforcent la mousse et lui donnent sa texture onctueuse et protectrice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e�ite Kaolin, Montmorillonite, Illite\u003c\/h3\u003e\n \u003cp\u003eTrio d'argiles naturelles qui assure la glisse optimale du rasoir et protège la peau des micro-coupures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🌻 Tocopherol \u0026amp; Helianthus Annuus\u003c\/h3\u003e\n \u003cp\u003eVitamine E et huile de tournesol, puissants antioxydants naturels qui protègent et régénèrent la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🍃 Parfum naturel\u003c\/h3\u003e\n \u003cp\u003eFragrance thé vert-citron d'origine naturelle. Émulsifiants végétaux (Caprylyl\/Capryl Glucoside, Lauryl Glucoside).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"lz-disclaimer\"\u003e*Ingrédient issu de l'agriculture biologique certifiée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003eFiche technique\u003c\/h2\u003e\n \u003cdiv class=\"lz-grid-compact\"\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e⚖️ Poids net\u003c\/h3\u003e\n \u003cp\u003e55 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e⏱️ Durée d'utilisation\u003c\/h3\u003e\n \u003cp\u003e2 à 3 mois (quotidien) \/ jusqu'à 6 mois (occasionnel)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🏅 Certifications\u003c\/h3\u003e\n \u003cp\u003eSlow Cosmétique, Vegan Society, Cruelty-Free, COSMOS Natural\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eMade in France (Drôme)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e📅 PAO\u003c\/h3\u003e\n \u003cp\u003e12 mois après ouverture\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e📦 Emballage\u003c\/h3\u003e\n \u003cp\u003e100 % compostable, zéro plastique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eÀ propos de Lamazuna\u003c\/h2\u003e\n \u003cdiv class=\"lz-testimonial\"\u003e\n \u003cp class=\"lz-testimonial-text\"\u003ePionnière française du cosmétique solide depuis 2010, Lamazuna conçoit tous ses produits dans la Drôme avec une exigence forte : des formules naturelles, efficaces et zéro déchet. La crème « Au Poil » incarne parfaitement cette philosophie en proposant le meilleur savon à raser alliant performance et respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous un rasage doux, naturel et zéro déchet.\u003cbr\u003eUn geste simple pour votre peau et pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lz-disclaimer\"\u003eCe produit cosmétique ne constitue pas un traitement médical. En cas de doute sur une réaction cutanée, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lz-cream: #f7f5f0;\n --lz-white: #ffffff;\n --lz-primary: #6aae35;\n --lz-primary-dark: #3d6e1c;\n --lz-primary-light: #eef6e5;\n --lz-secondary: #a8c94e;\n --lz-accent: #d4e157;\n --lz-text: #1a1a1a;\n --lz-text-light: #5a5a5a;\n --lz-border: #e0e0e0;\n --lz-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lz-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lz-radius: 20px;\n --lz-radius-sm: 12px;\n}\n\n.lz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lz-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6e1c 0%, #6aae35 45%, #a8c94e 100%);\n border-radius: var(--lz-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lz-shadow-lg);\n}\n\n.lz-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.12) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 60%);\n opacity: 1;\n}\n\n.lz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lz-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.lz-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.lz-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lz-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lz-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lz-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lz-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lz-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.lz-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lz-primary), var(--lz-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.lz-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lz-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lz-card {\n background: var(--lz-white);\n border-radius: var(--lz-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lz-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lz-shadow-lg);\n border-color: var(--lz-primary);\n}\n\n.lz-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lz-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lz-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lz-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lz-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lz-grid-compact .lz-card {\n padding: 1rem;\n}\n\n.lz-grid-compact .lz-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lz-grid-compact .lz-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lz-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lz-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lz-primary), var(--lz-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.lz-timeline-content {\n flex: 1;\n background: var(--lz-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lz-radius-sm);\n box-shadow: var(--lz-shadow);\n}\n\n.lz-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lz-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lz-timeline-content p {\n font-size: 14px;\n color: var(--lz-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.lz-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lz-primary-light);\n border-radius: var(--lz-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lz-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lz-tip p {\n font-size: 14px;\n color: var(--lz-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.lz-testimonial {\n background: var(--lz-white);\n border-radius: var(--lz-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lz-shadow);\n border-left: 4px solid var(--lz-primary);\n margin-bottom: 1.5rem;\n}\n\n.lz-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lz-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.lz-cta-box {\n background: linear-gradient(135deg, var(--lz-primary) 0%, var(--lz-primary-dark) 100%);\n border-radius: var(--lz-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lz-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lz-disclaimer {\n font-size: 12px;\n color: var(--lz-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .lz-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lz-card {\n padding: 1.125rem;\n }\n\n .lz-section {\n margin-bottom: 1.75rem;\n }\n\n .lz-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lz-radius-sm);\n }\n\n .lz-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lz-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lz-grid-compact {\n gap: .625rem;\n }\n\n .lz-grid-compact .lz-card {\n padding: .75rem;\n }\n\n .lz-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lz-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lz-timeline-content h3 {\n font-size: 14px;\n }\n\n .lz-timeline-content p {\n font-size: 13px;\n }\n\n .lz-testimonial {\n padding: 1.25rem;\n }\n\n .lz-testimonial-text {\n font-size: 14px;\n }\n\n .lz-tip {\n padding: .875rem 1rem;\n }\n\n .lz-tip-icon {\n font-size: 20px;\n }\n\n .lz-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lz-card {\n animation: lzFadeInUp .5s ease backwards;\n }\n .lz-card:nth-child(1) { animation-delay: .05s; }\n .lz-card:nth-child(2) { animation-delay: .1s; }\n .lz-card:nth-child(3) { animation-delay: .15s; }\n .lz-card:nth-child(4) { animation-delay: .2s; }\n .lz-card:nth-child(5) { animation-delay: .25s; }\n .lz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lzFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .lz-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":55637812969849,"sku":"NBAILAM0040","price":12.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-a-raser-solide-sans-blaireau-au-poil-lamazuna-packshothd.webp?v=1775740944"},{"product_id":"100-lames-pour-rasoir-de-surete-en-metal-bambaw","title":"100 Lames de Rasoir de sûreté - Bambaw","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: 100 Lames de Rasoir de sûreté Bambaw\nPalette détectée:\n - Primaire: #4A7C59 (vert sauge\/bambou du packaging)\n - Secondaire: #C4A962 (kraft\/doré du carton)\n - Accent: #8B9A8B (gris-vert acier des lames)\nAmbiance: Éco-responsable, minimaliste, naturel\/bambou, zéro déchet, scandinave épuré\nPréfixe CSS: bbw\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir les lames Bambaw pour votre rasoir de sûreté ?\"\n 2. \"Jusqu'à deux ans de rasage avec un seul pack\"\n 3. \"Un choix écologique et zéro déchet\"\n 4. \"Comment utiliser ces lames de rasoir ?\"\n 5. \"Caractéristiques techniques\"\n 6. \"Questions fréquentes sur les lames de rasoir Bambaw\"\n 7. \"L'engagement Bambaw\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bbw-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bbw-hero\"\u003e\n \u003cdiv class=\"bbw-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bbw-hero-content\"\u003e\n \u003cdiv class=\"bbw-badges-top\"\u003e\n \u003cspan class=\"bbw-badge\"\u003e🌿 Zéro plastique\u003c\/span\u003e\n \u003cspan class=\"bbw-badge\"\u003e🇸🇪 Acier suédois\u003c\/span\u003e\n \u003cspan class=\"bbw-badge\"\u003e♻️ 100% recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bbw-hero-title\"\u003e100 Lames de Rasoir de Sûreté\u003c\/span\u003e\n \u003cp class=\"bbw-subtitle\"\u003eJusqu'à 2 ans de rasage premium\u003c\/p\u003e\n \u003cp class=\"bbw-description\"\u003eDes lames en acier inoxydable suédois avec revêtement platine pour un rasage précis, doux et sans irritations. L'alternative durable aux cartouches jetables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bbw-section\"\u003e\n \u003ch2\u003ePourquoi choisir les lames Bambaw pour votre rasoir de sûreté ?\u003c\/h2\u003e\n \u003cp class=\"bbw-section-intro\"\u003eContrairement aux lames jetables classiques ou aux systèmes à cartouches coûteux, les lames Bambaw allient performance et durabilité.\u003c\/p\u003e\n \u003cdiv class=\"bbw-grid\"\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e✨ Rasage de précision\u003c\/h3\u003e\n \u003cp\u003eTranchant ultra-fin qui glisse en douceur, coupant le poil à la surface sans tirer ni arracher. Peau parfaitement lisse, sans poils incarnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e🇸🇪 Acier suédois premium\u003c\/h3\u003e\n \u003cp\u003eQualité exceptionnelle garantissant une coupe nette et durable. Le revêtement platine protège de la corrosion et de l'usure prématurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e🔧 Compatibilité universelle\u003c\/h3\u003e\n \u003cp\u003eS'adapte à tous les rasoirs de sûreté du marché : rasoir papillon, peigne fermé ou ouvert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e🌸 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eLe rasage à une seule lame limite les passages répétés, réduisant les risques d'irritation et de rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bbw-section\"\u003e\n \u003ch2\u003eJusqu'à deux ans de rasage avec un seul pack\u003c\/h2\u003e\n \u003cp class=\"bbw-section-intro\"\u003eCe lot de 100 lames représente une véritable économie sur le long terme. Selon votre fréquence de rasage, une lame dure 3 à 7 rasages.\u003c\/p\u003e\n \u003cdiv class=\"bbw-grid-compact\"\u003e\n \u003cdiv class=\"bbw-card bbw-card-highlight\"\u003e\n \u003ch3\u003e📅 Rasage quotidien\u003c\/h3\u003e\n \u003cp\u003e12 à 18 mois d'utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card bbw-card-highlight\"\u003e\n \u003ch3\u003e📆 2-3 fois\/semaine\u003c\/h3\u003e\n \u003cp\u003ePlus de 2 ans d'autonomie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-tip\"\u003e\n \u003cspan class=\"bbw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eFini les achats fréquents de recharges onéreuses ! Économies substantielles et démarche responsable garanties.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bbw-section\"\u003e\n \u003ch2\u003eUn choix écologique et zéro déchet\u003c\/h2\u003e\n \u003cp class=\"bbw-section-intro\"\u003eLes rasoirs jetables génèrent des tonnes de déchets plastiques chaque année. Avec Bambaw, faites un geste concret pour la planète.\u003c\/p\u003e\n \u003cdiv class=\"bbw-grid\"\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e📦 Emballage 100% recyclable\u003c\/h3\u003e\n \u003cp\u003eChaque lame est enveloppée dans du papier ciré, rangée dans des boîtes en carton biodégradable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e♻️ Lames recyclables\u003c\/h3\u003e\n \u003cp\u003eL'acier inoxydable se recycle indéfiniment. Collectez vos lames usagées et déposez-les en point de collecte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e🚫 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eContrairement aux cartouches Gillette ou Philips, aucun plastique n'est utilisé dans ce produit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bbw-section\"\u003e\n \u003ch2\u003eComment utiliser ces lames de rasoir ?\u003c\/h2\u003e\n \u003cp class=\"bbw-section-intro\"\u003eQue vous soyez novice ou adepte du rasage traditionnel, ces lames s'utilisent très simplement.\u003c\/p\u003e\n \u003cdiv class=\"bbw-timeline\"\u003e\n \u003cdiv class=\"bbw-timeline-item\"\u003e\n \u003cspan class=\"bbw-timeline-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"bbw-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eHumidifiez la zone à raser avec de l'eau chaude et appliquez un savon ou une mousse de rasage de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-timeline-item\"\u003e\n \u003cspan class=\"bbw-timeline-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"bbw-timeline-content\"\u003e\n \u003ch3\u003eInsérez la lame\u003c\/h3\u003e\n \u003cp\u003eOuvrez votre rasoir de sûreté et placez délicatement la lame en la tenant par ses extrémités protégées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-timeline-item\"\u003e\n \u003cspan class=\"bbw-timeline-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"bbw-timeline-content\"\u003e\n \u003ch3\u003eRasez en douceur\u003c\/h3\u003e\n \u003cp\u003eMaintenez un angle d'environ 30° entre la lame et votre peau. Mouvements courts et légers, dans le sens du poil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-timeline-item\"\u003e\n \u003cspan class=\"bbw-timeline-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"bbw-timeline-content\"\u003e\n \u003ch3\u003eRincez et hydratez\u003c\/h3\u003e\n \u003cp\u003eRincez votre peau à l'eau fraîche et appliquez un soin hydratant ou un baume après-rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-tip\"\u003e\n \u003cspan class=\"bbw-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour prolonger la durée de vie de vos lames, rincez-les soigneusement après chaque utilisation et laissez-les sécher à l'air libre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"bbw-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"bbw-grid-compact\"\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e🔩 Matériau\u003c\/h3\u003e\n \u003cp\u003eAcier inoxydable suédois, revêtement platine anti-corrosion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e⚔️ Type\u003c\/h3\u003e\n \u003cp\u003eLames double tranchant (DE - Double Edge)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e📐 Dimensions\u003c\/h3\u003e\n \u003cp\u003eFormat standard universel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n \u003cp\u003e100 lames (20 boîtes × 5 lames)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e🌿 Emballage\u003c\/h3\u003e\n \u003cp\u003ePapier ciré et carton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bbw-card\"\u003e\n \u003ch3\u003e🔧 Compatibilité\u003c\/h3\u003e\n \u003cp\u003eTous rasoirs de sûreté classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"bbw-section\"\u003e\n \u003ch2\u003eNos réponses à vos intérrogations\u003c\/h2\u003e\n \u003cdiv class=\"bbw-accordion\"\u003e\n \u003cdetails class=\"bbw-accordion-item\"\u003e\n \u003csummary class=\"bbw-accordion-header\"\u003e👩 Ces lames conviennent-elles aux femmes ?\u003c\/summary\u003e\n \u003cdiv class=\"bbw-accordion-content\"\u003e\n \u003cp\u003eAbsolument ! Les lames de sûreté sont parfaites pour le rasage des jambes, des aisselles et du maillot. Le rasage à une lame est souvent mieux toléré par les peaux féminines, plus sujettes aux irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bbw-accordion-item\"\u003e\n \u003csummary class=\"bbw-accordion-header\"\u003e🔌 Puis-je utiliser ces lames avec mon rasoir Philips OneBlade ?\u003c\/summary\u003e\n \u003cdiv class=\"bbw-accordion-content\"\u003e\n \u003cp\u003eNon, ces lames sont conçues exclusivement pour les rasoirs de sûreté traditionnels à lame double tranchant. Les rasoirs électriques OneBlade ou Philips nécessitent des têtes spécifiques proposées par le fabricant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bbw-accordion-item\"\u003e\n \u003csummary class=\"bbw-accordion-header\"\u003e⏱️ Combien de temps dure une lame ?\u003c\/summary\u003e\n \u003cdiv class=\"bbw-accordion-content\"\u003e\n \u003cp\u003eEn moyenne, une lame reste efficace pendant 3 à 7 rasages, selon la densité de vos poils et la zone rasée. Dès que vous ressentez une perte de glisse ou un léger tiraillement, il est temps de la remplacer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bbw-accordion-item\"\u003e\n \u003csummary class=\"bbw-accordion-header\"\u003e♻️ Comment recycler les lames usagées ?\u003c\/summary\u003e\n \u003cdiv class=\"bbw-accordion-content\"\u003e\n \u003cp\u003eStockez vos lames usagées dans une petite boîte métallique ou le compartiment prévu à cet effet sur certains rasoirs. Une fois pleine, déposez-la dans un point de collecte des métaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"bbw-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'engagement Bambaw\u003c\/h2\u003e\n \u003cdiv class=\"bbw-cta-box\"\u003e\n \u003cp\u003e🇧🇪 Bambaw est une marque belge engagée dans la réduction des déchets au quotidien. Tous leurs produits sont pensés pour durer, avec des matériaux de qualité et des emballages éco-responsables. En choisissant ces lames, vous soutenez une entreprise qui place l'environnement au cœur de ses préoccupations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bbw-disclaimer\"\u003eLes lames de rasoir sont des objets tranchants. Manipulez-les avec précaution et gardez-les hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bbw-cream: #f8f7f4;\n --bbw-white: #ffffff;\n --bbw-primary: #4A7C59;\n --bbw-primary-dark: #3a6147;\n --bbw-primary-light: #e8f0ea;\n --bbw-secondary: #C4A962;\n --bbw-accent: #8B9A8B;\n --bbw-text: #1a1a1a;\n --bbw-text-light: #5a5a5a;\n --bbw-border: #e0e0e0;\n --bbw-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bbw-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bbw-radius: 20px;\n --bbw-radius-sm: 12px;\n}\n\n.bbw-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bbw-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bbw-hero {\n position: relative;\n background: linear-gradient(135deg, #4A7C59 0%, #3a6147 50%, #2d4a36 100%);\n border-radius: var(--bbw-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bbw-shadow-lg);\n}\n\n.bbw-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L30 55 M15 10 L15 50 M45 10 L45 50' stroke='%23ffffff' stroke-width='2' fill='none' opacity='0.1'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.bbw-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bbw-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bbw-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bbw-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bbw-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bbw-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bbw-subtitle {\n color: var(--bbw-secondary);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.bbw-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.bbw-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bbw-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bbw-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bbw-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bbw-primary), var(--bbw-secondary));\n border-radius: 2px;\n}\n\n.bbw-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bbw-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bbw-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bbw-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bbw-card {\n background: var(--bbw-white);\n border-radius: var(--bbw-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bbw-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bbw-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bbw-shadow-lg);\n border-color: var(--bbw-primary);\n}\n\n.bbw-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bbw-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bbw-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bbw-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bbw-card-highlight {\n background: linear-gradient(135deg, var(--bbw-primary-light) 0%, #fff 100%);\n border: 2px solid var(--bbw-primary);\n}\n\n.bbw-grid-compact .bbw-card {\n padding: 1rem;\n}\n\n.bbw-grid-compact .bbw-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bbw-grid-compact .bbw-card p {\n font-size: 12px;\n}\n\n.bbw-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bbw-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bbw-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bbw-primary), var(--bbw-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bbw-timeline-content {\n flex: 1;\n background: var(--bbw-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bbw-radius-sm);\n box-shadow: var(--bbw-shadow);\n}\n\n.bbw-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bbw-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bbw-timeline-content p {\n font-size: 14px;\n color: var(--bbw-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bbw-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bbw-primary-light);\n border-radius: var(--bbw-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bbw-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bbw-tip p {\n font-size: 14px;\n color: var(--bbw-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.bbw-accordion {\n background: var(--bbw-white);\n border-radius: var(--bbw-radius);\n box-shadow: var(--bbw-shadow);\n overflow: hidden;\n}\n\n.bbw-accordion-item {\n border-bottom: 1px solid var(--bbw-border);\n margin: 0;\n padding: 0;\n}\n\n.bbw-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bbw-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bbw-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bbw-accordion-header:hover {\n background: var(--bbw-primary-light);\n}\n\n.bbw-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bbw-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bbw-primary);\n transition: transform .2s ease;\n}\n\n.bbw-accordion-item[open] .bbw-accordion-header::after {\n content: '−';\n}\n\n.bbw-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bbw-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bbw-accordion-content p {\n margin: 0;\n}\n\n.bbw-cta-box {\n background: linear-gradient(135deg, var(--bbw-primary) 0%, var(--bbw-primary-dark) 100%);\n border-radius: var(--bbw-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bbw-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.bbw-disclaimer {\n font-size: 12px;\n color: var(--bbw-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .bbw-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bbw-card {\n padding: 1.125rem;\n }\n \n .bbw-section {\n margin-bottom: 1.75rem;\n }\n \n .bbw-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bbw-radius-sm);\n }\n \n .bbw-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bbw-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bbw-grid-compact {\n gap: .625rem;\n }\n \n .bbw-grid-compact .bbw-card {\n padding: .75rem;\n }\n \n .bbw-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .bbw-timeline-content {\n padding: .875rem 1rem;\n }\n \n .bbw-timeline-content h3 {\n font-size: 14px;\n }\n \n .bbw-timeline-content p {\n font-size: 13px;\n }\n \n .bbw-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bbw-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bbw-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bbw-card:nth-child(1) { animation-delay: .05s; }\n .bbw-card:nth-child(2) { animation-delay: .1s; }\n .bbw-card:nth-child(3) { animation-delay: .15s; }\n .bbw-card:nth-child(4) { animation-delay: .2s; }\n .bbw-card:nth-child(5) { animation-delay: .25s; }\n .bbw-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bbw-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"BAMBAW","offers":[{"title":"Default Title","offer_id":55664209691001,"sku":"NBAIBAW0053","price":16.75,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/100-lames-de-rasoir-de-surete-bambaw-lifestyle.webp?v=1769758387"},{"product_id":"pain-de-rasage-bio-homme-beurre-de-karite-blondepil","title":"Pain de rasage bio homme Blondépil – Beurre de karité \u0026 amande douce","description":"\u003cdiv class=\"pr-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pr-hero\"\u003e\n \u003cdiv class=\"pr-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pr-hero-content\"\u003e\n \u003cdiv class=\"pr-badges-top\"\u003e\n \u003cspan class=\"pr-badge\"\u003e🌿 Bio certifié COSMOS\u003c\/span\u003e\n \u003cspan class=\"pr-badge\"\u003e🧼 Zéro plastique\u003c\/span\u003e\n \u003cspan class=\"pr-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"pr-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pr-hero-title\"\u003ePain de rasage bio homme Blondépil\u003c\/span\u003e\n \u003cp class=\"pr-subtitle\"\u003eBeurre de karité \u0026amp; amande douce\u003c\/p\u003e\n \u003cp class=\"pr-description\"\u003eUne mousse onctueuse et protectrice, certifiée bio, qui prend soin de votre peau à chaque passage de lame. 98 % d'ingrédients d'origine naturelle, fabriqué en France, zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"pr-section\"\u003e\n \u003ch2\u003ePourquoi ce savon de rasage bio fait la différence\u003c\/h2\u003e\n \u003cp class=\"pr-section-intro\"\u003eUn bon rasage commence par une mousse de qualité. Ce savon de rasage bio homme se distingue par sa capacité à générer une mousse dense et protectrice dès les premières secondes. Le beurre de karité nourrit la peau en profondeur pendant que la lame glisse, tandis que l'huile d'amande douce laisse un film apaisant qui réduit sensiblement les irritations et le feu du rasoir. Résultat : une peau douce, nette, sans tiraillements.\u003c\/p\u003e\n \u003cdiv class=\"pr-grid-compact\"\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e🪒 Mousse épaisse et protectrice\u003c\/h3\u003e\n \u003cp\u003eFacilite la glisse du rasoir et limite les coupures dès la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e😌 Confort immédiat\u003c\/h3\u003e\n \u003cp\u003eApaise les peaux sensibles et réactives dès l'application de la mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e💰 Format économique\u003c\/h3\u003e\n \u003cp\u003eUn seul pain remplace plusieurs bombes de mousse classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e♻️ Démarche zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage 100 % recyclable, aucun plastique dans le produit ni le packaging.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"pr-section\"\u003e\n \u003ch2\u003eComposition complète — 98 % d'origine naturelle\u003c\/h2\u003e\n \u003cp class=\"pr-section-intro\"\u003eVoici la liste détaillée des ingrédients de ce savon de rasage solide bio — une formule vegan, sans huile de palme, sans colorant de synthèse.\u003c\/p\u003e\n \u003cdiv class=\"pr-grid\"\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eButyrospermum Parkii Butter — hydrate, nourrit et protège l'épiderme en profondeur pendant le rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e🌰 Huile d'amande douce bio\u003c\/h3\u003e\n \u003cp\u003ePrunus Amygdalus Dulcis Oil — adoucit la peau et calme les rougeurs après le passage de la lame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e🤍 Kaolin (argile blanche)\u003c\/h3\u003e\n \u003cp\u003eStructure la mousse et offre une micro-exfoliation délicate pour un rasage de près.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e🥥 Sodium Coco-Sulfate\u003c\/h3\u003e\n \u003cp\u003eAgent moussant d'origine végétale (coco), doux pour la peau et très efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-card\"\u003e\n \u003ch3\u003e🌿 Parfum d'origine naturelle\u003c\/h3\u003e\n \u003cp\u003eNote fraîche et discrète. Peut contenir des allergènes (Limonene, Linalool).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"pr-section\"\u003e\n \u003ch2\u003eComment utiliser ce pain de rasage solide homme\u003c\/h2\u003e\n \u003cdiv class=\"pr-timeline\"\u003e\n \u003cdiv class=\"pr-timeline-item\"\u003e\n \u003cdiv class=\"pr-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pr-timeline-content\"\u003e\n \u003ch3\u003eHumidifiez\u003c\/h3\u003e\n \u003cp\u003ePassez le pain sous l'eau tiède pendant quelques secondes pour activer la mousse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-timeline-item\"\u003e\n \u003cdiv class=\"pr-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pr-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFrottez le savon entre vos mains humides ou directement sur la zone à raser jusqu'à obtenir une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-timeline-item\"\u003e\n \u003cdiv class=\"pr-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pr-timeline-content\"\u003e\n \u003ch3\u003eAppliquez et rasez\u003c\/h3\u003e\n \u003cp\u003eÉtalez la mousse généreusement sur la zone de rasage, puis rasez dans le sens du poil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-timeline-item\"\u003e\n \u003cdiv class=\"pr-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"pr-timeline-content\"\u003e\n \u003ch3\u003eRincez et hydratez\u003c\/h3\u003e\n \u003cp\u003eRincez à l'eau tiède et terminez par un baume ou une huile après-rasage pour prolonger l'hydratation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pr-tip\"\u003e\n \u003cspan class=\"pr-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e ce savon de rasage bio fonctionne aussi parfaitement avec un blaireau. Frottez-le sur le pain humide en mouvements circulaires pour obtenir une mousse encore plus dense et enveloppante. Il convient également aux femmes qui recherchent un savon de rasage bio doux pour les jambes ou les aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"pr-section\"\u003e\n \u003ch2\u003eConservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"pr-accordion\"\u003e\n \u003cdetails class=\"pr-accordion-item\" open\u003e\n \u003csummary class=\"pr-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pr-accordion-content mt-3\"\u003e\n \u003cp\u003ePosez le pain sur un \u003cstrong\u003eporte-savon ajouré\u003c\/strong\u003e après chaque utilisation pour qu'il sèche correctement. Conservez-le à l'abri de l'eau stagnante : il durera ainsi plusieurs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pr-accordion-item\"\u003e\n \u003csummary class=\"pr-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"pr-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de peau très réactive, testez sur une petite zone avant la première utilisation complète. Éviter le contact avec les yeux. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"pr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn geste quotidien plus responsable\u003c\/h2\u003e\n \u003cdiv class=\"pr-cta-box\"\u003e\n \u003cp\u003eChoisir le pain de rasage Blondépil Homme Bio, c'est opter pour un rituel de soin authentique, fabriqué en Occitanie avec des ingrédients issus de l'agriculture biologique. Chaque matin, vous prenez soin de votre peau sans compromettre vos engagements environnementaux. Un rasage doux, une conscience tranquille — difficile de demander mieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"pr-disclaimer\"\u003eComplément cosmétique. Les résultats peuvent varier selon les types de peau. Formule certifiée COSMOS Organic par Ecocert.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --pr-cream: #f7f5f2;\n --pr-white: #ffffff;\n --pr-primary: #1e3a5f;\n --pr-primary-dark: #152942;\n --pr-primary-light: #e8eef5;\n --pr-secondary: #c0392b;\n --pr-accent: #27ae60;\n\n \/* Textes *\/\n --pr-text: #1a1a1a;\n --pr-text-light: #5a5a5a;\n\n \/* Effets *\/\n --pr-border: #dde3ea;\n --pr-shadow: 0 4px 24px rgba(30,58,95,.08);\n --pr-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --pr-radius: 20px;\n --pr-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pr-hero {\n position: relative;\n background: linear-gradient(135deg, #152942 0%, #1e3a5f 40%, #2c5282 100%);\n border-radius: var(--pr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pr-shadow-lg);\n}\n\n.pr-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background:\n repeating-linear-gradient(\n -45deg,\n transparent,\n transparent 18px,\n rgba(255,255,255,.03) 18px,\n rgba(255,255,255,.03) 20px\n ),\n repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 18px,\n rgba(192,57,43,.04) 18px,\n rgba(192,57,43,.04) 20px\n );\n opacity: 1;\n}\n\n.pr-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pr-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.pr-subtitle {\n font-size: clamp(16px, 3vw, 22px);\n color: rgba(255,255,255,.85);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.pr-description {\n font-size: clamp(14px, 2.5vw, 17px);\n color: rgba(255,255,255,.75);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pr-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pr-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pr-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pr-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pr-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pr-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.pr-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pr-primary), var(--pr-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pr-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pr-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pr-card {\n background: var(--pr-white);\n border-radius: var(--pr-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pr-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pr-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pr-shadow-lg);\n border-color: var(--pr-primary);\n}\n\n.pr-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pr-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pr-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pr-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.pr-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pr-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pr-grid-compact .pr-card {\n padding: 1rem;\n}\n\n.pr-grid-compact .pr-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pr-grid-compact .pr-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pr-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pr-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pr-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pr-primary), var(--pr-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pr-timeline-content {\n flex: 1;\n background: var(--pr-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pr-radius-sm);\n box-shadow: var(--pr-shadow);\n}\n\n.pr-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pr-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pr-timeline-content p {\n font-size: 14px;\n color: var(--pr-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.pr-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pr-primary-light);\n border-radius: var(--pr-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pr-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pr-tip p {\n font-size: 14px;\n color: var(--pr-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pr-accordion {\n background: var(--pr-white);\n border-radius: var(--pr-radius);\n box-shadow: var(--pr-shadow);\n overflow: hidden;\n}\n\n.pr-accordion-item {\n border-bottom: 1px solid var(--pr-border);\n margin: 0;\n padding: 0;\n}\n\n.pr-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pr-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pr-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pr-accordion-header:hover {\n background: var(--pr-primary-light);\n}\n\n.pr-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pr-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pr-primary);\n transition: transform .2s ease;\n}\n\n.pr-accordion-item[open] .pr-accordion-header::after {\n content: '−';\n}\n\n.pr-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pr-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pr-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pr-cta-box {\n background: linear-gradient(135deg, var(--pr-primary) 0%, var(--pr-primary-dark) 100%);\n border-radius: var(--pr-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pr-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pr-disclaimer {\n font-size: 12px;\n color: var(--pr-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pr-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pr-card {\n padding: 1.125rem;\n }\n\n .pr-section {\n margin-bottom: 1.75rem;\n }\n\n .pr-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pr-radius-sm);\n }\n\n .pr-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pr-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pr-grid-compact {\n gap: .625rem;\n }\n\n .pr-grid-compact .pr-card {\n padding: .75rem;\n }\n\n .pr-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pr-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pr-timeline-content h3 {\n font-size: 14px;\n }\n\n .pr-timeline-content p {\n font-size: 13px;\n }\n\n .pr-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pr-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pr-tip {\n padding: .875rem 1rem;\n }\n\n .pr-tip-icon {\n font-size: 20px;\n }\n\n .pr-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pr-card {\n animation: prFadeInUp .5s ease backwards;\n }\n .pr-card:nth-child(1) { animation-delay: .05s; }\n .pr-card:nth-child(2) { animation-delay: .1s; }\n .pr-card:nth-child(3) { animation-delay: .15s; }\n .pr-card:nth-child(4) { animation-delay: .2s; }\n .pr-card:nth-child(5) { animation-delay: .25s; }\n .pr-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes prFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":55808025428345,"sku":"PFC902077","price":6.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pain_de_rasage_bio_homme_blondepil.webp?v=1757926275"},{"product_id":"soin-hydratant-visage-barbe-blondepil-homme","title":"Soin hydratant Visage \u0026 Barbe Blondépil Homme – 94% naturel (100 ml)","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Soin hydratant Visage \u0026 Barbe Blondépil Homme\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine du packaging\/étiquette)\n - Secondaire: #e63946 (rouge des rayures barbershop)\n - Accent: #4a9c2d (vert du badge \"94% naturel\")\n - Neutre: #f5f3f0 (crème\/blanc cassé du fond)\nAmbiance: Barbershop français vintage, masculin traditionnel, naturel et authentique\nStyle: Rétro-chic masculin avec touches tricolores (bleu-blanc-rouge)\nPréfixe CSS: bh\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir ce soin hydratant visage \u0026 barbe ?\"\n 2. \"Les atouts du soin Blondépil Homme\"\n 3. \"Comment appliquer le soin visage \u0026 barbe ?\"\n 4. \"Ingrédients \u0026 formulation\"\n 5. \"Un soin quotidien pour visage \u0026 barbe\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bh-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bh-hero\"\u003e\n \u003cdiv class=\"bh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bh-hero-content\"\u003e\n \u003cdiv class=\"bh-badges-top\"\u003e\n \u003cspan class=\"bh-badge\"\u003e🌿 94% d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"bh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"bh-badge\"\u003e🧴 Gel ultra-frais\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bh-hero-title\"\u003eSoin Hydratant Visage \u0026amp; Barbe\u003c\/span\u003e\n \u003cp class=\"bh-subtitle\"\u003eBlondépil Homme – Le confort au masculin\u003c\/p\u003e\n \u003cp class=\"bh-description\"\u003eBarbe qui démange, tiraillements, peau sèche ? Ce gel frais, léger et non collant nourrit la peau et adoucit les poils pour un confort immédiat au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bh-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin hydratant visage \u0026amp; barbe ?\u003c\/h2\u003e\n \u003cdiv class=\"bh-grid\"\u003e\n \u003cdiv class=\"bh-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eSoulage efficacement les sécheresses et tiraillements de la peau sous la barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-card\"\u003e\n \u003ch3\u003e🧔 Barbe adoucie\u003c\/h3\u003e\n \u003cp\u003eAssouplit les poils de barbe et limite les démangeaisons au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-card\"\u003e\n \u003ch3\u003e❄️ Texture gel fraîche\u003c\/h3\u003e\n \u003cp\u003ePénètre rapidement sans coller ni laisser de film gras sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-card\"\u003e\n \u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n \u003cp\u003e94% d'ingrédients d'origine végétale et minérale, respectueux de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bh-section\"\u003e\n \u003ch2\u003eLes atouts du soin Blondépil Homme\u003c\/h2\u003e\n \u003cdiv class=\"bh-atouts\"\u003e\n \u003cdiv class=\"bh-atout-card\"\u003e\n \u003cdiv class=\"bh-atout-icon\"\u003e🍋\u003c\/div\u003e\n \u003cdiv class=\"bh-atout-content\"\u003e\n \u003ch3\u003eExtraits de Citrus\u003c\/h3\u003e\n \u003cp class=\"bh-atout-benefit\"\u003eTonifie et rafraîchit la peau\u003c\/p\u003e\n \u003cp class=\"bh-atout-exp\"\u003eSensation énergisante dès l'application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-atout-card\"\u003e\n \u003cdiv class=\"bh-atout-icon\"\u003e🌲\u003c\/div\u003e\n \u003cdiv class=\"bh-atout-content\"\u003e\n \u003ch3\u003eExtraits de Cade\u003c\/h3\u003e\n \u003cp class=\"bh-atout-benefit\"\u003ePurifie et apaise les irritations\u003c\/p\u003e\n \u003cp class=\"bh-atout-exp\"\u003ePeau plus nette, barbe plus douce\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-atout-card\"\u003e\n \u003cdiv class=\"bh-atout-icon\"\u003e💎\u003c\/div\u003e\n \u003cdiv class=\"bh-atout-content\"\u003e\n \u003ch3\u003eTexture gel légère\u003c\/h3\u003e\n \u003cp class=\"bh-atout-benefit\"\u003eHydratation sans effet gras\u003c\/p\u003e\n \u003cp class=\"bh-atout-exp\"\u003ePénètre vite, parfait au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bh-section\"\u003e\n \u003ch2\u003eComment appliquer le soin visage \u0026amp; barbe ?\u003c\/h2\u003e\n \u003cdiv class=\"bh-timeline\"\u003e\n \u003cdiv class=\"bh-timeline-item\"\u003e\n \u003cdiv class=\"bh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bh-timeline-content\"\u003e\n \u003ch3\u003eNettoyez\u003c\/h3\u003e\n \u003cp\u003eLavez votre visage et barbe avec un soin doux adapté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-timeline-item\"\u003e\n \u003cdiv class=\"bh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bh-timeline-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eUne noisette de gel suffit pour le visage et la barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-timeline-item\"\u003e\n \u003cdiv class=\"bh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bh-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eAppliquez matin et\/ou soir en massant délicatement, même sous la barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-timeline-item\"\u003e\n \u003cdiv class=\"bh-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bh-timeline-content\"\u003e\n \u003ch3\u003eÉvitez\u003c\/h3\u003e\n \u003cp\u003eLe contact avec les yeux pour plus de confort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-tip\"\u003e\n \u003cspan class=\"bh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour un effet fraîcheur maximale, conservez le pot au réfrigérateur avant application !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bh-section\"\u003e\n \u003ch2\u003eIngrédients \u0026amp; formulation\u003c\/h2\u003e\n \u003cdiv class=\"bh-ingredients-box\"\u003e\n \u003cdiv class=\"bh-ingredients-header\"\u003e\n \u003cspan class=\"bh-natural-badge\"\u003e94% d'origine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"bh-ingredients-text\"\u003eUne synergie d'extraits botaniques soigneusement sélectionnés : \u003cstrong\u003eCitrus\u003c\/strong\u003e aux vertus tonifiantes et \u003cstrong\u003eCade\u003c\/strong\u003e aux propriétés purifiantes. Formule testée sous contrôle dermatologique pour une tolérance optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bh-accordion\"\u003e\n \u003cdetails class=\"bh-accordion-item\"\u003e\n \u003csummary class=\"bh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bh-accordion-content\"\u003e\n \u003cp\u003eContient parfum et conservateurs pouvant être allergènes (citral, linalool, limonene, etc.). En cas de peau très sensible, effectuez un test préalable dans le pli du coude 24h avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bh-accordion-item\"\u003e\n \u003csummary class=\"bh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bh-accordion-content\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de l'humidité. Refermer le pot après chaque utilisation. À utiliser dans les 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 - DERNIÈRE --\u003e\n \u003csection class=\"bh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn soin quotidien pour visage \u0026amp; barbe\u003c\/h2\u003e\n \u003cdiv class=\"bh-cta-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003esoin hydratant visage \u0026amp; barbe Blondépil Homme\u003c\/strong\u003e transforme votre routine en un moment de confort et de fraîcheur. Hydratation, douceur et respect de la peau : votre visage reste apaisé et votre barbe agréable au toucher, jour après jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bh-disclaimer\"\u003eTesté dermatologiquement • Fabriqué en France • 100 ml\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --bh-cream: #f8f6f3;\n --bh-white: #ffffff;\n --bh-primary: #1e3a5f;\n --bh-primary-dark: #152a45;\n --bh-primary-light: #e8eef4;\n --bh-secondary: #e63946;\n --bh-accent: #4a9c2d;\n\n \/* Textes *\/\n --bh-text: #1a1a1a;\n --bh-text-light: #5a5a5a;\n\n \/* Effets *\/\n --bh-border: #e0e0e0;\n --bh-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bh-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bh-radius: 20px;\n --bh-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bh-primary) 0%, var(--bh-primary-dark) 50%, #0d1f33 100%);\n border-radius: var(--bh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bh-shadow-lg);\n}\n\n.bh-hero::before,\n.bh-hero::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 20px;\n background: repeating-linear-gradient(\n 180deg,\n var(--bh-secondary) 0,\n var(--bh-secondary) 10px,\n var(--bh-white) 10px,\n var(--bh-white) 20px,\n var(--bh-primary) 20px,\n var(--bh-primary) 30px\n );\n}\n\n.bh-hero::before {\n left: 0;\n border-radius: var(--bh-radius) 0 0 var(--bh-radius);\n}\n\n.bh-hero::after {\n right: 0;\n border-radius: 0 var(--bh-radius) var(--bh-radius) 0;\n}\n\n.bh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.05) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.05) 0%, transparent 50%);\n opacity: 1;\n}\n\n.bh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n padding: 0 clamp(1rem, 3vw, 2rem);\n}\n\n\/* === BADGES === *\/\n.bh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.bh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.bh-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.bh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bh-secondary), var(--bh-primary));\n border-radius: 2px;\n}\n\n\/* === GRILLE === *\/\n.bh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === CARDS === *\/\n.bh-card {\n background: var(--bh-white);\n border-radius: var(--bh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bh-shadow-lg);\n border-color: var(--bh-primary);\n}\n\n.bh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ATOUTS === *\/\n.bh-atouts {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bh-atout-card {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--bh-white);\n border-radius: var(--bh-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--bh-shadow);\n transition: all .3s ease;\n}\n\n.bh-atout-card:hover {\n transform: translateX(8px);\n box-shadow: var(--bh-shadow-lg);\n}\n\n.bh-atout-icon {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--bh-primary-light), var(--bh-white));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n border: 2px solid var(--bh-primary);\n}\n\n.bh-atout-content {\n flex: 1;\n}\n\n.bh-atout-content h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bh-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.bh-atout-benefit {\n font-size: clamp(14px, 2vw, 15px);\n color: var(--bh-text);\n font-weight: 600;\n margin: 0 0 .25rem 0;\n}\n\n.bh-atout-exp {\n font-size: clamp(13px, 1.8vw, 14px);\n color: var(--bh-text-light);\n margin: 0;\n font-style: italic;\n}\n\n\/* === TIMELINE === *\/\n.bh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bh-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--bh-primary), var(--bh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(30,58,95,.3);\n}\n\n.bh-timeline-content {\n flex: 1;\n background: var(--bh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bh-radius-sm);\n box-shadow: var(--bh-shadow);\n}\n\n.bh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bh-timeline-content p {\n font-size: 14px;\n color: var(--bh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.bh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, #fff9e6, #fff5d6);\n border-radius: var(--bh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid #f0b429;\n}\n\n.bh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bh-tip p {\n font-size: 14px;\n color: var(--bh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.bh-ingredients-box {\n background: var(--bh-white);\n border-radius: var(--bh-radius);\n padding: clamp(1.5rem, 4vw, 2rem);\n box-shadow: var(--bh-shadow);\n text-align: center;\n margin-bottom: 1rem;\n}\n\n.bh-ingredients-header {\n margin-bottom: 1rem;\n}\n\n.bh-natural-badge {\n display: inline-block;\n padding: 10px 24px;\n background: linear-gradient(135deg, var(--bh-accent), #3d8526);\n color: white;\n border-radius: 999px;\n font-size: 15px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.bh-ingredients-text {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--bh-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.bh-accordion {\n background: var(--bh-white);\n border-radius: var(--bh-radius);\n box-shadow: var(--bh-shadow);\n overflow: hidden;\n}\n\n.bh-accordion-item {\n border-bottom: 1px solid var(--bh-border);\n margin: 0;\n padding: 0;\n}\n\n.bh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bh-accordion-header:hover {\n background: var(--bh-primary-light);\n}\n\n.bh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bh-primary);\n transition: transform .2s ease;\n}\n\n.bh-accordion-item[open] .bh-accordion-header::after {\n content: '−';\n}\n\n.bh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bh-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bh-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bh-cta-box {\n background: linear-gradient(135deg, var(--bh-primary) 0%, var(--bh-primary-dark) 100%);\n border-radius: var(--bh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bh-cta-box::before,\n.bh-cta-box::after {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n width: 12px;\n background: repeating-linear-gradient(\n 180deg,\n var(--bh-secondary) 0,\n var(--bh-secondary) 8px,\n var(--bh-white) 8px,\n var(--bh-white) 16px\n );\n}\n\n.bh-cta-box::before {\n left: 0;\n border-radius: var(--bh-radius) 0 0 var(--bh-radius);\n}\n\n.bh-cta-box::after {\n right: 0;\n border-radius: 0 var(--bh-radius) var(--bh-radius) 0;\n}\n\n.bh-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.bh-disclaimer {\n font-size: 12px;\n color: var(--bh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bh-card {\n padding: 1.125rem;\n }\n \n .bh-section {\n margin-bottom: 1.75rem;\n }\n \n .bh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bh-radius-sm);\n }\n \n .bh-hero::before,\n .bh-hero::after {\n width: 12px;\n }\n \n .bh-hero-content {\n padding: 0 .5rem;\n }\n \n .bh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n \/* Atouts mobile *\/\n .bh-atout-card {\n padding: 1rem;\n gap: 1rem;\n }\n \n .bh-atout-icon {\n width: 48px;\n height: 48px;\n font-size: 24px;\n border-radius: 12px;\n }\n \n \/* Timeline mobile *\/\n .bh-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .bh-timeline-content {\n padding: .875rem 1rem;\n }\n \n .bh-timeline-content h3 {\n font-size: 14px;\n }\n \n .bh-timeline-content p {\n font-size: 13px;\n }\n \n \/* Accordéon mobile *\/\n .bh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n \/* CTA mobile *\/\n .bh-cta-box::before,\n .bh-cta-box::after {\n width: 8px;\n }\n \n \/* Badges mobile *\/\n .bh-badges-top {\n gap: 6px;\n }\n \n .bh-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bh-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bh-card:nth-child(1) { animation-delay: .05s; }\n .bh-card:nth-child(2) { animation-delay: .1s; }\n .bh-card:nth-child(3) { animation-delay: .15s; }\n .bh-card:nth-child(4) { animation-delay: .2s; }\n \n .bh-atout-card {\n animation: fadeInLeft .5s ease backwards;\n }\n .bh-atout-card:nth-child(1) { animation-delay: .05s; }\n .bh-atout-card:nth-child(2) { animation-delay: .1s; }\n .bh-atout-card:nth-child(3) { animation-delay: .15s; }\n \n .bh-timeline-item {\n animation: fadeInUp .5s ease backwards;\n }\n .bh-timeline-item:nth-child(1) { animation-delay: .05s; }\n .bh-timeline-item:nth-child(2) { animation-delay: .1s; }\n .bh-timeline-item:nth-child(3) { animation-delay: .15s; }\n .bh-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":55808226328953,"sku":"PFC900752","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-hydratant-visage-barbe-blondepil-homme-packshot.webp?v=1757929978"},{"product_id":"huile-a-barbe-bio-50ml-blondepil-homme","title":"Huile à barbe bio 50ml - Blondépil Homme","description":"\u003cdiv class=\"bb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🌿 Certifiée COSMOS ORGANIC\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e💧 Zéro effet gras\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🧔 Barbe courte, moyenne ou longue\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e👨‍⚕️ Testée sous contrôle dermatologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eHuile à barbe bio 50 ml\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eBlondépil Homme\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eVotre barbe tiraille, gratte ou ressemble à de la paille ? Cette huile à barbe bio nourrit en profondeur, assouplit les poils les plus récalcitrants et apaise la peau en dessous — sans laisser de film gras. 99 % d'ingrédients d'origine naturelle, dans un flacon de 50 ml fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES (pas de H2 source, mais section visuelle issue du contenu) --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Hydratation intense\u003c\/h3\u003e\n \u003cp\u003eApaise démangeaisons et tiraillements dès la première application, même sur peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✨ Souplesse \u0026amp; discipline\u003c\/h3\u003e\n \u003cp\u003eLes poils rêches deviennent doux et faciles à coiffer. Fini les frisottis et les barbes rebelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🚫 Absorption express\u003c\/h3\u003e\n \u003cp\u003eTexture sèche qui pénètre en quelques secondes : pas de traces sur l'oreiller ni sur le col de chemise.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003eCe qui rend cette huile bio pour barbe différente\u003c\/h2\u003e\n \u003cp class=\"bb-section-intro\"\u003eBlondépil Homme a fait le choix d'une \u003cstrong\u003eformule courte, 100 % transparente\u003c\/strong\u003e, associant quatre huiles végétales bio complémentaires et des actifs ciblés.\u003c\/p\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌻 Huile de tournesol bio\u003c\/h3\u003e\n \u003cp\u003eÉmolliente et protectrice, elle gaine le poil sans l'alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et apporte une brillance naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌾 Huile de cameline bio\u003c\/h3\u003e\n \u003cp\u003eRiche en oméga-3, elle calme les irritations et adoucit la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eAntioxydante, elle renforce la fibre du poil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🍋 Extraits de Citrus \u0026amp; Cade\u003c\/h3\u003e\n \u003cp\u003ePurifiants, ils assainissent la barbe et lui donnent une tenue nette.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🛡️ Vitamine E naturelle\u003c\/h3\u003e\n \u003cp\u003eProtège la formule et la barbe contre l'oxydation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"bb-inci\"\u003eINCI : Helianthus Annuus Hybrid Oil*, Cocos Nucifera Oil*, Camelina Sativa Seed Oil*, Parfum, Olea Europaea Fruit Oil*, Helianthus Annuus Seed Oil, Dehydroacetic Acid, Aqua, Beta-Sitosterol, Squalene, Tocopherol, Benzyl Alcohol, Citronellol, Limonene, Linalool, Citral, Coumarin, Geraniol. *Ingrédients issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003eComment appliquer votre huile à barbe bio ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-timeline\"\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003ePrélevez \u003cstrong\u003e3 à 6 gouttes\u003c\/strong\u003e grâce au compte-goutte intégré (3 pour une barbe courte, 6 pour une barbe longue).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eMassez\u003c\/h3\u003e\n \u003cp\u003eFrottez entre vos paumes pour tiédir l'huile, puis \u003cstrong\u003emassez de la racine aux pointes\u003c\/strong\u003e en insistant sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-item\"\u003e\n \u003cdiv class=\"bb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-timeline-content\"\u003e\n \u003ch3\u003eSculptez\u003c\/h3\u003e\n \u003cp\u003ePeignez ou brossez pour répartir uniformément et \u003cstrong\u003esculpter votre barbe\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-tip\"\u003e\n \u003cspan class=\"bb-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAppliquez sur barbe propre et légèrement humide, après la douche. L'eau résiduelle favorise la pénétration de l'huile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧔 Cette huile bio convient-elle aux barbes de 3 jours ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content mt-3\"\u003e\n \u003cp\u003eAbsolument. Trois gouttes suffisent pour hydrater la peau et assouplir les poils naissants qui piquent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🔄 Peut-elle remplacer une huile de ricin bio pour la barbe ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content mt-3\"\u003e\n \u003cp\u003eSon association cameline-coco-olive apporte une nutrition comparable tout en restant plus légère. Pour l'effet épaississant du ricin, vous pouvez alterner les deux soins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🌿 L'huile laisse-t-elle un parfum prononcé ?\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content mt-3\"\u003e\n \u003cp\u003eLes notes boisées de Cade et d'agrumes sont discrètes et s'estompent en une vingtaine de minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 ml — environ 2 mois d'utilisation quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e♻️ Packaging\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre bleu avec compte-goutte — 100 % recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Certification\u003c\/h3\u003e\n \u003cp\u003eCOSMOS ORGANIC — 97 % d'ingrédients d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFabriquée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🧔 Une barbe douce, disciplinée et naturellement soignée — voilà ce que vous offre cette huile à barbe bio Blondépil Homme, matin après matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-reassurance\"\u003e\n \u003cspan class=\"bb-reassurance-chip\"\u003e🚚 Livraison rapide \u0026amp; suivie\u003c\/span\u003e\n \u003cspan class=\"bb-reassurance-chip\"\u003e🔁 Retours faciles 14 jours\u003c\/span\u003e\n \u003cspan class=\"bb-reassurance-chip\"\u003e🔒 Paiement sécurisé\u003c\/span\u003e\n \u003cspan class=\"bb-reassurance-chip\"\u003e💬 Conseils experts par e-mail\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales — inspirées du flacon bleu cobalt, de l'étiquette crème et du vert Bio *\/\n --bb-cream: #f5f1eb;\n --bb-white: #ffffff;\n --bb-primary: #1e3a6e;\n --bb-primary-dark: #0f2340;\n --bb-primary-light: #e8edf5;\n --bb-secondary: #3a8f4e;\n --bb-accent: #c0522e;\n\n \/* Textes *\/\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --bb-border: #ddd;\n --bb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bb-primary-dark) 0%, var(--bb-primary) 50%, #2a5a9a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(255,255,255,.03) 20px,\n rgba(255,255,255,.03) 22px\n );\n opacity: 1;\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.bb-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.bb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-primary), var(--bb-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bb-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === CARDS === *\/\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bb-primary), var(--bb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.bb-timeline-content {\n flex: 1;\n background: var(--bb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bb-radius-sm);\n box-shadow: var(--bb-shadow);\n}\n\n.bb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bb-timeline-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bb-accordion-content p {\n margin: 0;\n}\n\n.mt-3 {\n margin-top: 10px;\n}\n\n\/* === TIP BOX === *\/\n.bb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bb-primary-light);\n border-radius: var(--bb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bb-tip p {\n font-size: 14px;\n color: var(--bb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INCI === *\/\n.bb-inci {\n max-width: 900px;\n margin: 1.25rem auto 0;\n text-align: center;\n font-size: 12px;\n color: var(--bb-text-light);\n line-height: 1.6;\n opacity: .7;\n}\n\n\/* === CTA FINAL === *\/\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === REASSURANCE === *\/\n.bb-reassurance {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .75rem;\n margin-top: 1.25rem;\n}\n\n.bb-reassurance-chip {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 16px;\n background: var(--bb-white);\n border: 1px solid var(--bb-border);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n color: var(--bb-text);\n box-shadow: 0 1px 4px rgba(0,0,0,.04);\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bb-card {\n padding: 1.125rem;\n }\n\n .bb-section {\n margin-bottom: 1.75rem;\n }\n\n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n\n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n \/* Grille compacte : 2 colonnes serrées *\/\n .bb-grid-compact {\n gap: .625rem;\n }\n\n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n\n \/* Timeline mobile *\/\n .bb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bb-timeline-content h3 {\n font-size: 14px;\n }\n\n .bb-timeline-content p {\n font-size: 13px;\n }\n\n \/* Accordéon mobile *\/\n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n \/* Testimonial mobile *\/\n .bb-testimonial {\n padding: 1.25rem;\n }\n\n .bb-testimonial-text {\n font-size: 14px;\n }\n\n \/* Reassurance mobile *\/\n .bb-reassurance {\n gap: .5rem;\n }\n\n .bb-reassurance-chip {\n font-size: 12px;\n padding: 8px 12px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: bbFadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":55809036190073,"sku":"PFC900751","price":9.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/huile-barbe-blondepil-homme_1.webp?v=1757942426"},{"product_id":"blondepil-homme-activateur-de-barbe","title":"Blondépil Homme Activateur de Barbe – soin pousse \u0026 densité","description":"\u003csection id=\"bp-activator\" class=\"bp-product mt-5\"\u003e\n \u003cp class=\"bp-lead\" style=\"text-align: center;\"\u003e\n \u003cstrong\u003eVotre barbe mérite mieux que des trous : parlons solutions simples.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\n Vous rêvez d’une barbe plus \u003cstrong\u003edense\u003c\/strong\u003e, plus \u003cstrong\u003ehomogène\u003c\/strong\u003e, sans ces zones qui peinent à se remplir ? Vous n’êtes pas seul. La pousse dépend de la génétique, mais aussi de la micro-circulation, des habitudes de soin et de la régularité. \n Un \u003cstrong\u003eactivateur de barbe\u003c\/strong\u003e bien pensé peut donner un vrai coup de pouce : il \u003cstrong\u003estimule le bulbe pileux\u003c\/strong\u003e et aide à \u003cstrong\u003edensifier\u003c\/strong\u003e là où la barbe est clairsemée. \n Ci-dessous, tout ce qu’il faut savoir sur le \u003cstrong\u003eBlondépil Homme Activateur de Barbe\u003c\/strong\u003e, sans bla-bla, avec des conseils concrets.\n \u003c\/p\u003e\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- Spray ciblé --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003eBlondépil Homme Activateur de Barbe : le spray qui vise les zones clairsemées\u003c\/h2\u003e\n \u003cdiv class=\"bp-panel\"\u003e\n \u003cp\u003e\n Sous forme de \u003cstrong\u003espray\u003c\/strong\u003e, ce soin s’applique directement sur les zones à stimuler pour \u003cstrong\u003efavoriser la pousse\u003c\/strong\u003e et l’\u003cstrong\u003ehomogénéité\u003c\/strong\u003e de la barbe. \n La texture est légère, non collante, et laisse une \u003cstrong\u003efraîcheur\u003c\/strong\u003e agréable au moment de l’application. \n Le geste est rapide : idéal à intégrer dans la routine du soir.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- Actifs \u0026 INCI --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003eCe qu’il y a dedans (et pourquoi c’est utile)\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid bp-grid-2\"\u003e\n \u003carticle class=\"bp-card\"\u003e\n \u003cp\u003e\n Formule à \u003cstrong\u003e94 % d’origine naturelle\u003c\/strong\u003e, testée sous contrôle dermatologique. Focus sur les actifs moteurs :\n \u003c\/p\u003e\n \u003cul class=\"bp-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eHuile de ricin\u003c\/strong\u003e : nourrit le poil et soutient la pousse.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePanthénol (provitamine B5)\u003c\/strong\u003e : hydrate, assouplit le poil.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAdénosine\u003c\/strong\u003e + \u003cstrong\u003eprotéines hydrolysées\u003c\/strong\u003e : entretien du \u003cem\u003ebulbe pileux\u003c\/em\u003e, barbe visuellement plus tonique.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMenthol\u003c\/strong\u003e + extraits végétaux (camomille, agrumes) : effet frais et confort immédiat.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/article\u003e\n \u003carticle class=\"bp-card\"\u003e\n \u003ch3 class=\"bp-h3\"\u003eListe INCI complète\u003c\/h3\u003e\n \u003cp class=\"bp-inci\"\u003e\n Aqua (Water), Alcohol denat. (SD Alcohol 39-C), Ricinus Communis (Castor) Seed Oil, C12-15 Pareth-12, Glycerin, Parfum (Fragrance), Chamomilla Recutita Flower Extract, Hydrolyzed Corn Protein, Yeast Extract, Maltodextrin, Adenosine, Olive Oil PEG-8 Esters, Panthenol, Menthyl PCA, Lactamide MEA, Polyacrylate Crosspolymer-6, Magnesium Ascorbyl Phosphate, Menthol, Xanthan Gum, T-Butyl Alcohol, Sodium Benzoate, Isopropanolamine, Citral, Coumarin, Linalool, Hexyl Cinnamal, Limonene, Alpha-Isomethyl Ionone.\n \u003c\/p\u003e\n \u003cp class=\"bp-note\"\u003e\n \u003cem\u003eBon à savoir :\u003c\/em\u003e présence d’alcool et d’allergènes parfumés — si votre peau est réactive, testez sur une petite zone avant usage régulier.\n \u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- Effets attendus --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003eLes effets attendus (avec une utilisation régulière)\u003c\/h2\u003e\n \u003cul class=\"bp-list-cards\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eStimuler la pousse\u003c\/strong\u003e sur les zones clairsemées (joues, menton, moustache).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eHomogénéiser\u003c\/strong\u003e la barbe (moins de “trous”).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAssouplir et hydrater\u003c\/strong\u003e les poils existants pour une barbe plus confortable.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSensation de fraîcheur\u003c\/strong\u003e à l’application (menthol).\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"bp-note\"\u003e\n Les résultats varient selon la génétique et la régularité. On reste lucide : c’est un \u003cstrong\u003ecosmétique\u003c\/strong\u003e, pas un traitement médical.\n \u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- Mode d’emploi + tips --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003eComment l’intégrer à votre routine (simple et efficace)\u003c\/h2\u003e\n \u003col class=\"bp-steps\"\u003e\n \u003cli class=\"bp-step\"\u003e\n\u003cspan class=\"bp-bullet\"\u003e1\u003c\/span\u003e\u003cdiv\u003eLavez et séchez votre visage (peau propre = meilleure absorption).\u003c\/div\u003e\n\u003c\/li\u003e\n \u003cli class=\"bp-step\"\u003e\n\u003cspan class=\"bp-bullet\"\u003e2\u003c\/span\u003e\u003cdiv\u003eVaporisez le \u003cstrong\u003espray\u003c\/strong\u003e sur les zones à stimuler.\u003c\/div\u003e\n\u003c\/li\u003e\n \u003cli class=\"bp-step\"\u003e\n\u003cspan class=\"bp-bullet\"\u003e3\u003c\/span\u003e\u003cdiv\u003eMassez du bout des doigts 10–20 secondes pour atteindre les bulbes.\u003c\/div\u003e\n\u003c\/li\u003e\n \u003cli class=\"bp-step\"\u003e\n\u003cspan class=\"bp-bullet\"\u003e4\u003c\/span\u003e\u003cdiv\u003eLaissez poser, sans rincer. Le soir est souvent le meilleur moment.\u003c\/div\u003e\n\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003cp class=\"bp-note\"\u003eÉvitez le contour des yeux. Évitez l’application juste après le rasage si votre peau est sensible (présence d’alcool).\u003c\/p\u003e\n\n \u003ch3 class=\"bp-h3\" style=\"margin-top:16px; text-align:center;\"\u003eNos conseils pour booster l’efficacité\u003c\/h3\u003e\n \u003cul class=\"bp-list-cards\" style=\"margin-top:12px\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eDermaroller barbe\u003c\/strong\u003e (1–2×\/semaine) : micro-perforations superficielles qui \u003cstrong\u003eaméliorent l’absorption\u003c\/strong\u003e des sérums.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMassage\u003c\/strong\u003e (30–60 s) : favorise la micro-circulation.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eBrossage de barbe\u003c\/strong\u003e : répartit mieux les soins et stimule la peau sous la barbe.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- Retours utilisateurs --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003eCe que rapportent les utilisateurs (leurs avis sur l'activateur de barbe)\u003c\/h2\u003e\n \u003cul class=\"bp-list-cards\"\u003e\n \u003cli\u003e\n\u003cstrong\u003ePlutôt positifs\u003c\/strong\u003e : densité améliorée et zones moins visibles après 3–4 semaines.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMitigés\u003c\/strong\u003e : peu d’effet chez certains (facteurs génétiques, irrégularité d’usage).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eTexture \u0026amp; confort\u003c\/strong\u003e : effet frais apprécié ; l’alcool peut piquer les peaux réactives.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp class=\"bp-note\"\u003eBref : utile comme \u003cstrong\u003ecoup de pouce\u003c\/strong\u003e si vous êtes régulier et que votre peau tolère les formules hydro-alcooliques.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- Pour qui \/ associations --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003ePour qui est-il fait ? Et avec quoi l’associer\u003c\/h2\u003e\n \u003cdiv class=\"bp-grid bp-grid-2\"\u003e\n \u003carticle class=\"bp-card\"\u003e\n \u003cul class=\"bp-list\"\u003e\n \u003cli\u003eSi votre barbe est \u003cstrong\u003eirrégulière\u003c\/strong\u003e (trous, joues clairsemées) et que vous voulez \u003cstrong\u003edensifier\u003c\/strong\u003e.\u003c\/li\u003e\n \u003cli\u003eSi vous préférez un \u003cstrong\u003espray rapide\u003c\/strong\u003e plutôt qu’une huile grasse.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/article\u003e\n \u003carticle class=\"bp-card\"\u003e\n \u003cp style=\"margin:.4rem 0 .6rem;\"\u003eIdées de synergies :\u003c\/p\u003e\n \u003cul class=\"bp-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eHuile de ricin pure\u003c\/strong\u003e 1–2×\/semaine (massage lent, 5 min).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCompléments\u003c\/strong\u003e (biotine, levure de bière) si votre hygiène de vie est perfectible.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSommeil, protéines, gestion du stress\u003c\/strong\u003e : la base que l’on oublie trop souvent.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003ePrécautions d’usage\u003c\/h2\u003e\n \u003cdiv class=\"bp-panel\"\u003e\n \u003cul class=\"bp-list\"\u003e\n \u003cli\u003eUsage externe uniquement. Éviter les yeux et les muqueuses.\u003c\/li\u003e\n \u003cli\u003eEn cas de peau sensible : testez d’abord sur une petite zone.\u003c\/li\u003e\n \u003cli\u003ePrésence d’alcool + allergènes parfumés. Arrêtez en cas d’irritation.\u003c\/li\u003e\n \u003cli\u003eNe remplace pas un \u003cstrong\u003eavis médical\u003c\/strong\u003e en cas de problème de pilosité avéré.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- Infos pratiques --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003eInfos pratiques\u003c\/h2\u003e\n \u003cul class=\"bp-list-cards\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eFormat\u003c\/strong\u003e : 100 ml.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eType\u003c\/strong\u003e : spray.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZone\u003c\/strong\u003e : barbe, moustache, contours.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/section\u003e\n\n \u003chr class=\"bp-hr\"\u003e\n\n \u003c!-- FAQ --\u003e\n \u003csection class=\"bp-sec\"\u003e\n \u003ch2 class=\"bp-sub\"\u003eQuestions que vous vous posez souvent\u003c\/h2\u003e\n\n \u003cdetails class=\"bp-faq\"\u003e\n \u003csummary\u003eEst-ce que l’activateur de barbe fonctionne pour tout le monde ?\u003c\/summary\u003e\n \u003cp\u003eIl peut aider à \u003cstrong\u003ehomogénéiser\u003c\/strong\u003e et \u003cstrong\u003edensifier\u003c\/strong\u003e certaines zones, surtout si vous êtes régulier. Mais la génétique garde son mot à dire.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bp-faq\"\u003e\n \u003csummary\u003eCombien de temps avant de voir une différence ?\u003c\/summary\u003e\n \u003cp\u003eVisez \u003cstrong\u003e3–4 semaines\u003c\/strong\u003e d’usage quotidien avant de juger.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bp-faq\"\u003e\n \u003csummary\u003ePeut-on l’associer à un dermaroller ?\u003c\/summary\u003e\n \u003cp\u003eOui, bon combo pour \u003cstrong\u003eamplifier l’absorption\u003c\/strong\u003e. Attendez 12–24h après le passage du rouleau avant d’appliquer le spray.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bp-faq\"\u003e\n \u003csummary\u003eQuelle différence avec le minoxidil ?\u003c\/summary\u003e\n \u003cp\u003eLe minoxidil est un \u003cstrong\u003emédicament\u003c\/strong\u003e. Blondépil est un \u003cstrong\u003ecosmétique\u003c\/strong\u003e. Pas les mêmes contraintes ni la même puissance d’action.\u003c\/p\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bp-faq\"\u003e\n \u003csummary\u003eConvient-il aux peaux sensibles ?\u003c\/summary\u003e\n \u003cp\u003eContient de l’alcool et des allergènes parfumés. Testez sur une petite zone avant usage régulier.\u003c\/p\u003e\n \u003c\/details\u003e\n\n \u003cp class=\"bp-note\" style=\"margin-top:.5rem;\"\u003e\n \u003cstrong\u003eImportant :\u003c\/strong\u003e ce produit cosmétique ne remplace pas un traitement médical ni l’avis d’un dermatologue.\n \u003c\/p\u003e\n\n \u003cp style=\"margin-top:10px;\"\u003e\u003cem\u003e\n Envie d’une barbe plus homogène, plus dense, plus vous ? Le spray Blondépil Homme Activateur de Barbe vous accompagne au quotidien : un geste simple, des actifs ciblés, un vrai confort d’utilisation. Avec de la régularité, on fait souvent la différence là où ça coinçait.\n \u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \n\u003c\/section\u003e\n\n\u003c!-- ============== STYLES SCOPÉS UNIQUEMENT À #bp-activator ============== --\u003e\n\u003cstyle\u003e\n #bp-activator{--bg:#fdf8f1;--card:#fff;--ink:#121212;--muted:rgba(18,18,18,.7);\n --line:rgba(18,18,18,.12);--ring:rgba(18,18,18,.18);--brand-200:#e9d9bf;\n --r:16px;--r-lg:22px;--s1:8px;--s2:12px;--s3:16px;--s4:20px;--s5:28px;--s6:36px;\n --fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-22:22px;--fs-28:28px;--fs-34:34px;\n background:var(--bg); color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif\n }\n #bp-activator .bp-product{max-width:1120px;margin:0 auto;padding:var(--s5) 1.5rem}\n #bp-activator .bp-hero{display:grid;grid-template-columns:1fr;gap:var(--s3);align-items:center}\n #bp-activator .bp-figure{margin:0}\n #bp-activator .bp-img{width:100%;height:auto;border-radius:var(--r);display:block;border:1px solid var(--line);background:#fff}\n #bp-activator .bp-kicker{display:inline-block;background:var(--brand-200);border:1px solid var(--ink);padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px;margin:0 0 8px 0}\n #bp-activator .bp-title{font-size:var(--fs-28);line-height:1.2;font-weight:800;margin:0 0 var(--s2)}\n #bp-activator .bp-lead{font-size:16px;color:#2b2b2b}\n\n #bp-activator .bp-sec{margin:var(--s5) 0}\n #bp-activator .bp-sub{font-size:var(--fs-22);font-weight:800;text-align:center;margin:0 0 var(--s3)}\n #bp-activator .bp-hr{height:1px;background:var(--line);border:0;margin:var(--s4) 0}\n\n #bp-activator .bp-grid{display:grid;gap:var(--s3)}\n #bp-activator .bp-grid-2{grid-template-columns:1fr}\n #bp-activator .bp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4)}\n #bp-activator .bp-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4)}\n #bp-activator .bp-list{list-style:disc;padding-left:1.25rem}\n #bp-activator .bp-list li{margin:.4rem 0}\n #bp-activator .bp-list-cards{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3)}\n #bp-activator .bp-list-cards\u003eli{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4)}\n #bp-activator .bp-h3{font-size:var(--fs-18);margin:var(--s2) 0 var(--s1);font-weight:800}\n #bp-activator .bp-inci{margin-top:.25rem;font-size:.95em}\n #bp-activator .bp-note{font-size:13.5px;color:var(--muted)}\n\n #bp-activator .bp-steps{list-style:none;padding:0;margin:0;display:grid;gap:var(--s3)}\n #bp-activator .bp-step{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3)}\n #bp-activator .bp-bullet{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#1a1a1a;color:#fff;font-weight:700;flex:0 0 28px}\n\n #bp-activator .bp-faq{background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;margin:12px 0;transition:background .25s}\n #bp-activator .bp-faq[open]{background:rgba(255,255,255,.85)}\n #bp-activator .bp-faq summary{font-weight:700;cursor:pointer;position:relative;padding-right:24px;list-style:none}\n #bp-activator .bp-faq summary::-webkit-details-marker{display:none}\n #bp-activator .bp-faq summary::after{content:'›';position:absolute;right:0;top:0;transform:rotate(0deg);transition:transform .25s;color:#555}\n #bp-activator .bp-faq[open] summary::after{transform:rotate(90deg)}\n\n #bp-activator .bp-sr-only{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}\n\n \/* Responsive uniquement sous le scope *\/\n @media (min-width: 860px){\n #bp-activator .bp-hero{grid-template-columns:520px 1fr;gap:var(--s5)}\n #bp-activator .bp-title{font-size:var(--fs-34)}\n #bp-activator .bp-grid-2{grid-template-columns:repeat(2,1fr)}\n #bp-activator .bp-list-cards{grid-template-columns:repeat(2,1fr)}\n }\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":55815980024185,"sku":"PFC901350","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/blondepil-homme-activateur-de-barbe.webp?v=1758015859"},{"product_id":"baume-a-barbe-disciplinant-certifie-bio-50-g-florame","title":"Baume à Barbe Bio Florame – Disciplinant \u0026 Nourrissant 50 g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Baume à Barbe Bio Florame\nPalette détectée:\n - Primaire: #D4A444 (Or\/moutarde du logo et moustache)\n - Secondaire: #3D3D3D (Gris anthracite du fond d'étiquette)\n - Accent: #C0C0C0 (Aluminium argenté du pot)\nAmbiance: Masculin premium, naturel\/bio, artisanal provençal, élégant et raffiné\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🏅 Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🇫🇷 Made in Provence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eBaume à barbe disciplinant\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eKarité bio \u0026amp; huiles essentielles de cèdre et lavande\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eLe soin premium qui structure, nourrit et sublime votre barbe avec une formule 100% naturelle certifiée bio. Texture fondante, parfum boisé masculin, tenue naturelle toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e✨ Les bénéfices d'un soin d'exception\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎯 Discipline \u0026amp; structure\u003c\/h3\u003e\n \u003cp\u003eDompte les poils rebelles et frisottis pour une barbe parfaitement maîtrisée tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eNourrit intensément sans effet gras grâce au beurre de karité et aux huiles végétales bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✨ Brillance naturelle\u003c\/h3\u003e\n \u003cp\u003eApporte souplesse et éclat pour une barbe douce au toucher et éclatante de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌲 Parfum masculin\u003c\/h3\u003e\n \u003cp\u003eSenteur boisée et fraîche aux notes de cèdre et lavande, élégante et raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🛡️ Protection quotidienne\u003c\/h3\u003e\n \u003cp\u003eFortifie les poils, protège du dessèchement et des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🔒 Tenue longue durée\u003c\/h3\u003e\n \u003cp\u003eTexture fondante qui offre un maintien naturel sans rigidité ni résidus collants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🌿 Une formule bio d'exception\u003c\/h2\u003e\n \u003cdiv class=\"bb-cert-banner\"\u003e\n \u003cspan class=\"bb-cert-icon\"\u003e🏅\u003c\/span\u003e\n \u003cdiv class=\"bb-cert-text\"\u003e\n \u003cstrong\u003eCosmos Organic certifié Ecocert\u003c\/strong\u003e\n \u003cspan\u003e100% d'origine naturelle • 80% issus de l'agriculture biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🥜 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur, adoucit les poils et protège la barbe des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌰 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eFortifie la structure du poil, stimule la pousse et apporte densité et vigueur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e💛 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eProche du sébum naturel, apporte brillance et douceur sans alourdir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huile de chanvre bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et revitalise les poils secs, apaise la peau et prévient les démangeaisons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌲 HE de cèdre\u003c\/h3\u003e\n \u003cp\u003eTonifiante et purifiante, diffuse un parfum boisé masculin stimulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e💜 HE de lavande bio\u003c\/h3\u003e\n \u003cp\u003eApaisante et équilibrante, calme les irritations et apporte une touche fraîche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Mode d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003ePrélevez\u003c\/h3\u003e\n \u003cp\u003eUne petite noisette de baume (taille d'un petit pois).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eChauffez\u003c\/h3\u003e\n \u003cp\u003eFrottez entre vos mains jusqu'à ce qu'il devienne fluide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eAppliquez\u003c\/h3\u003e\n \u003cp\u003eSur barbe propre et sèche, des racines aux pointes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eCoiffez\u003c\/h3\u003e\n \u003cp\u003ePeignez ou brossez pour discipliner et styliser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🧔 Le baume idéal pour\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔‍♂️ Barbes moyennes à longues\u003c\/h3\u003e\n \u003cp\u003eParfait pour structurer et discipliner les barbes fournies qui nécessitent tenue et contrôle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💆‍♂️ Poils rebelles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour dompter une barbe difficile à coiffer avec frisottis et poils indisciplinés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Amateurs de bio\u003c\/h3\u003e\n \u003cp\u003eConçu pour ceux qui privilégient les soins naturels certifiés et éco-responsables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e👔 Look soigné\u003c\/h3\u003e\n \u003cp\u003ePour les hommes qui recherchent une barbe impeccable et stylée au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e⚖️ 50 g\u003c\/h3\u003e\n \u003cp\u003eContenance généreuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌲 Cèdre \u0026amp; lavande\u003c\/h3\u003e\n \u003cp\u003eParfum boisé masculin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🇫🇷 Provence\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📅 Quotidien\u003c\/h3\u003e\n \u003cp\u003eUsage journalier\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS SECONDAIRES --\u003e\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🏅 Certifications \u0026amp; engagements\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eCosmos Organic\u003c\/strong\u003e certifié par Ecocert Greenlife – la certification bio la plus exigeante.\u003c\/p\u003e\n \u003cp\u003e✓ 100% d'origine naturelle\u003cbr\u003e\n ✓ 80% issus de l'agriculture biologique\u003cbr\u003e\n ✓ Cruelty free – jamais testé sur les animaux\u003cbr\u003e\n ✓ Pot aluminium recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de l'humidité. Refermer soigneusement après chaque utilisation. Se conserve 12 mois après ouverture.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Contient des huiles essentielles : déconseillé aux femmes enceintes et allaitantes. En cas de contact avec les yeux, rincer abondamment. Effectuer un test cutané avant première utilisation.\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=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🧔 Offrez à votre barbe le soin d'exception qu'elle mérite avec ce baume bio certifié, fabriqué en Provence selon les exigences les plus strictes. Une formule premium pour une barbe disciplinée, nourrie et parfumée toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --bb-cream: #f9f7f4;\n --bb-white: #ffffff;\n --bb-primary: #D4A444;\n --bb-primary-dark: #B8922E;\n --bb-primary-light: #FAF3E3;\n --bb-secondary: #3D3D3D;\n --bb-accent: #C0C0C0;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e5e5e5;\n --bb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #3d3d3d 50%, #4a4a4a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .04;\n background-image: repeating-linear-gradient(45deg, var(--bb-primary) 0, var(--bb-primary) 1px, transparent 1px, transparent 20px);\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-secondary);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: var(--bb-primary);\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n text-transform: uppercase;\n}\n\n.bb-subtitle {\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n opacity: .95;\n}\n\n.bb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-secondary);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-primary), var(--bb-primary-dark));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-secondary);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-card-ingredient {\n border-left: 4px solid var(--bb-primary);\n text-align: left;\n}\n\n.bb-card-ingredient:hover {\n transform: translateX(6px);\n}\n\n\/* === CERTIFICATION BANNER === *\/\n.bb-cert-banner {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n background: linear-gradient(135deg, var(--bb-primary-light) 0%, var(--bb-white) 100%);\n border: 2px solid var(--bb-primary);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.bb-cert-icon {\n font-size: 32px;\n}\n\n.bb-cert-text {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.bb-cert-text strong {\n font-size: 16px;\n color: var(--bb-primary-dark);\n}\n\n.bb-cert-text span {\n font-size: 13px;\n color: var(--bb-text-light);\n}\n\n\/* === STEPS === *\/\n.bb-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1rem;\n}\n\n.bb-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bb-white);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-num {\n width: 40px;\n height: 40px;\n min-width: 40px;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n}\n\n.bb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-secondary);\n margin: 0 0 .25rem 0;\n}\n\n.bb-step-content p {\n font-size: 13px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-secondary);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.bb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA FINAL === *\/\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-secondary) 0%, #2a2a2a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .bb-grid-compact .bb-card p {\n font-size: 12px;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-steps {\n grid-template-columns: 1fr;\n }\n \n .bb-cert-banner {\n flex-direction: column;\n gap: .75rem;\n padding: 1rem;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56238373601657,"sku":"FM0500","price":13.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/florame_baume_barbe_disciplinant.jpg?v=1763630198"},{"product_id":"savon-a-raser-au-lait-de-chevre-bio-antheya","title":"Savon à raser au lait de chèvre bio (90g) – Antheya","description":" \u003cp\u003eDécouvrez le \u003cstrong\u003eSavon à raser au lait de chèvre bio Antheya\u003c\/strong\u003e, un soin de rasage artisanal conçu pour offrir une mousse onctueuse, hydratante et protectrice. Riche en glycérine naturelle et en huiles végétales bio, il adoucit la peau et assure un rasage précis tout en douceur.\u003c\/p\u003e\n \u003cp\u003eCe savon surgras au \u003cstrong\u003elait de chèvre\u003c\/strong\u003e nourrit la peau en profondeur et prévient les irritations. Sa formule 100 % naturelle, enrichie en \u003cstrong\u003ehuiles essentielles de citron, palmarosa et patchouli\u003c\/strong\u003e, apporte fraîcheur, douceur et confort à chaque rasage.\u003c\/p\u003e\n\n \u003ch2\u003eLes bienfaits du savon à raser Antheya\u003c\/h2\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eHydratant et nourrissant :\u003c\/strong\u003e sa richesse en lait de chèvre et glycérine maintient la peau souple et hydratée après le rasage.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eNaturel et bio :\u003c\/strong\u003e fabriqué à partir d’huiles végétales issues de l’agriculture biologique (olive, coco, ricin, sésame, lin).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eApaisant et purifiant :\u003c\/strong\u003e les huiles essentielles de citron, palmarosa et patchouli préviennent irritations et rougeurs.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eÉcologique et durable :\u003c\/strong\u003e présenté dans une boîte en aluminium réutilisable, sans aérosol ni plastique.\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003ch2\u003eComposition 100 % naturelle\u003c\/h2\u003e\n \u003cp\u003eFormulé à base d’ingrédients bio et biodégradables, le savon à raser Antheya combine tradition et efficacité :\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eLait de chèvre bio – riche en acides gras et vitamines, hydrate et adoucit.\u003c\/li\u003e\n \u003cli\u003eHuile de coco, d’olive, de ricin et de lin – nourrissent et assouplissent la peau.\u003c\/li\u003e\n \u003cli\u003eArgile blanche – facilite la glisse de la lame.\u003c\/li\u003e\n \u003cli\u003eHuiles essentielles de citron, palmarosa, patchouli, bay de Saint Thomas – parfument et purifient naturellement.\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003ch2\u003eConseils d’utilisation\u003c\/h2\u003e\n \u003cp\u003eUtiliser un \u003cstrong\u003eblaireau\u003c\/strong\u003e de préférence pour une mousse généreuse et stable :\u003c\/p\u003e\n \u003col\u003e\n \u003cli\u003eHumidifiez le blaireau à l’eau chaude.\u003c\/li\u003e\n \u003cli\u003eFrictionnez le savon directement dans sa boîte pour faire mousser.\u003c\/li\u003e\n \u003cli\u003eAppliquez la mousse sur le visage avant rasage.\u003c\/li\u003e\n \u003cli\u003eRasez, puis rincez abondamment à l’eau tiède.\u003c\/li\u003e\n \u003c\/ol\u003e\n \u003cp\u003e\u003cem\u003eUsage externe uniquement – évitez le contact avec les yeux et les muqueuses.\u003c\/em\u003e\u003c\/p\u003e\n\n \u003ch2\u003eFabrication artisanale française\u003c\/h2\u003e\n \u003cp\u003eConçu à \u003cstrong\u003eCalais\u003c\/strong\u003e, sur la Côte d’Opale, le \u003cstrong\u003esavon à raser bio Antheya\u003c\/strong\u003e reflète le savoir-faire d’une savonnerie artisanale française engagée. Chaque pièce est moulée et emballée à la main, dans le respect de la nature et des traditions de la saponification à froid.\u003c\/p\u003e\n\n \u003ch2\u003ePourquoi choisir le savon à raser Antheya ?\u003c\/h2\u003e\n \u003cul\u003e\n \u003cli\u003eHydrate et adoucit la peau pendant le rasage.\u003c\/li\u003e\n \u003cli\u003eConvient aux peaux sensibles et réactives.\u003c\/li\u003e\n \u003cli\u003eFormule 100 % naturelle et biodégradable.\u003c\/li\u003e\n \u003cli\u003eBoîte aluminium réutilisable – zéro déchet.\u003c\/li\u003e\n \u003cli\u003eFabriqué en France avec des ingrédients bio.\u003c\/li\u003e\n \u003c\/ul\u003e\n\n \u003ch2\u003eOffrez-vous un rasage naturel et authentique\u003c\/h2\u003e\n \u003cp\u003eFaites l’expérience du \u003cstrong\u003esavon à raser bio au lait de chèvre Antheya\u003c\/strong\u003e pour un rasage doux, respectueux de votre peau et de la planète. Un soin fabriqué en France, artisanal et zéro déchet.\u003c\/p\u003e\n","brand":"ANTHEYA","offers":[{"title":"Default Title","offer_id":56260176544121,"sku":"NBAIANT0046","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-a-raser-au-lait-de-chevre-bio-90g-antheya_1__11zon_11zon.jpg?v=1763978676"},{"product_id":"baume-apres-rasage-bio-florame","title":"Baume après-rasage bio – 75 ml – Florame","description":"\u003cp\u003eOffrez à votre peau le confort qu’elle mérite après le rasage avec le \u003cstrong\u003ebaume après-rasage certifié bio Florame\u003c\/strong\u003e. Formulé à base d’huiles végétales précieuses et d’essences naturelles apaisantes, il répare et hydrate sans effet gras, tout en laissant une sensation de fraîcheur immédiate.\u003c\/p\u003e\n\u003ch2\u003eLes bienfaits du baume après-rasage Florame\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eApaise instantanément les irritations du rasoir\u003c\/li\u003e\n\u003cli\u003eRépare et régénère grâce à l’huile d’Argan bio\u003c\/li\u003e\n\u003cli\u003eProtège l’épiderme contre la sécheresse et les agressions extérieures\u003c\/li\u003e\n\u003cli\u003eTexture non grasse, idéale pour un usage quotidien\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eIngrédients naturels et certifiés bio\u003c\/h2\u003e\n\u003cp\u003eFormule enrichie en :\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile essentielle de Cèdre bio\u003c\/strong\u003e : tonifie et purifie\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile d’Argan bio\u003c\/strong\u003e : nourrit et régénère\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eHuile de Lavande bio\u003c\/strong\u003e : apaise et adoucit\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEau florale d’Hamamélis bio\u003c\/strong\u003e : calme et protège\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e98 % d’ingrédients d’origine naturelle – 53 % issus de l’Agriculture Biologique.\u003c\/p\u003e\n\u003ch2\u003eMode d’utilisation\u003c\/h2\u003e\n\u003cp\u003eAprès le rasage, appliquez une noisette de produit sur le visage et le cou secs. Massez par mouvements circulaires jusqu’à absorption complète.\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eAstuce :\u003c\/em\u003e utilisez-le le soir comme soin hydratant apaisant.\u003c\/p\u003e\n\u003ch2\u003eCertifications et engagements\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eCertifié \u003cstrong\u003eCOSMOS ORGANIC\u003c\/strong\u003e par \u003cstrong\u003eEcocert\u003c\/strong\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003eSans alcool, sans colorant, sans silicone\u003c\/li\u003e\n\u003cli\u003eTube recyclable – format : 75 ml\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":56281024004473,"sku":"FM0505","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/baume-apres-rasage-bio-75ml-florame.jpg?v=1764255823"},{"product_id":"coloration-a-barbe-chatain-naturel-blondepil","title":"Coloration à Barbe - Teinte 50 Châtain Naturel - Blondépil","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Coloration à Barbe - Teinte 50 Châtain Naturel - Blondépil\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine foncé du packaging)\n - Secondaire: #e63946 (rouge vif des accents et rayures)\n - Accent: #f4a261 (orange\/beige du personnage illustré)\n - Crème: #f8f6f1 (fond clair du packaging)\nAmbiance: Masculin, vintage\/barbershop, français traditionnel, accessible et moderne\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n\n \u003cdiv class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e⏱️ 10 minutes\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🧴 3 utilisations\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eColoration à barbe châtain naturel\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eVotre allié pour une barbe impeccable\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eEstompez les poils gris, masquez les reflets et retrouvez une barbe uniforme au rendu 100% naturel. Formule sans ammoniaque, résultat professionnel à domicile.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e✨ Les promesses du kit\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎯 Estompe les poils gris\u003c\/h3\u003e\n \u003cp\u003eCamoufle efficacement les premiers cheveux blancs pour une barbe rajeunie et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🪞 Masque les reflets\u003c\/h3\u003e\n \u003cp\u003eUniformise les reflets roux ou décolorés disgracieux pour un rendu parfaitement harmonieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e👌 Facile et précis\u003c\/h3\u003e\n \u003cp\u003eKit complet avec pinceau applicateur pour une application professionnelle sans effort.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Résultat naturel\u003c\/h3\u003e\n \u003cp\u003eLa teinte châtain n°50 s'adapte harmonieusement à votre couleur de base.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💪 Effet densifiant\u003c\/h3\u003e\n \u003cp\u003eLa coloration épaissit visuellement le poil pour une barbe plus fournie et structurée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🛡️ Sans ammoniaque\u003c\/h3\u003e\n \u003cp\u003eFormule douce respectueuse de la peau sensible du visage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📦 Contenu du kit\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🅰️ Crème colorante\u003c\/h3\u003e\n \u003cp\u003e3 tubes de crème colorante développante pour 3 applications complètes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🅱️ Gel activateur\u003c\/h3\u003e\n \u003cp\u003e3 flacons de gel activateur révélateur pour des résultats optimaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🖌️ Pinceau pro\u003c\/h3\u003e\n \u003cp\u003ePinceau applicateur professionnel pour une précision maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🥣 Récipient mélange\u003c\/h3\u003e\n \u003cp\u003eCoupelle pratique pour préparer votre mélange facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"bb-timeline\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003ePréparation\u003c\/h3\u003e\n \u003cp\u003eBarbe propre et sèche. Appliquez une crème barrière (type vaseline) sur le contour pour éviter les traces.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eMélange\u003c\/h3\u003e\n \u003cp\u003eDans le récipient, mélangez la crème colorante (A) avec le gel activateur (B) selon la notice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eApplication\u003c\/h3\u003e\n \u003cp\u003eÀ l'aide du pinceau, appliquez généreusement sur barbe et moustache. Peignez pour bien répartir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003ePose 10 min\u003c\/h3\u003e\n \u003cp\u003eLaissez agir 10 minutes maximum. Pour une teinte plus claire, rincez avant (7-8 min).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eRinçage\u003c\/h3\u003e\n \u003cp\u003eRincez abondamment à l'eau tiède jusqu'à ce que l'eau soit claire. Séchez en tamponnant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e👤 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔 Premiers poils gris\u003c\/h3\u003e\n \u003cp\u003eVous voyez apparaître vos premiers cheveux blancs dans la barbe et souhaitez les estomper.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎨 Reflets à uniformiser\u003c\/h3\u003e\n \u003cp\u003eVotre barbe a des reflets roux ou décolorés que vous voulez harmoniser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💼 Look pro soigné\u003c\/h3\u003e\n \u003cp\u003eVous recherchez une image plus dynamique pour votre vie professionnelle ou personnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🏠 Autonomie maison\u003c\/h3\u003e\n \u003cp\u003eVous préférez une solution simple et rapide, sans rendez-vous en salon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-info-box\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil teinte :\u003c\/strong\u003e Le châtain naturel n°50 convient aux barbes moyennes à foncées et aux carnations claires à mates. Si votre barbe est naturellement très claire ou très foncée, adaptez la teinte.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e💡 Conseils d'entretien\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧴 Shampoing doux\u003c\/h3\u003e\n \u003cp\u003eUtilisez un shampoing spécial barbe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Lavage modéré\u003c\/h3\u003e\n \u003cp\u003e2 à 3 fois par semaine suffisent\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e✨ Huile quotidienne\u003c\/h3\u003e\n \u003cp\u003eHydratez pour un bel éclat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e☀️ Protection UV\u003c\/h3\u003e\n \u003cp\u003eLimitez l'exposition au soleil\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🔄 Fréquence d'application\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eEn moyenne, renouvelez toutes les \u003cstrong\u003e3 à 4 semaines\u003c\/strong\u003e. Si vous avez peu de cheveux blancs, espacez davantage. Si votre barbe blanchit rapidement, retouchez toutes les 2 semaines. Astuce : faites des retouches ciblées entre deux colorations complètes sur les zones qui blanchissent le plus vite (menton, favoris).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eTest d'allergie obligatoire\u003c\/strong\u003e 48h avant la première utilisation : appliquez une petite quantité derrière l'oreille. Ne pas utiliser sur peau irritée ou blessée. Éviter le contact avec les yeux. Ne pas utiliser sur sourcils ou cils. Ne pas dépasser le temps de pose. Conserver hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e❓ Questions fréquentes\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eLa coloration abîme-t-elle la barbe ?\u003c\/strong\u003e La formule sans ammoniaque limite les risques. Respectez le temps de pose et hydratez après chaque coloration.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eCombien de temps dure une application ?\u003c\/strong\u003e Environ 20 minutes au total : 5 min de préparation, 10 min de pose, 5 min de rinçage.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eLa couleur part-elle d'un coup ?\u003c\/strong\u003e Non, elle s'estompe progressivement sur 3-4 semaines à chaque lavage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e💰 Économies vs salon\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eUne coloration en salon coûte 25 à 50€. Avec ce kit 3 utilisations, réalisez vous-même votre coloration pour une fraction du prix, quand vous voulez, sans rendez-vous. C'est un gain de temps, d'argent et de liberté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🧔 Retrouvez une barbe uniforme, naturelle et soignée en seulement 10 minutes. Fabrication française, formule sans ammoniaque, résultat garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bb-cream: #f8f6f1;\n --bb-white: #ffffff;\n --bb-primary: #1e3a5f;\n --bb-primary-dark: #152a45;\n --bb-primary-light: #e8eef4;\n --bb-secondary: #e63946;\n --bb-accent: #f4a261;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e0e0e0;\n --bb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --bb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 50%, #0d1b2a 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 10px,\n rgba(230, 57, 70, 0.1) 10px,\n rgba(230, 57, 70, 0.1) 20px\n );\n opacity: .3;\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bb-subtitle {\n color: var(--bb-accent);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n}\n\n.bb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-secondary), var(--bb-accent));\n border-radius: 2px;\n}\n\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n.bb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.bb-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: 1.5rem;\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--bb-secondary), var(--bb-accent));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 20px;\n font-weight: 900;\n box-shadow: 0 4px 12px rgba(230, 57, 70, .3);\n}\n\n.bb-step-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.bb-step-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-info-box {\n background: var(--bb-primary-light);\n border-radius: var(--bb-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n border-left: 4px solid var(--bb-primary);\n}\n\n.bb-info-box p {\n margin: 0;\n font-size: 14px;\n color: var(--bb-primary-dark);\n line-height: 1.6;\n}\n\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-primary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.bb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.bb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: repeating-linear-gradient(\n -45deg,\n transparent,\n transparent 10px,\n rgba(230, 57, 70, 0.1) 10px,\n rgba(230, 57, 70, 0.1) 20px\n );\n opacity: .2;\n}\n\n.bb-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-step {\n padding: 1rem;\n gap: 1rem;\n }\n \n .bb-step-number {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .bb-step-content h3 {\n font-size: 15px;\n }\n \n .bb-step-content p {\n font-size: 13px;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bb-info-box {\n padding: 1rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n \n .bb-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-step:nth-child(1) { animation-delay: .1s; }\n .bb-step:nth-child(2) { animation-delay: .15s; }\n .bb-step:nth-child(3) { animation-delay: .2s; }\n .bb-step:nth-child(4) { animation-delay: .25s; }\n .bb-step:nth-child(5) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":56335886057849,"sku":"PFC901059","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/blondepil-coloration-barbe-chatain-naturel_11zon_90328d85-5f22-4f4f-8b14-6199e0e61e1a.jpg?v=1765378355"},{"product_id":"coloration-a-barbe-brun-naturel-blondepil","title":"Coloration à Barbe - Teinte 40 Brun Naturel - Blondépil","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Coloration à Barbe - Teinte 40 Brun Naturel - Blondépil\nPalette détectée:\n - Primaire: #1E3A5F (bleu marine foncé du packaging)\n - Secondaire: #E85A4F (rouge\/corail des accents et rayures)\n - Accent: #F5E6D3 (crème\/beige du fond packaging)\nAmbiance: Masculine, barbershop vintage, style rétro-moderne avec illustration graphique d'homme barbu, touches de rouge dynamiques sur fond bleu marine élégant\nPréfixe CSS: bb\n--\u003e\n\n\u003cdiv class=\"bb-premium\"\u003e\n\n\u003csection class=\"bb-hero\"\u003e\n \u003cdiv class=\"bb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bb-hero-content\"\u003e\n \u003cdiv class=\"bb-badges-top\"\u003e\n \u003cspan class=\"bb-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e⏱️ 10 minutes\u003c\/span\u003e\n \u003cspan class=\"bb-badge\"\u003e🌿 Sans ammoniaque\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bb-hero-title\"\u003eColoration à barbe brun naturel\u003c\/span\u003e\n \u003cp class=\"bb-subtitle\"\u003eMasquez vos poils gris en 10 minutes chrono\u003c\/p\u003e\n \u003cp class=\"bb-description\"\u003eFormule professionnelle enrichie en criste marine et bois de santal. Résultat naturel et durable, digne d'un barbier haut de gamme, directement chez vous.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e💪 Les bénéfices clés\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e⚡ Résultat express\u003c\/h3\u003e\n \u003cp\u003eSeulement 10 minutes de pose pour une couverture complète des poils gris. Parfait pour les matins pressés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎨 Teinte naturelle\u003c\/h3\u003e\n \u003cp\u003eLe brun naturel N°40 offre un rendu authentique qui préserve les nuances de votre barbe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Formule douce\u003c\/h3\u003e\n \u003cp\u003eSans ammoniaque, enrichie en actifs marins pour respecter vos poils et votre peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💎 Effet densifiant\u003c\/h3\u003e\n \u003cp\u003eUniformise votre barbe pour un aspect visuellement plus dense et plus fourni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎯 Précision pro\u003c\/h3\u003e\n \u003cp\u003eKit complet avec pinceau applicateur pour un contrôle total, même sur les zones difficiles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📦 3 applications\u003c\/h3\u003e\n \u003cp\u003eUne boîte couvre 3 à 4 mois d'entretien régulier. Excellent rapport qualité-prix.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🔬 Composition aux actifs naturels\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌊 Criste marine\u003c\/h3\u003e\n \u003cp\u003eActif marin régénérant qui renforce la structure du poil et lui redonne éclat et douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🌳 Bois de santal\u003c\/h3\u003e\n \u003cp\u003ePropriétés apaisantes et nourrissantes. Calme les irritations et laisse un parfum boisé subtil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🎨 Pigments doux\u003c\/h3\u003e\n \u003cp\u003eAffinité optimale avec le poil de barbe pour une couleur uniforme et résistante aux lavages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card bb-card-ingredient\"\u003e\n \u003ch3\u003e🚫 Sans ammoniaque\u003c\/h3\u003e\n \u003cp\u003eAucune odeur agressive, aucun risque d'irritation. Parfait pour les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📦 Contenu du kit complet\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧴 Crème colorante\u003c\/h3\u003e\n \u003cp\u003ePigments brun naturel concentrés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💧 Gel révélateur\u003c\/h3\u003e\n \u003cp\u003eActive les pigments en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🖌️ Pinceau pro\u003c\/h3\u003e\n \u003cp\u003eApplication précise et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🥤 Godet gradué\u003c\/h3\u003e\n \u003cp\u003eDosage parfait à chaque utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧤 Gants fournis\u003c\/h3\u003e\n \u003cp\u003eProtection pour vos mains\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e📖 Notice détaillée\u003c\/h3\u003e\n \u003cp\u003eInstructions pas à pas illustrées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e🎓 Mode d'emploi en 5 étapes\u003c\/h2\u003e\n \u003cdiv class=\"bb-steps\"\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003ePréparez votre barbe\u003c\/h3\u003e\n \u003cp\u003eLavez et séchez complètement votre barbe. Démêlez avec un peigne pour faciliter l'application uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eMélangez les produits\u003c\/h3\u003e\n \u003cp\u003eDans le godet, versez crème colorante + gel révélateur. Mélangez 30 secondes jusqu'à texture homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eAppliquez au pinceau\u003c\/h3\u003e\n \u003cp\u003eAvec les gants, appliquez généreusement sur toute la barbe. Insistez sur les zones grises et les racines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eLaissez poser 10 min\u003c\/h3\u003e\n \u003cp\u003eTemps standard pour couverture complète. Modulable : 7 min (subtil) à 15 min max (intense).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-step\"\u003e\n \u003cdiv class=\"bb-step-num\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"bb-step-content\"\u003e\n \u003ch3\u003eRincez abondamment\u003c\/h3\u003e\n \u003cp\u003eÀ l'eau tiède jusqu'à eau claire (2-3 min). Terminez à l'eau froide pour fixer la couleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e👨 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🧔 Barbes grisonnantes\u003c\/h3\u003e\n \u003cp\u003ePremiers cheveux blancs ou barbe majoritairement grise, le résultat sera naturel et homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💼 Professionnels actifs\u003c\/h3\u003e\n \u003cp\u003e10 minutes suffisent pour être impeccable. Fini les rendez-vous barbier chronophages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌿 Peaux sensibles\u003c\/h3\u003e\n \u003cp\u003eFormule sans ammoniaque aux actifs apaisants pour les épidermes les plus réactifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🆕 Débutants\u003c\/h3\u003e\n \u003cp\u003eKit complet avec notice illustrée. Application facile même sans aucune expérience.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e✨ Résultats attendus\u003c\/h2\u003e\n \u003cdiv class=\"bb-grid-compact\"\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🎨 Couleur naturelle\u003c\/h3\u003e\n \u003cp\u003eBrun chaud authentique sans effet artificiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e💪 Effet densifiant\u003c\/h3\u003e\n \u003cp\u003eBarbe visuellement plus fournie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e⏳ Tenue 4-6 semaines\u003c\/h3\u003e\n \u003cp\u003eS'estompe progressivement sans démarcation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bb-card\"\u003e\n \u003ch3\u003e🌟 Brillance \u0026amp; douceur\u003c\/h3\u003e\n \u003cp\u003ePoils hydratés et faciles à coiffer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"bb-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bb-accordion\"\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e💡 Conseils d'expert\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eAvant :\u003c\/strong\u003e Barbe parfaitement propre et sèche. Appliquez une crème sur les contours pour éviter les taches.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003ePendant :\u003c\/strong\u003e Soyez généreux, procédez par zones, vérifiez sous différents éclairages.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eAprès :\u003c\/strong\u003e Attendez 24h avant de mouiller. Espacez les shampoings (2-3x\/semaine max) pour prolonger la tenue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e🔄 Fréquence recommandée\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003eRenouvelez la coloration toutes les \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e selon la vitesse de repousse. Certains préfèrent des retouches ciblées toutes les 3 semaines sur les zones qui grisonnent rapidement (menton, moustache).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eTest obligatoire :\u003c\/strong\u003e 48h avant, testez derrière l'oreille. Pas d'utilisation sur plaies ou eczéma.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eContact yeux :\u003c\/strong\u003e Rincer 15 min à l'eau claire. Consulter si irritation persistante.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e Endroit frais et sec, 5-25°C. Ne pas conserver le mélange préparé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bb-accordion-item\"\u003e\n \u003csummary class=\"bb-accordion-header\"\u003e📊 Caractéristiques techniques\u003c\/summary\u003e\n \u003cdiv class=\"bb-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eTeinte :\u003c\/strong\u003e Brun Naturel N°40 • \u003cstrong\u003eApplications :\u003c\/strong\u003e 3 utilisations complètes\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003ePose :\u003c\/strong\u003e 10 min (modulable 7-15 min) • \u003cstrong\u003eTenue :\u003c\/strong\u003e 4-6 semaines\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eType :\u003c\/strong\u003e Semi-permanente sans ammoniaque • \u003cstrong\u003eOrigine :\u003c\/strong\u003e France\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eZones :\u003c\/strong\u003e Barbe, moustache, pattes • \u003cstrong\u003eLongueur :\u003c\/strong\u003e Toutes (3 jours à longue)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"bb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bb-cta-box\"\u003e\n \u003cp\u003e🧔 \u003cstrong\u003eRedonnez à votre barbe toute sa jeunesse\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eEn 10 minutes, masquez vos poils gris et retrouvez une barbe impeccable, uniforme et soignée. Formule française sans ammoniaque, résultat professionnel garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bb-cream: #FAF8F5;\n --bb-white: #ffffff;\n --bb-primary: #1E3A5F;\n --bb-primary-dark: #0F1F33;\n --bb-primary-light: #E8EDF2;\n --bb-secondary: #E85A4F;\n --bb-accent: #D4A574;\n --bb-text: #1a1a1a;\n --bb-text-light: #5a5a5a;\n --bb-border: #e0e0e0;\n --bb-shadow: 0 4px 24px rgba(30,58,95,.08);\n --bb-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --bb-radius: 20px;\n --bb-radius-sm: 12px;\n}\n\n.bb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 50%, #0a1525 100%);\n border-radius: var(--bb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(232,90,79,.08) 20px, rgba(232,90,79,.08) 22px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 22px);\n opacity: .6;\n}\n\n.bb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.bb-subtitle {\n font-size: clamp(18px, 3.5vw, 24px);\n color: var(--bb-secondary);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.bb-description {\n font-size: clamp(15px, 2.5vw, 18px);\n color: rgba(255,255,255,.9);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bb-primary), var(--bb-secondary));\n border-radius: 2px;\n}\n\n.bb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bb-card {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bb-shadow-lg);\n border-color: var(--bb-primary);\n}\n\n.bb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-card-ingredient {\n border-left: 4px solid var(--bb-secondary);\n text-align: left;\n}\n\n.bb-card-ingredient:hover {\n border-left-color: var(--bb-primary);\n}\n\n.bb-grid-compact .bb-card {\n padding: 1rem;\n}\n\n.bb-grid-compact .bb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bb-grid-compact .bb-card p {\n font-size: 12px;\n}\n\n.bb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.bb-step {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n padding: 1.5rem;\n box-shadow: var(--bb-shadow);\n transition: all .3s ease;\n}\n\n.bb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bb-shadow-lg);\n}\n\n.bb-step-num {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--bb-primary), var(--bb-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.bb-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bb-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.bb-step-content p {\n font-size: 14px;\n color: var(--bb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bb-accordion {\n background: var(--bb-white);\n border-radius: var(--bb-radius);\n box-shadow: var(--bb-shadow);\n overflow: hidden;\n}\n\n.bb-accordion-item {\n border-bottom: 1px solid var(--bb-border);\n margin: 0;\n padding: 0;\n}\n\n.bb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.bb-accordion-header:hover {\n background: var(--bb-primary-light);\n}\n\n.bb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bb-secondary);\n transition: transform .2s ease;\n}\n\n.bb-accordion-item[open] .bb-accordion-header::after {\n content: '−';\n}\n\n.bb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.bb-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.bb-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.bb-cta-box {\n background: linear-gradient(135deg, var(--bb-primary) 0%, var(--bb-primary-dark) 100%);\n border-radius: var(--bb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(232,90,79,.1) 30px, rgba(232,90,79,.1) 32px);\n opacity: .5;\n}\n\n.bb-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0 0 .75rem 0;\n}\n\n.bb-cta-box p:last-child {\n margin-bottom: 0;\n}\n\n.bb-cta-box strong {\n color: var(--bb-secondary);\n font-weight: 800;\n}\n\n@media (max-width: 767px) {\n .bb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bb-grid-compact {\n gap: .625rem;\n }\n \n .bb-grid-compact .bb-card {\n padding: .75rem;\n }\n \n .bb-card {\n padding: 1.125rem;\n }\n \n .bb-section {\n margin-bottom: 1.75rem;\n }\n \n .bb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bb-radius-sm);\n }\n \n .bb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bb-step {\n padding: 1.125rem;\n gap: 1rem;\n }\n \n .bb-step-num {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n \n .bb-step-content h3 {\n font-size: 15px;\n }\n \n .bb-step-content p {\n font-size: 13px;\n }\n \n .bb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .bb-card {\n animation: fadeInUp .5s ease backwards;\n }\n .bb-card:nth-child(1) { animation-delay: .05s; }\n .bb-card:nth-child(2) { animation-delay: .1s; }\n .bb-card:nth-child(3) { animation-delay: .15s; }\n .bb-card:nth-child(4) { animation-delay: .2s; }\n .bb-card:nth-child(5) { animation-delay: .25s; }\n .bb-card:nth-child(6) { animation-delay: .3s; }\n \n .bb-step {\n animation: fadeInLeft .5s ease backwards;\n }\n .bb-step:nth-child(1) { animation-delay: .1s; }\n .bb-step:nth-child(2) { animation-delay: .2s; }\n .bb-step:nth-child(3) { animation-delay: .3s; }\n .bb-step:nth-child(4) { animation-delay: .4s; }\n .bb-step:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInLeft {\n from { opacity: 0; transform: translateX(-20px); }\n to { opacity: 1; transform: translateX(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":56336018276729,"sku":"PFC901057","price":10.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/blondepil-coloration-barbe-brun-naturel_11zon.jpg?v=1765378980"},{"product_id":"rasoir-de-surete-rechargeable-au-poil","title":"Rasoir de Sûreté Rechargeable - Lamazuna","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Rasoir de Sûreté Rechargeable - Lamazura\nPalette détectée:\n - Primaire: #8BC34A (vert pomme vibrant du packaging)\n - Secondaire: #F4E04D (jaune citron vif)\n - Accent: #5D4037 (bois naturel chaleureux)\n - Neutre: #F5F5DC (beige crème naturel)\nAmbiance: Écologique, naturel, zéro déchet, artisanal, vintage moderne\nStyle: Naturel premium avec touches vintage\/barbier\nPréfixe CSS: raz\n--\u003e\n\n\u003cdiv class=\"raz-premium\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"raz-hero\"\u003e\n \u003cdiv class=\"raz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"raz-hero-content\"\u003e\n \u003cdiv class=\"raz-badges-top\"\u003e\n \u003cspan class=\"raz-badge\"\u003e🌱 Zéro déchet\u003c\/span\u003e\n \u003cspan class=\"raz-badge\"\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003cspan class=\"raz-badge\"\u003e🌳 Bois naturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"raz-hero-title\"\u003eRasoir de sûreté rechargeable Lamazuna\u003c\/span\u003e\n \u003cp class=\"raz-subtitle\"\u003eL'élégance du rasage traditionnel rencontre l'écologie moderne\u003c\/p\u003e\n \u003cp class=\"raz-description\"\u003eAdoptez le rasage zéro déchet avec ce rasoir de sûreté au manche en bois noble. Précis, durable et infiniment rechargeable, il transforme votre routine de rasage en un geste éco-responsable et raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Points Forts --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce rasoir de sûreté ?\u003c\/h2\u003e\n \u003cdiv class=\"raz-grid\"\u003e\n \u003cdiv class=\"raz-card\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e♻️\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003e100% zéro déchet\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eFini les rasoirs jetables en plastique ! Rechargeable à l'infini avec des lames en acier inoxydable recyclables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e🌳\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eManche en bois noble\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eFabriqué en bois naturel avec finitions striées pour une prise en main ergonomique et antidérapante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e✂️\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eRasage de précision\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eLa technique du rasoir de sûreté offre un rasage au plus près de la peau, net et confortable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e💰\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eÉconomique sur le long terme\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eUn investissement qui se rentabilise rapidement : les lames de rechange coûtent 10 fois moins cher que les cartouches jetables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eDurabilité exceptionnelle\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eConçu pour durer des décennies. La tête en métal chromé résiste à la corrosion et aux chocs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e🎨\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eDesign intemporel\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eUn objet élégant qui mérite sa place dans votre salle de bain. Alliance parfaite entre esthétique vintage et modernité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Composition \u0026 Matériaux --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003ch2\u003eDes matériaux nobles et durables\u003c\/h2\u003e\n \u003cdiv class=\"raz-grid raz-grid-3\"\u003e\n \u003cdiv class=\"raz-card raz-card-highlight\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e🌲\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eManche en bois naturel\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eBois noble sélectionné pour sa robustesse et son grain unique. Texture striée pour une excellente adhérence, même avec les mains humides.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card raz-card-highlight\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e⚙️\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eTête en métal chromé\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eAcier inoxydable de qualité professionnelle avec finition chromée brillante. Résiste à la corrosion et garantit une longévité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card raz-card-highlight\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e🔧\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eSystème à papillon\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eMécanisme d'ouverture facile pour changer les lames en toute sécurité. Simple, rapide et sans danger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Mode d'Emploi --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003ch2\u003eComment utiliser votre rasoir de sûreté ?\u003c\/h2\u003e\n \u003cdiv class=\"raz-timeline\"\u003e\n \u003cdiv class=\"raz-timeline-item\"\u003e\n \u003cdiv class=\"raz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-content\"\u003e\n \u003ch3 class=\"raz-timeline-title\"\u003ePréparation de la peau\u003c\/h3\u003e\n \u003cp class=\"raz-timeline-text\"\u003eHumidifiez votre visage à l'eau chaude pour ouvrir les pores. Appliquez une mousse ou un savon à raser de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-item\"\u003e\n \u003cdiv class=\"raz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-content\"\u003e\n \u003ch3 class=\"raz-timeline-title\"\u003eAngle de rasage optimal\u003c\/h3\u003e\n \u003cp class=\"raz-timeline-text\"\u003eTenez le rasoir à 30-45° par rapport à la peau. Laissez le poids du rasoir faire le travail, n'appuyez pas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-item\"\u003e\n \u003cdiv class=\"raz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-content\"\u003e\n \u003ch3 class=\"raz-timeline-title\"\u003eTechnique de rasage\u003c\/h3\u003e\n \u003cp class=\"raz-timeline-text\"\u003eEffectuez des passes courtes et régulières dans le sens du poil. Rincez la lame fréquemment sous l'eau chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-item\"\u003e\n \u003cdiv class=\"raz-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-content\"\u003e\n \u003ch3 class=\"raz-timeline-title\"\u003eFinition et soin\u003c\/h3\u003e\n \u003cp class=\"raz-timeline-text\"\u003eRincez votre visage à l'eau froide pour refermer les pores. Appliquez un baume après-rasage apaisant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-item\"\u003e\n \u003cdiv class=\"raz-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"raz-timeline-content\"\u003e\n \u003ch3 class=\"raz-timeline-title\"\u003eEntretien du rasoir\u003c\/h3\u003e\n \u003cp class=\"raz-timeline-text\"\u003eRincez et séchez soigneusement après chaque utilisation. Changez la lame tous les 5-7 rasages selon votre pilosité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Changement de Lame --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003ch2\u003eComment changer la lame ?\u003c\/h2\u003e\n \u003cdiv class=\"raz-steps-grid\"\u003e\n \u003cdiv class=\"raz-step-card\"\u003e\n \u003cdiv class=\"raz-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"raz-step-content\"\u003e\n \u003ch3\u003eOuvrir le rasoir\u003c\/h3\u003e\n \u003cp\u003eDévissez la vis papillon en tournant dans le sens inverse des aiguilles d'une montre. La tête s'ouvre automatiquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-step-card\"\u003e\n \u003cdiv class=\"raz-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"raz-step-content\"\u003e\n \u003ch3\u003eRetirer l'ancienne lame\u003c\/h3\u003e\n \u003cp\u003eRetirez délicatement la lame usagée en la tenant par les côtés non tranchants. Placez-la dans un contenant sécurisé pour recyclage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-step-card\"\u003e\n \u003cdiv class=\"raz-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"raz-step-content\"\u003e\n \u003ch3\u003eInstaller la nouvelle lame\u003c\/h3\u003e\n \u003cp\u003ePlacez une nouvelle lame double face sur la base du rasoir, centrez-la bien avec les ergots de guidage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-step-card\"\u003e\n \u003cdiv class=\"raz-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"raz-step-content\"\u003e\n \u003ch3\u003eRefermer et sécuriser\u003c\/h3\u003e\n \u003cp\u003eReplacez le capot supérieur et serrez la vis papillon fermement. Vérifiez que la lame est bien maintenue et alignée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Avantages Écologiques --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003ch2\u003eUn geste fort pour la planète\u003c\/h2\u003e\n \u003cdiv class=\"raz-eco-stats\"\u003e\n \u003cdiv class=\"raz-stat-card\"\u003e\n \u003cdiv class=\"raz-stat-number\"\u003e2 milliards\u003c\/div\u003e\n \u003cdiv class=\"raz-stat-label\"\u003ede rasoirs jetables sont mis à la poubelle chaque année dans le monde\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-stat-card\"\u003e\n \u003cdiv class=\"raz-stat-number\"\u003e90%\u003c\/div\u003e\n \u003cdiv class=\"raz-stat-label\"\u003ed'économie sur vos dépenses de rasage en passant au rasoir de sûreté\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-stat-card\"\u003e\n \u003cdiv class=\"raz-stat-number\"\u003e0 plastique\u003c\/div\u003e\n \u003cdiv class=\"raz-stat-label\"\u003eLes lames en acier sont 100% recyclables et biodégradables\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-stat-card\"\u003e\n \u003cdiv class=\"raz-stat-number\"\u003ePlusieurs décennies\u003c\/div\u003e\n \u003cdiv class=\"raz-stat-label\"\u003ede durée de vie pour votre rasoir avec un entretien minimal\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Pour Qui ? --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003ch2\u003ePour qui est ce rasoir ?\u003c\/h2\u003e\n \u003cdiv class=\"raz-grid raz-grid-3\"\u003e\n \u003cdiv class=\"raz-card raz-card-persona\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e🌍\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eLes éco-responsables\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eVous souhaitez réduire vos déchets plastiques et adopter une routine de soins zéro déchet sans compromis sur la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card raz-card-persona\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e💼\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eLes amateurs de qualité\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eVous recherchez un rasage précis, traditionnel et soigné, digne des meilleurs barbiers, avec des outils durables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card raz-card-persona\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e💡\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eLes économes futés\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eVous voulez investir dans un produit qui durera toute une vie et réduire drastiquement vos dépenses de rasage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card raz-card-persona\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e🎁\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eUn cadeau parfait\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eOffrez un objet élégant, utile et éthique qui marquera les esprits. Idéal pour initier vos proches au rasage traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card raz-card-persona\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e🧔\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eDébutants \u0026amp; experts\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eQue vous découvriez le rasoir de sûreté ou que vous soyez un aficionado du rasage classique, ce modèle convient à tous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-card raz-card-persona\"\u003e\n \u003cdiv class=\"raz-card-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3 class=\"raz-card-title\"\u003eLes peaux sensibles\u003c\/h3\u003e\n \u003cp class=\"raz-card-text\"\u003eLe rasage à lame unique réduit les irritations et les poils incarnés, parfait pour les peaux réactives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Conseils \u0026 Astuces --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003ch2\u003eNos conseils d'expert pour un rasage parfait\u003c\/h2\u003e\n \u003cdiv class=\"raz-tips-container\"\u003e\n \u003cdiv class=\"raz-tip-box\"\u003e\n \u003cdiv class=\"raz-tip-icon\"\u003e💧\u003c\/div\u003e\n \u003ch3\u003eHydratation avant tout\u003c\/h3\u003e\n \u003cp\u003eRasez-vous après la douche ou appliquez une serviette chaude pendant 2-3 minutes pour ramollir le poil et faciliter la coupe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-tip-box\"\u003e\n \u003cdiv class=\"raz-tip-icon\"\u003e🪒\u003c\/div\u003e\n \u003ch3\u003eN'appuyez pas\u003c\/h3\u003e\n \u003cp\u003eLe poids du rasoir suffit. Trop de pression augmente les risques de coupures et d'irritations. Laissez glisser la lame naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-tip-box\"\u003e\n \u003cdiv class=\"raz-tip-icon\"\u003e🔄\u003c\/div\u003e\n \u003ch3\u003eChangez régulièrement\u003c\/h3\u003e\n \u003cp\u003eUne lame émoussée tire sur les poils au lieu de les couper. Changez votre lame tous les 5-7 rasages pour un résultat optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-tip-box\"\u003e\n \u003cdiv class=\"raz-tip-icon\"\u003e🧴\u003c\/div\u003e\n \u003ch3\u003ePréparez bien la peau\u003c\/h3\u003e\n \u003cp\u003eUtilisez un savon ou une mousse à raser de qualité. Les produits naturels sans sulfates protègent mieux votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-tip-box\"\u003e\n \u003cdiv class=\"raz-tip-icon\"\u003e🧊\u003c\/div\u003e\n \u003ch3\u003eRinçage à l'eau froide\u003c\/h3\u003e\n \u003cp\u003eTerminez par un rinçage à l'eau froide pour refermer les pores, tonifier la peau et réduire les rougeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-tip-box\"\u003e\n \u003cdiv class=\"raz-tip-icon\"\u003e🧽\u003c\/div\u003e\n \u003ch3\u003eEntretien quotidien\u003c\/h3\u003e\n \u003cp\u003eRincez et séchez soigneusement après chaque utilisation. Stockez le rasoir dans un endroit sec pour préserver le bois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Caractéristiques Techniques --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003ch2\u003eCaractéristiques techniques\u003c\/h2\u003e\n \u003cdiv class=\"raz-specs-grid\"\u003e\n \u003cdiv class=\"raz-spec-item\"\u003e\n \u003cdiv class=\"raz-spec-label\"\u003eMarque\u003c\/div\u003e\n \u003cdiv class=\"raz-spec-value\"\u003eLamazuna\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-spec-item\"\u003e\n \u003cdiv class=\"raz-spec-label\"\u003eType\u003c\/div\u003e\n \u003cdiv class=\"raz-spec-value\"\u003eRasoir de sûreté à papillon\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-spec-item\"\u003e\n \u003cdiv class=\"raz-spec-label\"\u003eMatériaux\u003c\/div\u003e\n \u003cdiv class=\"raz-spec-value\"\u003eBois naturel + métal chromé\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-spec-item\"\u003e\n \u003cdiv class=\"raz-spec-label\"\u003eLames compatibles\u003c\/div\u003e\n \u003cdiv class=\"raz-spec-value\"\u003eLames double face standard\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-spec-item\"\u003e\n \u003cdiv class=\"raz-spec-label\"\u003ePoids\u003c\/div\u003e\n \u003cdiv class=\"raz-spec-value\"\u003eÉquilibré pour un contrôle optimal\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-spec-item\"\u003e\n \u003cdiv class=\"raz-spec-label\"\u003eEntretien\u003c\/div\u003e\n \u003cdiv class=\"raz-spec-value\"\u003eRinçage et séchage après usage\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-spec-item\"\u003e\n \u003cdiv class=\"raz-spec-label\"\u003eDurabilité\u003c\/div\u003e\n \u003cdiv class=\"raz-spec-value\"\u003ePlusieurs décennies\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"raz-spec-item\"\u003e\n \u003cdiv class=\"raz-spec-label\"\u003eGarantie\u003c\/div\u003e\n \u003cdiv class=\"raz-spec-value\"\u003eQualité Lamazuna\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"raz-section\"\u003e\n \u003cdiv class=\"raz-warning-box\"\u003e\n \u003cdiv class=\"raz-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003ch3\u003ePrécautions d'utilisation\u003c\/h3\u003e\n \u003cul class=\"raz-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e\n\u003cstrong\u003ePremière utilisation :\u003c\/strong\u003e Prenez le temps de vous familiariser avec l'angle et la technique. Soyez patient, la maîtrise vient avec la pratique.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eManipulation des lames :\u003c\/strong\u003e Les lames sont extrêmement tranchantes. Manipulez-les toujours par les côtés non coupants et gardez-les hors de portée des enfants.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePas de pression :\u003c\/strong\u003e N'appuyez jamais sur le rasoir. Le poids de l'outil suffit pour couper efficacement le poil.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAngle de rasage :\u003c\/strong\u003e Respectez un angle de 30-45° pour éviter les coupures et obtenir un rasage confortable.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEntretien :\u003c\/strong\u003e Séchez toujours le rasoir après utilisation pour préserver le bois et éviter la corrosion du métal.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eRecyclage :\u003c\/strong\u003e Conservez les lames usagées dans un contenant sécurisé (boîte métallique) avant de les apporter en déchetterie.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA Final --\u003e\n \u003csection class=\"raz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"raz-cta-box\"\u003e\n \u003cdiv class=\"raz-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"raz-cta-content\"\u003e\n \u003cp class=\"raz-cta-text\"\u003e\n \u003cstrong\u003eAdoptez le rasage zéro déchet dès aujourd'hui !\u003c\/strong\u003e\u003cbr\u003e\n Transformez votre routine de rasage en un geste écologique, économique et raffiné. Le rasoir de sûreté Lamazuna vous accompagnera pendant des décennies tout en préservant la planète. Un investissement intelligent pour votre peau, votre portefeuille et l'environnement. 🌱\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --raz-cream: #faf9f5;\n --raz-white: #ffffff;\n --raz-primary: #8BC34A;\n --raz-primary-dark: #689F38;\n --raz-primary-light: #DCEDC8;\n --raz-secondary: #F4E04D;\n --raz-accent: #5D4037;\n --raz-accent-light: #8D6E63;\n\n \/* Textes *\/\n --raz-text: #1a1a1a;\n --raz-text-light: #5a5a5a;\n\n \/* Effets *\/\n --raz-border: #e0e0e0;\n --raz-shadow: 0 4px 24px rgba(0,0,0,.08);\n --raz-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --raz-radius: 20px;\n --raz-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.raz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--raz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--raz-text);\n}\n\n\/* === HERO === *\/\n.raz-hero {\n position: relative;\n background: linear-gradient(135deg, var(--raz-primary) 0%, var(--raz-primary-dark) 50%, var(--raz-accent) 100%);\n border-radius: var(--raz-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--raz-shadow-lg);\n}\n\n.raz-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.raz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.raz-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.raz-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--raz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.raz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0,0,0,.15);\n}\n\n.raz-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.raz-subtitle {\n color: var(--raz-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.raz-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.raz-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.raz-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--raz-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.raz-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--raz-primary), var(--raz-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.raz-card {\n background: var(--raz-white);\n border-radius: var(--raz-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--raz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n height: 100%;\n}\n\n.raz-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--raz-shadow-lg);\n border-color: var(--raz-primary);\n}\n\n.raz-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.raz-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--raz-accent);\n margin: 0 0 0.75rem 0;\n}\n\n.raz-card-text {\n font-size: 15px;\n color: var(--raz-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n.raz-card-highlight {\n background: linear-gradient(135deg, var(--raz-primary-light) 0%, rgba(255,255,255,.8) 100%);\n border-color: var(--raz-primary);\n}\n\n.raz-card-persona {\n text-align: center;\n}\n\n\/* === GRILLES === *\/\n.raz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.raz-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n}\n\n\/* === TIMELINE === *\/\n.raz-timeline {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.raz-timeline-item {\n display: flex;\n gap: 2rem;\n background: var(--raz-white);\n border-radius: var(--raz-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--raz-shadow);\n transition: all .3s ease;\n position: relative;\n}\n\n.raz-timeline-item:hover {\n transform: translateX(8px);\n box-shadow: var(--raz-shadow-lg);\n}\n\n.raz-timeline-item::before {\n content: '';\n position: absolute;\n left: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 4px;\n height: 60%;\n background: linear-gradient(180deg, var(--raz-primary), var(--raz-secondary));\n border-radius: 2px;\n}\n\n.raz-timeline-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--raz-primary), var(--raz-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(139, 195, 74, .3);\n}\n\n.raz-timeline-content {\n flex: 1;\n}\n\n.raz-timeline-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--raz-accent);\n margin: 0 0 0.5rem 0;\n}\n\n.raz-timeline-text {\n font-size: 15px;\n color: var(--raz-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === STEPS GRID === *\/\n.raz-steps-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.raz-step-card {\n background: var(--raz-white);\n border-radius: var(--raz-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--raz-shadow);\n text-align: center;\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.raz-step-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--raz-shadow-lg);\n border-color: var(--raz-primary);\n}\n\n.raz-step-number {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--raz-secondary), #E6D339);\n color: var(--raz-accent);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 28px;\n font-weight: 900;\n margin: 0 auto 1rem;\n box-shadow: 0 4px 16px rgba(244, 224, 77, .3);\n}\n\n.raz-step-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--raz-accent);\n margin: 0 0 0.75rem 0;\n}\n\n.raz-step-content p {\n font-size: 14px;\n color: var(--raz-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === ECO STATS === *\/\n.raz-eco-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.raz-stat-card {\n background: linear-gradient(135deg, var(--raz-primary) 0%, var(--raz-primary-dark) 100%);\n border-radius: var(--raz-radius);\n padding: clamp(2rem, 4vw, 3rem);\n text-align: center;\n box-shadow: var(--raz-shadow-lg);\n transition: all .3s ease;\n}\n\n.raz-stat-card:hover {\n transform: translateY(-8px) scale(1.02);\n}\n\n.raz-stat-number {\n font-size: clamp(26px, 5vw, 40px);\n font-weight: 900;\n color: var(--raz-secondary);\n margin-bottom: 0.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n}\n\n.raz-stat-label {\n font-size: 15px;\n color: rgba(255,255,255,.95);\n line-height: 1.6;\n font-weight: 600;\n}\n\n\/* === TIPS === *\/\n.raz-tips-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.raz-tip-box {\n background: var(--raz-white);\n border-radius: var(--raz-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--raz-shadow);\n border-left: 4px solid var(--raz-primary);\n transition: all .3s ease;\n}\n\n.raz-tip-box:hover {\n transform: translateX(8px);\n box-shadow: var(--raz-shadow-lg);\n border-left-width: 6px;\n}\n\n.raz-tip-icon {\n font-size: 36px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.raz-tip-box h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--raz-accent);\n margin: 0 0 0.75rem 0;\n}\n\n.raz-tip-box p {\n font-size: 14px;\n color: var(--raz-text-light);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === SPECS GRID === *\/\n.raz-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1px;\n background: var(--raz-border);\n border-radius: var(--raz-radius);\n overflow: hidden;\n box-shadow: var(--raz-shadow);\n}\n\n.raz-spec-item {\n background: var(--raz-white);\n padding: clamp(1.25rem, 2.5vw, 1.75rem);\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.raz-spec-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--raz-primary-dark);\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.raz-spec-value {\n font-size: 16px;\n font-weight: 600;\n color: var(--raz-text);\n}\n\n\/* === WARNING BOX === *\/\n.raz-warning-box {\n background: linear-gradient(135deg, #FFF3E0 0%, #FFE0B2 100%);\n border-radius: var(--raz-radius);\n padding: clamp(2rem, 4vw, 3rem);\n border: 2px solid #FFB74D;\n box-shadow: var(--raz-shadow);\n}\n\n.raz-warning-icon {\n font-size: 48px;\n text-align: center;\n margin-bottom: 1rem;\n}\n\n.raz-warning-box h3 {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 800;\n color: #E65100;\n text-align: center;\n margin: 0 0 1.5rem 0;\n}\n\n.raz-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.raz-warning-list li {\n position: relative;\n padding-left: 2rem;\n font-size: 15px;\n line-height: 1.7;\n color: var(--raz-text);\n}\n\n.raz-warning-list li::before {\n content: '⚡';\n position: absolute;\n left: 0;\n font-size: 20px;\n}\n\n.raz-warning-list strong {\n color: #E65100;\n font-weight: 800;\n}\n\n\/* === CTA FINAL === *\/\n.raz-cta-box {\n background: linear-gradient(135deg, var(--raz-primary) 0%, var(--raz-primary-dark) 100%);\n border-radius: var(--raz-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--raz-shadow-lg);\n}\n\n.raz-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(255,255,255,.3) 0%, transparent 50%),\n radial-gradient(circle at 40% 20%, rgba(255,255,255,.2) 0%, transparent 50%);\n}\n\n.raz-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.raz-cta-text {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.raz-cta-text strong {\n font-weight: 900;\n font-size: clamp(19px, 3vw, 24px);\n color: var(--raz-secondary);\n display: block;\n margin-bottom: 0.75rem;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .raz-grid,\n .raz-grid-3,\n .raz-steps-grid,\n .raz-eco-stats,\n .raz-tips-container {\n grid-template-columns: 1fr;\n }\n\n .raz-timeline-item {\n flex-direction: column;\n gap: 1rem;\n }\n\n .raz-timeline-number {\n margin: 0 auto;\n }\n\n .raz-specs-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .raz-card,\n .raz-timeline-item,\n .raz-step-card,\n .raz-stat-card,\n .raz-tip-box {\n animation: fadeInUp .6s ease backwards;\n }\n \n .raz-card:nth-child(1),\n .raz-timeline-item:nth-child(1),\n .raz-step-card:nth-child(1),\n .raz-stat-card:nth-child(1),\n .raz-tip-box:nth-child(1) { animation-delay: .1s; }\n \n .raz-card:nth-child(2),\n .raz-timeline-item:nth-child(2),\n .raz-step-card:nth-child(2),\n .raz-stat-card:nth-child(2),\n .raz-tip-box:nth-child(2) { animation-delay: .2s; }\n \n .raz-card:nth-child(3),\n .raz-timeline-item:nth-child(3),\n .raz-step-card:nth-child(3),\n .raz-stat-card:nth-child(3),\n .raz-tip-box:nth-child(3) { animation-delay: .3s; }\n \n .raz-card:nth-child(4),\n .raz-timeline-item:nth-child(4),\n .raz-step-card:nth-child(4),\n .raz-stat-card:nth-child(4),\n .raz-tip-box:nth-child(4) { animation-delay: .4s; }\n \n .raz-card:nth-child(5),\n .raz-timeline-item:nth-child(5),\n .raz-step-card:nth-child(5),\n .raz-stat-card:nth-child(5),\n .raz-tip-box:nth-child(5) { animation-delay: .5s; }\n \n .raz-card:nth-child(6),\n .raz-timeline-item:nth-child(6),\n .raz-step-card:nth-child(6),\n .raz-stat-card:nth-child(6),\n .raz-tip-box:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .raz-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .raz-premium {\n --raz-shadow: 0 0 0 2px currentColor;\n --raz-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .raz-premium {\n background: white;\n }\n \n .raz-card,\n .raz-timeline-item,\n .raz-step-card,\n .raz-stat-card,\n .raz-tip-box {\n break-inside: avoid;\n box-shadow: none;\n border: 1px solid var(--raz-border);\n }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":56336295625081,"sku":"NBAILAM0198","price":48.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/rasoir_de_surete_rechargeable_lamazuna.jpg?v=1773825665"},{"product_id":"shampoing-barbe-cheveux-200ml-blondepil","title":"Shampoing Barbe \u0026 Cheveux - 200 ml - Blondépil","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Shampoing Barbe \u0026 Cheveux Blondépil Homme Bio\nPalette détectée:\n - Primaire: #1e3a5f (bleu marine profond du flacon)\n - Secondaire: #2e7d32 (vert \"BIO\" du packaging)\n - Accent: #c62828 (rouge des rayures style barbershop)\n - Support: #f5f5f0 (crème\/beige de l'étiquette)\nAmbiance: Barbershop vintage\/rétro masculin avec touches bio\/naturel, style \"carte postale airmail\" avec rayures rouge\/bleu\nPréfixe CSS: bdp\n--\u003e\n\u003cdiv class=\"bdp-premium\"\u003e\n\u003cdiv class=\"bdp-hero\"\u003e\n\u003cdiv class=\"bdp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bdp-hero-content\"\u003e\n\u003cdiv class=\"bdp-badges-top\"\u003e\n\u003cspan class=\"bdp-badge\"\u003e🌿 99% naturel\u003c\/span\u003e \u003cspan class=\"bdp-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"bdp-badge\"\u003e✨ Certifié bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bdp-hero-title\"\u003eShampoing Barbe \u0026amp; Cheveux\u003c\/span\u003e\n\u003cp class=\"bdp-subtitle\"\u003eLe 2-en-1 bio qui simplifie votre routine\u003c\/p\u003e\n\u003cp class=\"bdp-description\"\u003ePurifiant \u0026amp; adoucissant • Certifié COSMOS Organic • Sans sulfates\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"bdp-section\"\u003e\n\u003ch2\u003ePourquoi ce shampoing va changer votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"bdp-grid\"\u003e\n\u003cdiv class=\"bdp-card\"\u003e\n\u003ch3\u003e🧴 2-en-1 pratique\u003c\/h3\u003e\n\u003cp\u003eUn seul geste pour nettoyer votre barbe et vos cheveux. Fini les multiples flacons dans la salle de bain !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-card\"\u003e\n\u003ch3\u003e🌱 Formule douce\u003c\/h3\u003e\n\u003cp\u003eSans sulfates ni parabènes, respecte la peau sensible de votre visage tout en nettoyant efficacement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-card\"\u003e\n\u003ch3\u003e✋ Zéro irritation\u003c\/h3\u003e\n\u003cp\u003eTesté sous contrôle dermatologique, il apaise et hydrate au lieu d'agresser votre peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-card\"\u003e\n\u003ch3\u003e💎 Résultat visible\u003c\/h3\u003e\n\u003cp\u003eUne barbe plus souple, plus brillante et des poils moins rêches dès la première utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdp-section\"\u003e\n\u003ch2\u003eLe problème des shampoings classiques\u003c\/h2\u003e\n\u003cdiv class=\"bdp-warning-box\"\u003e\n\u003cdiv class=\"bdp-warning-content\"\u003e\n\u003cp\u003e\u003cstrong\u003e⚠️ La peau de votre visage est 5x plus fine\u003c\/strong\u003e que celle de votre cuir chevelu. Un shampoing classique peut provoquer :\u003c\/p\u003e\n\u003cdiv class=\"bdp-warning-list\"\u003e\n\u003cspan\u003e❌ Sécheresse\u003c\/span\u003e \u003cspan\u003e❌ Démangeaisons\u003c\/span\u003e \u003cspan\u003e❌ Irritations\u003c\/span\u003e \u003cspan\u003e❌ Poils rêches\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"bdp-warning-solution\"\u003e✅ \u003cstrong\u003eLa solution :\u003c\/strong\u003e un shampoing spécifiquement formulé pour le visage et la barbe, sans agents agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdp-section\"\u003e\n\u003ch2\u003e4 actifs bio puissants\u003c\/h2\u003e\n\u003cdiv class=\"bdp-ingredients-grid\"\u003e\n\u003cdiv class=\"bdp-ingredient-card\"\u003e\n\u003cdiv class=\"bdp-ingredient-visual\"\u003e🌵\u003c\/div\u003e\n\u003cdiv class=\"bdp-ingredient-info\"\u003e\n\u003ch3\u003eAloe vera bio\u003c\/h3\u003e\n\u003cspan class=\"bdp-ingredient-tag\"\u003eApaisant \u0026amp; hydratant\u003c\/span\u003e\n\u003cp\u003eCalme les irritations et maintient l'hydratation de la peau sous la barbe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-ingredient-card\"\u003e\n\u003cdiv class=\"bdp-ingredient-visual\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"bdp-ingredient-info\"\u003e\n\u003ch3\u003eExtrait d'ortie bio\u003c\/h3\u003e\n\u003cspan class=\"bdp-ingredient-tag\"\u003ePurifiant naturel\u003c\/span\u003e\n\u003cp\u003eRégule l'excès de sébum et revitalise les poils en profondeur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-ingredient-card\"\u003e\n\u003cdiv class=\"bdp-ingredient-visual\"\u003e🥬\u003c\/div\u003e\n\u003cdiv class=\"bdp-ingredient-info\"\u003e\n\u003ch3\u003eCresson des fontaines bio\u003c\/h3\u003e\n\u003cspan class=\"bdp-ingredient-tag\"\u003eFortifiant\u003c\/span\u003e\n\u003cp\u003eRiche en vitamines, il renforce et apporte vitalité à votre barbe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-ingredient-card\"\u003e\n\u003cdiv class=\"bdp-ingredient-visual\" style=\"text-align: center;\"\u003e🌾\u003c\/div\u003e\n\u003cdiv class=\"bdp-ingredient-info\" style=\"text-align: center;\"\u003e\n\u003ch3 style=\"text-align: center;\"\u003eCapillaire de Montpellier bio\u003c\/h3\u003e\n\u003cspan class=\"bdp-ingredient-tag\"\u003eAdoucissant\u003c\/span\u003e\n\u003cp style=\"text-align: center;\"\u003eCette fougère traditionnelle renforce et adoucit naturellement les poils.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdp-section\"\u003e\n\u003ch2\u003eMode d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"bdp-steps\"\u003e\n\u003cdiv class=\"bdp-step\"\u003e\n\u003cdiv class=\"bdp-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bdp-step-content\"\u003e\n\u003ch3\u003eMouillez\u003c\/h3\u003e\n\u003cp\u003eBarbe et cheveux à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-step-arrow\"\u003e→\u003c\/div\u003e\n\u003cdiv class=\"bdp-step\"\u003e\n\u003cdiv class=\"bdp-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bdp-step-content\"\u003e\n\u003ch3\u003eAppliquez\u003c\/h3\u003e\n\u003cp\u003e1 à 2 pressions de produit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-step-arrow\"\u003e→\u003c\/div\u003e\n\u003cdiv class=\"bdp-step\"\u003e\n\u003cdiv class=\"bdp-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bdp-step-content\"\u003e\n\u003ch3\u003eMassez\u003c\/h3\u003e\n\u003cp\u003eDoucement pendant quelques secondes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-step-arrow\"\u003e→\u003c\/div\u003e\n\u003cdiv class=\"bdp-step\"\u003e\n\u003cdiv class=\"bdp-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bdp-step-content\"\u003e\n\u003ch3\u003eRincez\u003c\/h3\u003e\n\u003cp\u003eSoigneusement à l'eau tiède\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-tip-box\"\u003e\n\u003cspan class=\"bdp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e ce shampoing mousse moins qu'un produit conventionnel. C'est normal et n'affecte pas son efficacité ! Cela est dû à l'absence de sulfates. Utilisation quotidienne possible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdp-section\"\u003e\n\u003ch2\u003ePour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"bdp-grid bdp-grid-3\"\u003e\n\u003cdiv class=\"bdp-profile-card\"\u003e\n\u003ch3\u003e🧔 Toutes les barbes\u003c\/h3\u003e\n\u003cp\u003eCourtes, longues, fournies ou clairsemées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-profile-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e💇Tous les cheveux\u003c\/h3\u003e\n\u003cp\u003eGras, secs ou normaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-profile-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🎯 Peaux sensibles\u003c\/h3\u003e\n\u003cp\u003eFormule testée dermatologiquement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdp-section\"\u003e\n\u003ch2\u003eNos engagements qualité\u003c\/h2\u003e\n\u003cdiv class=\"bdp-certifs\"\u003e\n\u003cdiv class=\"bdp-certif\"\u003e\n\u003cdiv class=\"bdp-certif-icon\"\u003e🏆\u003c\/div\u003e\n\u003cspan\u003eCOSMOS Organic\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-certif\"\u003e\n\u003cdiv class=\"bdp-certif-icon\"\u003e🌿\u003c\/div\u003e\n\u003cspan\u003e99% naturel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-certif\"\u003e\n\u003cdiv class=\"bdp-certif-icon\"\u003e🌾\u003c\/div\u003e\n\u003cspan\u003e10% bio\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-certif\"\u003e\n\u003cdiv class=\"bdp-certif-icon\"\u003e♻️\u003c\/div\u003e\n\u003cspan\u003e100% recyclable\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-certif\"\u003e\n\u003cdiv class=\"bdp-certif-icon\"\u003e🧪\u003c\/div\u003e\n\u003cspan\u003eSans sulfates\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bdp-certif\"\u003e\n\u003cdiv class=\"bdp-certif-icon\"\u003e🚫\u003c\/div\u003e\n\u003cspan\u003eSans parabènes\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"bdp-section\"\u003e\n\u003csection class=\"bdp-section\"\u003e\n\u003ch2\u003eListe INCI complète\u003c\/h2\u003e\n\u003cdiv class=\"bdp-inci-box\"\u003e\n\u003cp\u003eAqua (Water), Coco-glucoside, Sodium cocoyl glutamate, Triethyl citrate, Citric acid, \u003cstrong\u003eAloe barbadensis leaf juice powder*\u003c\/strong\u003e, Guar hydroxypropyltrimonium chloride, Glycerin, Glyceryl oleate, \u003cstrong\u003eAdiantum capillus veneris leaf extract*\u003c\/strong\u003e, \u003cstrong\u003eUrtica dioica (nettle) leaf extract*\u003c\/strong\u003e, \u003cstrong\u003eNasturtium officinale extract*\u003c\/strong\u003e, Parfum (Fragrance), Xanthan gum, Sodium chloride, Sodium benzoate, Potassium sorbate, Linalool, Limonene.\u003c\/p\u003e\n\u003cp class=\"bdp-inci-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"bdp-section\"\u003e\n\u003cdiv class=\"bdp-cta-box\"\u003e\n\u003cdiv class=\"bdp-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bdp-cta-content\"\u003e\n\u003cp\u003e🧔 Offrez à votre barbe le soin qu'elle mérite.\u003cbr\u003e\u003cstrong\u003eBio, français, efficace.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --bdp-cream: #f8f6f1;\n --bdp-white: #ffffff;\n --bdp-primary: #1e3a5f;\n --bdp-primary-dark: #0f2a4a;\n --bdp-primary-light: #e8eef5;\n --bdp-secondary: #2e7d32;\n --bdp-secondary-light: #e8f5e9;\n --bdp-accent: #c62828;\n --bdp-accent-light: #ffebee;\n --bdp-text: #1a1a1a;\n --bdp-text-light: #5a5a5a;\n --bdp-border: #e0e0e0;\n --bdp-shadow: 0 4px 24px rgba(30,58,95,.08);\n --bdp-shadow-lg: 0 12px 48px rgba(30,58,95,.15);\n --bdp-radius: 20px;\n --bdp-radius-sm: 12px;\n}\n\n.bdp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bdp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bdp-text);\n line-height: 1.6;\n}\n\n.bdp-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.bdp-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bdp-primary) 0%, var(--bdp-primary-dark) 50%, #0a1f35 100%);\n border-radius: var(--bdp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--bdp-shadow-lg);\n}\n\n.bdp-hero::before,\n.bdp-hero::after {\n content: '';\n position: absolute;\n height: 8px;\n left: 0;\n right: 0;\n background: repeating-linear-gradient(\n 90deg,\n var(--bdp-accent) 0px,\n var(--bdp-accent) 20px,\n var(--bdp-white) 20px,\n var(--bdp-white) 40px,\n var(--bdp-primary) 40px,\n var(--bdp-primary) 60px,\n var(--bdp-white) 60px,\n var(--bdp-white) 80px\n );\n}\n\n.bdp-hero::before {\n top: 0;\n border-radius: var(--bdp-radius) var(--bdp-radius) 0 0;\n}\n\n.bdp-hero::after {\n bottom: 0;\n border-radius: 0 0 var(--bdp-radius) var(--bdp-radius);\n}\n\n.bdp-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .04;\n background-image: \n radial-gradient(circle at 20% 30%, var(--bdp-white) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, var(--bdp-white) 1px, transparent 1px);\n background-size: 60px 60px;\n}\n\n.bdp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bdp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bdp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bdp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bdp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bdp-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bdp-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n}\n\n.bdp-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2vw, 16px);\n margin: 0;\n}\n\n\/* === SECTIONS === *\/\n.bdp-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bdp-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--bdp-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bdp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bdp-primary), var(--bdp-secondary));\n border-radius: 2px;\n}\n\n\/* === GRID \u0026 CARDS === *\/\n.bdp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.bdp-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n}\n\n.bdp-card {\n background: var(--bdp-white);\n border-radius: var(--bdp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bdp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bdp-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bdp-shadow-lg);\n border-color: var(--bdp-primary);\n}\n\n.bdp-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.bdp-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--bdp-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.bdp-card p {\n font-size: 15px;\n color: var(--bdp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.bdp-warning-box {\n background: var(--bdp-accent-light);\n border-radius: var(--bdp-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n border-left: 5px solid var(--bdp-accent);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.bdp-warning-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.bdp-warning-content p {\n margin: 0 0 1rem 0;\n font-size: 16px;\n color: var(--bdp-text);\n}\n\n.bdp-warning-list {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem 1.5rem;\n margin-bottom: 1rem;\n}\n\n.bdp-warning-list span {\n font-weight: 600;\n color: var(--bdp-accent);\n}\n\n.bdp-warning-solution {\n background: var(--bdp-white);\n padding: 1rem;\n border-radius: var(--bdp-radius-sm);\n margin-top: 1rem !important;\n}\n\n\/* === INGREDIENTS === *\/\n.bdp-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.bdp-ingredient-card {\n background: var(--bdp-white);\n border-radius: var(--bdp-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--bdp-shadow);\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bdp-ingredient-card:hover {\n transform: translateY(-4px);\n border-color: var(--bdp-secondary);\n}\n\n.bdp-ingredient-visual {\n font-size: 40px;\n width: 60px;\n height: 60px;\n background: var(--bdp-secondary-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.bdp-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bdp-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.bdp-ingredient-tag {\n display: inline-block;\n background: var(--bdp-secondary);\n color: white;\n font-size: 11px;\n font-weight: 700;\n padding: 4px 10px;\n border-radius: 999px;\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.bdp-ingredient-info p {\n font-size: 14px;\n color: var(--bdp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === STEPS === *\/\n.bdp-steps {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.bdp-step {\n background: var(--bdp-white);\n border-radius: var(--bdp-radius);\n padding: 1.5rem;\n box-shadow: var(--bdp-shadow);\n text-align: center;\n flex: 1;\n min-width: 140px;\n max-width: 200px;\n transition: all .3s ease;\n}\n\n.bdp-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--bdp-shadow-lg);\n}\n\n.bdp-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--bdp-primary), var(--bdp-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n margin: 0 auto 1rem;\n}\n\n.bdp-step h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--bdp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bdp-step p {\n font-size: 13px;\n color: var(--bdp-text-light);\n margin: 0;\n}\n\n.bdp-step-arrow {\n font-size: 24px;\n color: var(--bdp-primary);\n font-weight: 700;\n}\n\n.bdp-tip-box {\n background: var(--bdp-primary-light);\n border-radius: var(--bdp-radius);\n padding: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bdp-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.bdp-tip-box p {\n margin: 0;\n font-size: 15px;\n color: var(--bdp-primary-dark);\n}\n\n\/* === PROFILE CARDS === *\/\n.bdp-profile-card {\n background: var(--bdp-white);\n border-radius: var(--bdp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bdp-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.bdp-profile-card:hover {\n transform: translateY(-4px);\n border-color: var(--bdp-primary);\n}\n\n.bdp-profile-icon {\n font-size: 48px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.bdp-profile-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bdp-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.bdp-profile-card p {\n font-size: 14px;\n color: var(--bdp-text-light);\n margin: 0;\n}\n\n\/* === CERTIFICATIONS === *\/\n.bdp-certifs {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.bdp-certif {\n background: var(--bdp-white);\n border-radius: var(--bdp-radius-sm);\n padding: 1rem 1.5rem;\n box-shadow: var(--bdp-shadow);\n display: flex;\n align-items: center;\n gap: .75rem;\n transition: all .3s ease;\n}\n\n.bdp-certif:hover {\n transform: translateY(-4px);\n box-shadow: var(--bdp-shadow-lg);\n}\n\n.bdp-certif-icon {\n font-size: 24px;\n}\n\n.bdp-certif span {\n font-size: 14px;\n font-weight: 700;\n color: var(--bdp-primary-dark);\n}\n\n\/* === INFO GRID === *\/\n.bdp-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.bdp-info-item {\n background: var(--bdp-white);\n border-radius: var(--bdp-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--bdp-shadow);\n display: flex;\n flex-direction: column;\n gap: .25rem;\n}\n\n.bdp-info-label {\n font-size: 12px;\n font-weight: 700;\n color: var(--bdp-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n.bdp-info-value {\n font-size: 16px;\n font-weight: 700;\n color: var(--bdp-primary-dark);\n}\n\n\/* === INCI BOX === *\/\n.bdp-inci-box {\n background: var(--bdp-white);\n border-radius: var(--bdp-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bdp-shadow);\n}\n\n.bdp-inci-box p {\n font-size: 14px;\n color: var(--bdp-text-light);\n margin: 0 0 1rem 0;\n line-height: 1.8;\n}\n\n.bdp-inci-box strong {\n color: var(--bdp-secondary);\n}\n\n.bdp-inci-note {\n font-style: italic;\n font-size: 13px !important;\n color: var(--bdp-secondary) !important;\n margin-bottom: 0 !important;\n}\n\n\/* === CTA BOX === *\/\n.bdp-cta-box {\n background: linear-gradient(135deg, var(--bdp-primary) 0%, var(--bdp-primary-dark) 100%);\n border-radius: var(--bdp-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bdp-cta-box::before,\n.bdp-cta-box::after {\n content: '';\n position: absolute;\n height: 6px;\n left: 0;\n right: 0;\n background: repeating-linear-gradient(\n 90deg,\n var(--bdp-accent) 0px,\n var(--bdp-accent) 15px,\n var(--bdp-white) 15px,\n var(--bdp-white) 30px,\n var(--bdp-primary-dark) 30px,\n var(--bdp-primary-dark) 45px,\n var(--bdp-white) 45px,\n var(--bdp-white) 60px\n );\n}\n\n.bdp-cta-box::before {\n top: 0;\n border-radius: var(--bdp-radius) var(--bdp-radius) 0 0;\n}\n\n.bdp-cta-box::after {\n bottom: 0;\n border-radius: 0 0 var(--bdp-radius) var(--bdp-radius);\n}\n\n.bdp-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .03;\n background-image: radial-gradient(circle at 30% 40%, var(--bdp-white) 2px, transparent 2px);\n background-size: 40px 40px;\n}\n\n.bdp-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.bdp-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bdp-grid {\n grid-template-columns: 1fr;\n }\n \n .bdp-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .bdp-steps {\n flex-direction: column;\n }\n \n .bdp-step {\n max-width: 100%;\n width: 100%;\n }\n \n .bdp-step-arrow {\n transform: rotate(90deg);\n }\n \n .bdp-ingredient-card {\n flex-direction: column;\n text-align: center;\n }\n \n .bdp-ingredient-visual {\n margin: 0 auto;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bdp-card,\n .bdp-ingredient-card,\n .bdp-profile-card,\n .bdp-step {\n animation: bdpFadeInUp .6s ease backwards;\n }\n \n .bdp-card:nth-child(1),\n .bdp-ingredient-card:nth-child(1),\n .bdp-profile-card:nth-child(1),\n .bdp-step:nth-child(1) { animation-delay: .1s; }\n \n .bdp-card:nth-child(2),\n .bdp-ingredient-card:nth-child(2),\n .bdp-profile-card:nth-child(2),\n .bdp-step:nth-child(3) { animation-delay: .2s; }\n \n .bdp-card:nth-child(3),\n .bdp-ingredient-card:nth-child(3),\n .bdp-profile-card:nth-child(3),\n .bdp-step:nth-child(5) { animation-delay: .3s; }\n \n .bdp-card:nth-child(4),\n .bdp-ingredient-card:nth-child(4),\n .bdp-step:nth-child(7) { animation-delay: .4s; }\n}\n\n@keyframes bdpFadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bdp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .bdp-card,\n .bdp-ingredient-card,\n .bdp-profile-card,\n .bdp-certif,\n .bdp-info-item {\n border: 2px solid var(--bdp-text);\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":56420068393337,"sku":"PFC901531","price":7.98,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/shampooing-cheveux-barbe-blondepil_11zon.jpg?v=1767789827"},{"product_id":"mousse-nettoyante-visage-barbe-150ml-blondepil","title":"Mousse nettoyante Visage \u0026 Barbe - 150 ml- Blondépil","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mousse nettoyante Visage \u0026 Barbe - Blondépil Homme\nPalette détectée:\n - Primaire: #1e2a5e (bleu marine profond du packaging)\n - Secondaire: #c8372d (rouge des rayures barbier)\n - Accent: #2ecc71 (vert du badge 93%)\n - Crème: #f8f6f3 (fond neutre chaleureux)\nAmbiance: Barbershop masculin, style vintage\/traditionnel avec touches modernes, univers grooming masculin élégant\nPréfixe CSS: bh\n--\u003e\n\u003cdiv class=\"bh-premium\"\u003e\n\u003c!-- HERO SECTION --\u003e\n\u003cdiv class=\"bh-hero\"\u003e\n\u003cdiv class=\"bh-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bh-hero-content\"\u003e\n\u003cdiv class=\"bh-badges-top\"\u003e\n\u003cspan class=\"bh-badge\"\u003e🇫🇷 Fabrication française\u003c\/span\u003e \u003cspan class=\"bh-badge\"\u003e🌿 93% naturel\u003c\/span\u003e \u003cspan class=\"bh-badge\"\u003e💆 Peaux sensibles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"bh-hero-title\"\u003eMousse nettoyante visage \u0026amp; barbe\u003c\/span\u003e\n\u003cp class=\"bh-subtitle\"\u003eLe soin 2-en-1 qui respecte votre peau\u003c\/p\u003e\n\u003cp class=\"bh-description\"\u003eFormulée pour les hommes exigeants, cette mousse onctueuse nettoie en profondeur votre visage et votre barbe sans jamais agresser. Fini les tiraillements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- POURQUOI CE PRODUIT --\u003e\n\u003csection class=\"bh-section\"\u003e\n\u003ch2\u003e✨ Pourquoi les hommes l'adoptent\u003c\/h2\u003e\n\u003cdiv class=\"bh-grid\"\u003e\n\u003cdiv class=\"bh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🧔 Spécial barbe\u003c\/h3\u003e\n\u003cp\u003ePénètre au cœur des poils pour éliminer impuretés et sébum accumulés sous la barbe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🍃 Ultra doux\u003c\/h3\u003e\n\u003cp\u003eTensioactifs dérivés de noix de coco pour un nettoyage qui respecte l'équilibre cutané.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e😌 Zéro tiraillement\u003c\/h3\u003e\n\u003cp\u003eVotre peau reste confortable, douce et visiblement plus éclatante après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-card\"\u003e\n\u003ch3\u003e\n\u003cmeta charset=\"utf-8\"\u003e🌲 Parfum raffiné\u003c\/h3\u003e\n\u003cp\u003eNotes citronnées et boisées pour un réveil énergisant ou une fin de journée apaisante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"bh-section\"\u003e\n\u003ch2\u003e💪 Les bienfaits concrets\u003c\/h2\u003e\n\u003cdiv class=\"bh-benefits\"\u003e\n\u003cdiv class=\"bh-benefit-item\"\u003e\n\u003cdiv class=\"bh-benefit-check\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"bh-benefit-content\"\u003e\n\u003cstrong\u003eNettoyage en profondeur\u003c\/strong\u003e \u003cspan\u003eÉlimine efficacement les impuretés du visage et de la barbe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-benefit-item\"\u003e\n\u003cdiv class=\"bh-benefit-check\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"bh-benefit-content\"\u003e\n\u003cstrong\u003eAction apaisante\u003c\/strong\u003e \u003cspan\u003eCalme les sensations d'inconfort typiques des peaux sensibles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-benefit-item\"\u003e\n\u003cdiv class=\"bh-benefit-check\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"bh-benefit-content\"\u003e\n\u003cstrong\u003eConfort immédiat\u003c\/strong\u003e \u003cspan\u003eAucune sensation de tiraillement après utilisation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-benefit-item\"\u003e\n\u003cdiv class=\"bh-benefit-check\"\u003e✓\u003c\/div\u003e\n\u003cdiv class=\"bh-benefit-content\"\u003e\n\u003cstrong\u003eTexture agréable\u003c\/strong\u003e \u003cspan\u003eMousse onctueuse qui se rince facilement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"bh-section\"\u003e\n\u003ch2\u003e🌿 Une formule à 93% naturelle\u003c\/h2\u003e\n\u003cdiv class=\"bh-composition-grid\"\u003e\n\u003cdiv class=\"bh-ingredient-card\"\u003e\n\u003cdiv class=\"bh-ingredient-name\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e💧 Glycérine\u003c\/div\u003e\n\u003cdiv class=\"bh-ingredient-desc\"\u003eHydratation et protection du film hydrolipidique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-ingredient-card\"\u003e\n\u003cdiv class=\"bh-ingredient-name\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e🥥 Coco-Glucoside\u003c\/div\u003e\n\u003cdiv class=\"bh-ingredient-desc\"\u003eTensioactif doux dérivé de la noix de coco\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-ingredient-card\"\u003e\n\u003cdiv class=\"bh-ingredient-name\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e🧴 Sodium Cocoamphoacetate\u003c\/div\u003e\n\u003cdiv class=\"bh-ingredient-desc\"\u003eNettoyage respectueux de l'équilibre cutané\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-inci-box\"\u003e\n\u003cdiv class=\"bh-inci-title\"\u003e📋 Liste INCI complète\u003c\/div\u003e\n\u003cp class=\"bh-inci-text\"\u003eAqua (Water), Disodium Cocoyl Glutamate, Glycerin, Sodium Cocoamphoacetate, PEG-40 Hydrogenated Castor Oil, Coco-Glucoside, Citric Acid, Glyceryl Oleate, Parfum (Fragrance), Dehydroacetic Acid, Limonene, Benzyl Alcohol, Hexyl Cinnamal, Linalyl Acetate, Tetramethyl Acetyloctahydronaphthalenes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"bh-section\"\u003e\n\u003ch2\u003e📖 Votre routine en 5 étapes\u003c\/h2\u003e\n\u003cdiv class=\"bh-steps\"\u003e\n\u003cdiv class=\"bh-step\"\u003e\n\u003cdiv class=\"bh-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bh-step-content\"\u003e\n\u003cstrong\u003eHumidifiez\u003c\/strong\u003e \u003cspan\u003eMouillez votre visage et votre barbe à l'eau tiède\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-step\"\u003e\n\u003cdiv class=\"bh-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bh-step-content\"\u003e\n\u003cstrong\u003eDosez\u003c\/strong\u003e \u003cspan\u003eAppliquez 1 à 2 pressions de mousse dans votre main\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-step\"\u003e\n\u003cdiv class=\"bh-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bh-step-content\"\u003e\n\u003cstrong\u003eMassez\u003c\/strong\u003e \u003cspan\u003eFaites mousser du bout des doigts sur visage et barbe\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-step\"\u003e\n\u003cdiv class=\"bh-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bh-step-content\"\u003e\n\u003cstrong\u003eRincez\u003c\/strong\u003e \u003cspan\u003eRincez abondamment à l'eau claire et tempérée\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-step\"\u003e\n\u003cdiv class=\"bh-step-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"bh-step-content\"\u003e\n\u003cstrong\u003eRépétez\u003c\/strong\u003e \u003cspan\u003eMatin et soir pour des résultats optimaux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"bh-section\"\u003e\n\u003ch2\u003e👤 Ce soin est fait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"bh-grid bh-grid-2\"\u003e\n\u003cdiv class=\"bh-profile-card\"\u003e\n\u003cdiv class=\"bh-profile-icon\"\u003e🧔\u003c\/div\u003e\n\u003cp\u003eVous portez la barbe et peinez à trouver un produit adapté au nettoyage sous les poils\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-profile-card\"\u003e\n\u003cdiv class=\"bh-profile-icon\"\u003e🌸\u003c\/div\u003e\n\u003cp\u003eVous avez une peau normale à sensible et recherchez un nettoyant vraiment doux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-profile-card\"\u003e\n\u003cdiv class=\"bh-profile-icon\"\u003e⚡\u003c\/div\u003e\n\u003cp\u003eVous souhaitez simplifier votre routine avec un soin 2-en-1 efficace\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bh-profile-card\"\u003e\n\u003cdiv class=\"bh-profile-icon\"\u003e🔬\u003c\/div\u003e\n\u003cp\u003eVous êtes attentif à la composition et préférez les ingrédients naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FABRICATION FRANÇAISE --\u003e\n\u003csection class=\"bh-section\"\u003e\n\u003cdiv class=\"bh-france-box\"\u003e\n\u003cdiv class=\"bh-france-content\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eConçue et fabriquée à \u003cstrong\u003eCugnaux, près de Toulouse\u003c\/strong\u003e. Choisir ce produit, c'est soutenir un savoir-faire local et bénéficier d'une qualité de fabrication rigoureuse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"bh-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"bh-cta-box\"\u003e\n\u003cdiv class=\"bh-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bh-cta-content\"\u003e\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e🧔 Offrez à votre visage et votre barbe le soin qu'ils méritent.\u003cbr\u003e\u003cstrong\u003eNettoyage en douceur, confort absolu, fabrication française.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --bh-cream: #f8f6f3;\n --bh-white: #ffffff;\n --bh-primary: #1e2a5e;\n --bh-primary-dark: #141d42;\n --bh-primary-light: #2a3a7a;\n --bh-secondary: #c8372d;\n --bh-secondary-light: #e8574d;\n --bh-accent: #2ecc71;\n --bh-accent-dark: #27ae60;\n --bh-text: #1a1a1a;\n --bh-text-light: #5a5a5a;\n --bh-border: #e0e0e0;\n --bh-shadow: 0 4px 24px rgba(30,42,94,.08);\n --bh-shadow-lg: 0 12px 48px rgba(30,42,94,.15);\n --bh-radius: 20px;\n --bh-radius-sm: 12px;\n}\n\n.bh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--bh-text);\n line-height: 1.6;\n}\n\n.bh-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.bh-hero {\n position: relative;\n background: linear-gradient(135deg, var(--bh-primary) 0%, var(--bh-primary-light) 50%, var(--bh-primary-dark) 100%);\n border-radius: var(--bh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--bh-shadow-lg);\n}\n\n.bh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 10px,\n rgba(200,55,45,.1) 10px,\n rgba(200,55,45,.1) 20px\n );\n opacity: .3;\n}\n\n.bh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.bh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--bh-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.bh-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 6px 24px rgba(0,0,0,.2);\n}\n\n.bh-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.bh-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.bh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.bh-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.bh-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--bh-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.bh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--bh-secondary), var(--bh-primary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.bh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.bh-grid-2 {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n\/* === CARDS PRINCIPALES === *\/\n.bh-card {\n background: var(--bh-white);\n border-radius: var(--bh-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--bh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bh-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--bh-shadow-lg);\n border-color: var(--bh-primary);\n}\n\n.bh-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.bh-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--bh-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.bh-card p {\n color: var(--bh-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BENEFITS === *\/\n.bh-benefits {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.bh-benefit-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--bh-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--bh-radius-sm);\n box-shadow: var(--bh-shadow);\n transition: all .3s ease;\n}\n\n.bh-benefit-item:hover {\n transform: translateX(8px);\n box-shadow: var(--bh-shadow-lg);\n}\n\n.bh-benefit-check {\n width: 32px;\n height: 32px;\n background: linear-gradient(135deg, var(--bh-accent), var(--bh-accent-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n font-size: 16px;\n flex-shrink: 0;\n}\n\n.bh-benefit-content {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.bh-benefit-content strong {\n color: var(--bh-primary-dark);\n font-size: 17px;\n}\n\n.bh-benefit-content span {\n color: var(--bh-text-light);\n font-size: 14px;\n}\n\n\/* === COMPOSITION === *\/\n.bh-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.bh-ingredient-card {\n background: var(--bh-white);\n border-radius: var(--bh-radius);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--bh-shadow);\n border-left: 4px solid var(--bh-accent);\n transition: all .3s ease;\n}\n\n.bh-ingredient-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--bh-shadow-lg);\n}\n\n.bh-ingredient-icon {\n font-size: 36px;\n margin-bottom: .75rem;\n}\n\n.bh-ingredient-name {\n font-weight: 800;\n color: var(--bh-primary-dark);\n font-size: 16px;\n margin-bottom: .5rem;\n}\n\n.bh-ingredient-desc {\n color: var(--bh-text-light);\n font-size: 13px;\n line-height: 1.5;\n}\n\n.bh-inci-box {\n background: var(--bh-white);\n border-radius: var(--bh-radius);\n padding: 1.5rem 2rem;\n box-shadow: var(--bh-shadow);\n border: 2px dashed var(--bh-border);\n}\n\n.bh-inci-title {\n font-weight: 800;\n color: var(--bh-primary-dark);\n margin-bottom: .75rem;\n font-size: 16px;\n}\n\n.bh-inci-text {\n color: var(--bh-text-light);\n font-size: 13px;\n line-height: 1.7;\n margin: 0;\n font-family: 'Courier New', monospace;\n}\n\n\/* === STEPS === *\/\n.bh-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.bh-step {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: var(--bh-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--bh-radius-sm);\n box-shadow: var(--bh-shadow);\n transition: all .3s ease;\n}\n\n.bh-step:hover {\n transform: translateX(8px);\n box-shadow: var(--bh-shadow-lg);\n}\n\n.bh-step-number {\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--bh-primary), var(--bh-primary-light));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 900;\n font-size: 20px;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(30,42,94,.3);\n}\n\n.bh-step-content {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.bh-step-content strong {\n color: var(--bh-primary-dark);\n font-size: 17px;\n}\n\n.bh-step-content span {\n color: var(--bh-text-light);\n font-size: 14px;\n}\n\n\/* === PROFILE CARDS === *\/\n.bh-profile-card {\n background: var(--bh-white);\n border-radius: var(--bh-radius);\n padding: 1.5rem;\n box-shadow: var(--bh-shadow);\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n transition: all .3s ease;\n}\n\n.bh-profile-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--bh-shadow-lg);\n border-left: 4px solid var(--bh-secondary);\n}\n\n.bh-profile-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.bh-profile-card p {\n margin: 0;\n color: var(--bh-text);\n font-size: 15px;\n line-height: 1.6;\n}\n\n\/* === FRANCE BOX === *\/\n.bh-france-box {\n background: linear-gradient(135deg, var(--bh-white) 0%, #f0f4ff 100%);\n border-radius: var(--bh-radius);\n padding: 2rem;\n display: flex;\n align-items: center;\n gap: 1.5rem;\n box-shadow: var(--bh-shadow);\n border: 2px solid var(--bh-primary);\n}\n\n.bh-france-flag {\n font-size: 56px;\n flex-shrink: 0;\n}\n\n.bh-france-content h3 {\n font-size: 22px;\n font-weight: 800;\n color: var(--bh-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.bh-france-content p {\n color: var(--bh-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.bh-warning-box {\n background: linear-gradient(135deg, #fff8e6 0%, #fff3d4 100%);\n border-radius: var(--bh-radius);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n border-left: 4px solid #f39c12;\n}\n\n.bh-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.bh-warning-content strong {\n display: block;\n color: #b7791f;\n font-size: 16px;\n margin-bottom: .5rem;\n}\n\n.bh-warning-content p {\n color: #7c5a1a;\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SPECS GRID === *\/\n.bh-specs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.bh-spec {\n background: var(--bh-white);\n border-radius: var(--bh-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--bh-shadow);\n transition: all .3s ease;\n}\n\n.bh-spec:hover {\n transform: translateY(-3px);\n box-shadow: var(--bh-shadow-lg);\n}\n\n.bh-spec-label {\n display: block;\n font-size: 12px;\n color: var(--bh-text-light);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.bh-spec-value {\n display: block;\n font-size: 17px;\n font-weight: 800;\n color: var(--bh-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.bh-cta-box {\n background: linear-gradient(135deg, var(--bh-primary) 0%, var(--bh-primary-dark) 100%);\n border-radius: var(--bh-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--bh-shadow-lg);\n}\n\n.bh-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n repeating-linear-gradient(\n -45deg,\n transparent,\n transparent 15px,\n rgba(255,255,255,.03) 15px,\n rgba(255,255,255,.03) 30px\n );\n}\n\n.bh-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.bh-cta-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.bh-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0;\n}\n\n.bh-cta-box p strong {\n font-weight: 700;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bh-card,\n .bh-benefit-item,\n .bh-ingredient-card,\n .bh-step,\n .bh-profile-card,\n .bh-spec {\n animation: bhFadeInUp .6s ease backwards;\n }\n \n .bh-card:nth-child(1), .bh-benefit-item:nth-child(1), .bh-step:nth-child(1) { animation-delay: .1s; }\n .bh-card:nth-child(2), .bh-benefit-item:nth-child(2), .bh-step:nth-child(2) { animation-delay: .2s; }\n .bh-card:nth-child(3), .bh-benefit-item:nth-child(3), .bh-step:nth-child(3) { animation-delay: .3s; }\n .bh-card:nth-child(4), .bh-benefit-item:nth-child(4), .bh-step:nth-child(4) { animation-delay: .4s; }\n .bh-step:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes bhFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .bh-grid,\n .bh-grid-2,\n .bh-composition-grid,\n .bh-specs-grid {\n grid-template-columns: 1fr;\n }\n \n .bh-france-box {\n flex-direction: column;\n text-align: center;\n }\n \n .bh-badges-top {\n gap: 8px;\n }\n \n .bh-badge {\n padding: 8px 14px;\n font-size: 12px;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .bh-premium {\n --bh-text: #000000;\n --bh-text-light: #333333;\n }\n \n .bh-card,\n .bh-benefit-item,\n .bh-step {\n border: 2px solid var(--bh-primary);\n }\n}\n\u003c\/style\u003e","brand":"Blondépil","offers":[{"title":"Default Title","offer_id":56420197073273,"sku":"PFC902662","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mousse-nettoyante-blondepil_11zon.jpg?v=1767789541"},{"product_id":"savon-a-raser-au-lait-de-chevre-sans-blaireau-90g-antheya","title":"Savon à raser au lait de chèvre (sans blaireau) - 90g – Antheya","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Savon à raser au lait de chèvre Antheya\nPalette détectée:\n - Primaire: #4a4a4a (gris anthracite du packaging, motif chevron)\n - Secondaire: #d4a855 (jaune miel\/ocre doré du savon)\n - Accent: #6b7b5a (vert sauge\/naturel évoquant le bio)\n - Cream: #f8f6f2 (beige naturel crème)\nAmbiance: Artisanal, naturel\/bio, masculin raffiné, traditionnel français\nPréfixe CSS: sar\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un savon à raser bio au lait de chèvre pour un rasage tout en douceur\"\n 2. \"Pourquoi choisir ce savon à raser plutôt qu'une mousse classique ?\"\n 3. \"Une composition 100% transparente et naturelle\"\n 4. \"Comment utiliser votre savon à raser au lait de chèvre ?\"\n 5. \"Fabriqué en France par Antheya\"\n 6. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"sar-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"sar-hero\"\u003e\n \u003cdiv class=\"sar-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sar-hero-content\"\u003e\n \u003cdiv class=\"sar-badges-top\"\u003e\n \u003cspan class=\"sar-badge\"\u003e🐐 Lait de chèvre bio\u003c\/span\u003e\n \u003cspan class=\"sar-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"sar-badge\"\u003e🌿 Surgras\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sar-hero-title\"\u003eSavon à Raser au Lait de Chèvre\u003c\/span\u003e\n \u003cp class=\"sar-subtitle\"\u003eAntheya • 90g • Citron \u0026amp; Patchouli\u003c\/p\u003e\n \u003cp class=\"sar-description\"\u003eLe rituel de rasage artisanal qui transforme chaque passage de lame en moment de soin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"sar-section\"\u003e\n \u003ch2\u003eUn savon à raser bio au lait de chèvre pour un rasage tout en douceur\u003c\/h2\u003e\n \u003cp class=\"sar-section-intro\"\u003eVous recherchez un savon à barbe bio qui respecte vraiment votre peau ? Le savon à raser au lait de chèvre Antheya combine la richesse d'ingrédients biologiques et le savoir-faire artisanal français pour transformer votre rituel de rasage en véritable moment de soin.\u003c\/p\u003e\n \u003cdiv class=\"sar-highlight-box\"\u003e\n \u003cp\u003eContrairement aux mousses industrielles en aérosol, ce \u003cstrong\u003esavon pour barbe\u003c\/strong\u003e surgras préserve l'équilibre naturel de votre peau tout en assurant une glisse impeccable de la lame. Le lait de chèvre bio, reconnu pour ses propriétés apaisantes, fait de ce produit un allié précieux pour les peaux sensibles ou sujettes aux irritations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"sar-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon à raser plutôt qu'une mousse classique ?\u003c\/h2\u003e\n \u003cp class=\"sar-section-intro\"\u003eSi vous avez déjà connu les tiraillements, rougeurs ou le feu du rasoir après vous être rasé, ce savon à barbe pourrait bien changer votre quotidien.\u003c\/p\u003e\n \u003cdiv class=\"sar-grid\"\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e💧 Formule surgras enrichie\u003c\/h3\u003e\n \u003cp\u003eGlycérine naturelle qui maintient votre peau hydratée et protégée pendant le rasage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🐐 Lait de chèvre bio\u003c\/h3\u003e\n \u003cp\u003eApaise naturellement les peaux réactives et sujettes aux irritations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e☁️ Mousse dense et onctueuse\u003c\/h3\u003e\n \u003cp\u003ePermet à la lame de glisser sans accrocher pour un rasage net\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🍋 Parfum citron-patchouli\u003c\/h3\u003e\n \u003cp\u003eSenteur fraîche et boisée qui ne dénature pas vos autres soins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e📦 Format économique 90g\u003c\/h3\u003e\n \u003cp\u003eDure plusieurs mois avec une utilisation quotidienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e✨ Zéro irritation\u003c\/h3\u003e\n \u003cp\u003eFini les tiraillements et le feu du rasoir après chaque passage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"sar-section\"\u003e\n \u003ch2\u003eUne composition 100% transparente et naturelle\u003c\/h2\u003e\n \u003cp class=\"sar-section-intro\"\u003eDes ingrédients simples et efficaces, tous issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"sar-grid\"\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🐐 Lait de chèvre bio\u003c\/h3\u003e\n \u003cp\u003eAdoucit et calme les irritations cutanées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eCrée une mousse généreuse et stable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🫒 Huile d'olive bio\u003c\/h3\u003e\n \u003cp\u003eNourrit la peau en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🌿 Huile de ricin bio\u003c\/h3\u003e\n \u003cp\u003eRenforce la texture crémeuse de la mousse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🌾 Huiles de sésame et lin bio\u003c\/h3\u003e\n \u003cp\u003eProtègent et assouplissent la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e⚪ Argile blanche\u003c\/h3\u003e\n \u003cp\u003ePurifie et facilite la glisse du rasoir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-ingredients-extra\"\u003e\n \u003cp\u003e\u003cstrong\u003eHuiles essentielles bio :\u003c\/strong\u003e Citron, palmarosa, patchouli et bay de Saint Thomas pour un parfum 100% naturel.\u003c\/p\u003e\n \u003cp class=\"sar-allergens\"\u003e\u003cstrong\u003eAllergènes présents :\u003c\/strong\u003e Limonene, Linalool, Citral, Geraniol, Eugénol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-badges-inline\"\u003e\n \u003cspan class=\"sar-badge-clean\"\u003eSans parabène\u003c\/span\u003e\n \u003cspan class=\"sar-badge-clean\"\u003eSans silicones\u003c\/span\u003e\n \u003cspan class=\"sar-badge-clean\"\u003eSans SLS\u003c\/span\u003e\n \u003cspan class=\"sar-badge-clean\"\u003eNon testé sur animaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"sar-section\"\u003e\n \u003ch2\u003eComment utiliser votre savon à raser au lait de chèvre ?\u003c\/h2\u003e\n \u003cdiv class=\"sar-timeline\"\u003e\n \u003cdiv class=\"sar-timeline-item\"\u003e\n \u003cdiv class=\"sar-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre blaireau\u003c\/h3\u003e\n \u003cp\u003eMouillez-le à l'eau bien chaude pour assouplir les poils\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-item\"\u003e\n \u003cdiv class=\"sar-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-content\"\u003e\n \u003ch3\u003eCréez la mousse\u003c\/h3\u003e\n \u003cp\u003eFrottez le blaireau en mouvements circulaires sur le savon jusqu'à obtenir une mousse crémeuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-item\"\u003e\n \u003cdiv class=\"sar-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-content\"\u003e\n \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n \u003cp\u003eMassez la zone à raser avec le blaireau pour bien répartir la mousse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-item\"\u003e\n \u003cdiv class=\"sar-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-content\"\u003e\n \u003ch3\u003eRasez avec précision\u003c\/h3\u003e\n \u003cp\u003eDans le sens du poil, puis à rebrousse-poil pour un résultat ultra-net\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-item\"\u003e\n \u003cdiv class=\"sar-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"sar-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau fraîche\u003c\/h3\u003e\n \u003cp\u003ePour resserrer les pores et apaiser la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-tip\"\u003e\n \u003cspan class=\"sar-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce pro :\u003c\/strong\u003e Laissez la mousse agir quelques instants avant de raser pour ramollir les poils et faciliter le passage de la lame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"sar-section\"\u003e\n \u003ch2\u003eFabriqué en France par Antheya\u003c\/h2\u003e\n \u003cdiv class=\"sar-testimonial\"\u003e\n \u003cp class=\"sar-testimonial-text\"\u003e\"Ce savon à raser est élaboré par Antheya, une savonnerie artisanale basée à Calais. Chaque savon est fabriqué selon la méthode traditionnelle de saponification à froid, qui préserve toutes les propriétés des huiles végétales et du lait de chèvre.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-france-box\"\u003e\n \u003cp\u003eEn choisissant ce produit, vous soutenez une \u003cstrong\u003efabrication locale et responsable\u003c\/strong\u003e, tout en offrant à votre peau le meilleur de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"sar-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sar-grid-compact\"\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e90g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🕐 Conservation\u003c\/h3\u003e\n \u003cp\u003e30 mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🌱 Certification\u003c\/h3\u003e\n \u003cp\u003eIngrédients bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-accordion\"\u003e\n \u003cdetails class=\"sar-accordion-item\"\u003e\n \u003csummary class=\"sar-accordion-header\"\u003e🧊 Conservation optimale\u003c\/summary\u003e\n \u003cdiv class=\"sar-accordion-content\"\u003e\n \u003cp\u003eConservez votre savon à température ambiante, à l'abri de l'humidité entre chaque utilisation. Laissez-le sécher sur un porte-savon aéré pour prolonger sa durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"sar-accordion-item\"\u003e\n \u003csummary class=\"sar-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"sar-accordion-content\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez le contact avec les yeux et les muqueuses. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sar-cta-box\"\u003e\n \u003cp\u003e🪒 Offrez à votre peau le luxe d'un rasage traditionnel, naturel et sans irritation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sar-cream: #f8f6f2;\n --sar-white: #ffffff;\n --sar-primary: #4a4a4a;\n --sar-primary-dark: #2d2d2d;\n --sar-primary-light: #f0efed;\n --sar-secondary: #d4a855;\n --sar-accent: #6b7b5a;\n --sar-text: #1a1a1a;\n --sar-text-light: #5a5a5a;\n --sar-border: #e0e0e0;\n --sar-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sar-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sar-radius: 20px;\n --sar-radius-sm: 12px;\n}\n\n.sar-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sar-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sar-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2d2d 0%, #4a4a4a 50%, #5a5a5a 100%);\n border-radius: var(--sar-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sar-shadow-lg);\n}\n\n.sar-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 10px,\n rgba(255,255,255,.03) 10px,\n rgba(255,255,255,.03) 20px\n );\n opacity: 1;\n}\n\n.sar-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sar-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sar-subtitle {\n color: var(--sar-secondary);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.sar-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.sar-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sar-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sar-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sar-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sar-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sar-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sar-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.sar-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sar-secondary), var(--sar-accent));\n border-radius: 2px;\n}\n\n.sar-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sar-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.sar-highlight-box {\n background: var(--sar-white);\n border-radius: var(--sar-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sar-shadow);\n border-left: 4px solid var(--sar-secondary);\n}\n\n.sar-highlight-box p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sar-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.sar-card {\n background: var(--sar-white);\n border-radius: var(--sar-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sar-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sar-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sar-shadow-lg);\n border-color: var(--sar-secondary);\n}\n\n.sar-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sar-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sar-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sar-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.sar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sar-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.sar-grid-compact .sar-card {\n padding: 1rem;\n}\n\n.sar-grid-compact .sar-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sar-grid-compact .sar-card p {\n font-size: 12px;\n}\n\n\/* === INGREDIENTS EXTRA === *\/\n.sar-ingredients-extra {\n background: var(--sar-white);\n border-radius: var(--sar-radius-sm);\n padding: 1.25rem 1.5rem;\n margin-top: 1.5rem;\n text-align: center;\n}\n\n.sar-ingredients-extra p {\n font-size: 14px;\n color: var(--sar-text);\n margin: 0 0 .5rem 0;\n line-height: 1.6;\n}\n\n.sar-ingredients-extra p:last-child {\n margin-bottom: 0;\n}\n\n.sar-allergens {\n font-size: 12px !important;\n color: var(--sar-text-light) !important;\n font-style: italic;\n}\n\n\/* === BADGES INLINE === *\/\n.sar-badges-inline {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-top: 1.5rem;\n}\n\n.sar-badge-clean {\n display: inline-flex;\n align-items: center;\n padding: 8px 16px;\n background: linear-gradient(135deg, var(--sar-accent), #7a8b6a);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: white;\n text-transform: uppercase;\n letter-spacing: .03em;\n}\n\n\/* === TIMELINE === *\/\n.sar-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sar-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sar-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sar-secondary), #c49745);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(212,168,85,.3);\n}\n\n.sar-timeline-content {\n flex: 1;\n background: var(--sar-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sar-radius-sm);\n box-shadow: var(--sar-shadow);\n}\n\n.sar-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sar-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sar-timeline-content p {\n font-size: 14px;\n color: var(--sar-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.sar-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, rgba(212,168,85,.15), rgba(212,168,85,.08));\n border-radius: var(--sar-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(212,168,85,.2);\n}\n\n.sar-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sar-tip p {\n font-size: 14px;\n color: var(--sar-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.sar-testimonial {\n background: var(--sar-white);\n border-radius: var(--sar-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--sar-shadow);\n border-left: 4px solid var(--sar-accent);\n margin-bottom: 1.5rem;\n}\n\n.sar-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sar-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === FRANCE BOX === *\/\n.sar-france-box {\n background: linear-gradient(135deg, var(--sar-primary-light), #e8e6e2);\n border-radius: var(--sar-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n}\n\n.sar-france-box p {\n font-size: 15px;\n color: var(--sar-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDION === *\/\n.sar-accordion {\n background: var(--sar-white);\n border-radius: var(--sar-radius);\n box-shadow: var(--sar-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.sar-accordion-item {\n border-bottom: 1px solid var(--sar-border);\n margin: 0;\n padding: 0;\n}\n\n.sar-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sar-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sar-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sar-accordion-header:hover {\n background: var(--sar-primary-light);\n}\n\n.sar-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sar-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sar-secondary);\n transition: transform .2s ease;\n}\n\n.sar-accordion-item[open] .sar-accordion-header::after {\n content: '−';\n}\n\n.sar-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sar-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.sar-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.sar-cta-box {\n background: linear-gradient(135deg, var(--sar-primary) 0%, var(--sar-primary-dark) 100%);\n border-radius: var(--sar-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.sar-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sar-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .sar-card {\n padding: 1.125rem;\n }\n \n .sar-section {\n margin-bottom: 1.75rem;\n }\n \n .sar-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sar-radius-sm);\n }\n \n .sar-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .sar-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .sar-grid-compact {\n gap: .625rem;\n }\n \n .sar-grid-compact .sar-card {\n padding: .75rem;\n }\n \n .sar-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .sar-timeline-content {\n padding: .875rem 1rem;\n }\n \n .sar-timeline-content h3 {\n font-size: 14px;\n }\n \n .sar-timeline-content p {\n font-size: 13px;\n }\n \n .sar-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .sar-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .sar-testimonial {\n padding: 1.25rem;\n }\n \n .sar-testimonial-text {\n font-size: 14px;\n }\n \n .sar-highlight-box {\n padding: 1.25rem;\n }\n \n .sar-badges-inline {\n gap: 6px;\n }\n \n .sar-badge-clean {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sar-card {\n animation: sarFadeInUp .5s ease backwards;\n }\n .sar-card:nth-child(1) { animation-delay: .05s; }\n .sar-card:nth-child(2) { animation-delay: .1s; }\n .sar-card:nth-child(3) { animation-delay: .15s; }\n .sar-card:nth-child(4) { animation-delay: .2s; }\n .sar-card:nth-child(5) { animation-delay: .25s; }\n .sar-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes sarFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sar-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"ANTHEYA","offers":[{"title":"Default Title","offer_id":56568737366393,"sku":"NBAIANT0045","price":6.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-a-raser-au-lait-de-chevre-sans-blaireau-90g-antheya-lifestyle.webp?v=1769589963"},{"product_id":"lames-pour-rasoir-de-surete-x-10-lamazuna","title":"Lames pour Rasoir de Sûreté x10 - Lamazuna","description":"\u003cdiv class=\"lz-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"lz-hero\"\u003e\n \u003cdiv class=\"lz-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"lz-hero-content\"\u003e\n \u003cdiv class=\"lz-badges-top\"\u003e\n \u003cspan class=\"lz-badge\"\u003e🌿 Vegan\u003c\/span\u003e\n \u003cspan class=\"lz-badge\"\u003e♻️ 100 % recyclable\u003c\/span\u003e\n \u003cspan class=\"lz-badge\"\u003e🔟 10 lames\u003c\/span\u003e\n \u003cspan class=\"lz-badge\"\u003e🇫🇷 Lamazuna\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"lz-hero-title\"\u003eLames pour rasoir de sûreté x10\u003c\/span\u003e\n \u003cp class=\"lz-subtitle\"\u003eLamazuna - Acier inoxydable, finition platine\u003c\/p\u003e\n \u003cp class=\"lz-description\"\u003eUn rasage précis, durable et zéro déchet. 10 lames à double tranchant compatibles avec la plupart des rasoirs de sûreté classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003eLames pour rasoir de sûreté Lamazuna - Pack de 10 lames en acier inoxydable\u003c\/h2\u003e\n \u003cp class=\"lz-section-intro\"\u003eVous cherchez des \u003cstrong\u003elames de rasoir de sûreté\u003c\/strong\u003e fiables, durables et respectueuses de votre peau ? Ce pack de \u003cstrong\u003e10 lames Lamazuna\u003c\/strong\u003e en acier inoxydable à finition platine est conçu pour vous offrir un rasage précis, confortable et sans compromis. Compatibles avec le rasoir de sûreté Lamazuna, ces lames de rasoir de sûreté traditionnelles s'adaptent également à la plupart des rasoirs de sûreté du marché grâce à leur \u003cstrong\u003edesign universel à double tranchant\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003ePourquoi choisir ces lames pour rasoir de sûreté ?\u003c\/h2\u003e\n \u003cp class=\"lz-section-intro\"\u003eSi vous avez déjà consulté un \u003cstrong\u003ecomparatif de lames pour rasoir de sûreté\u003c\/strong\u003e, vous savez que la qualité de l'acier fait toute la différence. Lamazuna a opté pour un \u003cstrong\u003eacier inoxydable à finition platine\u003c\/strong\u003e, un choix technique précis qui apporte deux avantages concrets :\u003c\/p\u003e\n \u003cdiv class=\"lz-grid\"\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🛡️ Résistance à la corrosion\u003c\/h3\u003e\n \u003cp\u003eVos lames conservent leur tranchant plus longtemps, même dans un environnement humide comme la salle de bain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🪶 Glissement fluide sur la peau\u003c\/h3\u003e\n \u003cp\u003eLa surface lisse de la finition platine réduit les frictions et \u003cstrong\u003eminimise les risques d'irritation\u003c\/strong\u003e, même sur les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e✨ Rasage de très près\u003c\/h3\u003e\n \u003cp\u003eChaque lame offre un résultat net dès le premier passage, y compris sur les poils courts, durs et les zones récalcitrantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-tip\"\u003e\n \u003cspan class=\"lz-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi vous avez une barbe dense ou des zones difficiles, ces lames sont parmi les \u003cstrong\u003emeilleures lames de rasoir de sûreté\u003c\/strong\u003e pour un résultat impeccable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003eComment utiliser vos lames de rasoir de sûreté ?\u003c\/h2\u003e\n \u003cp class=\"lz-section-intro\"\u003eLa mise en place est simple et sécurisée :\u003c\/p\u003e\n \u003cdiv class=\"lz-timeline\"\u003e\n \u003cdiv class=\"lz-timeline-item\"\u003e\n \u003cdiv class=\"lz-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-content\"\u003e\n \u003ch3\u003eDévissez la tête\u003c\/h3\u003e\n \u003cp\u003eDévissez la tête du manche de votre rasoir de sûreté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-item\"\u003e\n \u003cdiv class=\"lz-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-content\"\u003e\n \u003ch3\u003ePlacez la lame\u003c\/h3\u003e\n \u003cp\u003ePlacez une lame entre la tête et le peigne, en la tenant par ses bords courts pour éviter de vous couper.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-item\"\u003e\n \u003cdiv class=\"lz-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"lz-timeline-content\"\u003e\n \u003ch3\u003eRevissez soigneusement\u003c\/h3\u003e\n \u003cp\u003eRevissez pour fixer la lame - les lames s'inclinent automatiquement lors du vissage grâce au \u003cstrong\u003emécanisme de sécurité intégré\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-tip\"\u003e\n \u003cspan class=\"lz-tip-icon\"\u003e🧴\u003c\/span\u003e\n \u003cp\u003eUtilisez toujours votre rasoir sur une \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, idéalement après avoir appliqué un savon ou une crème de rasage. Chaque lame peut être utilisée \u003cstrong\u003e3 à 4 fois\u003c\/strong\u003e selon la nature de vos poils et le nombre de passages effectués.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003eOù jeter ses lames de rasoir de sûreté ?\u003c\/h2\u003e\n \u003cdiv class=\"lz-testimonial\"\u003e\n \u003cp class=\"lz-testimonial-text\"\u003eNe jetez \u003cstrong\u003ejamais vos lames usagées directement à la poubelle\u003c\/strong\u003e. Glissez-les dans une petite boîte métallique ou un contenant rigide fermé, puis déposez le tout en \u003cstrong\u003edéchèterie ou dans un point de collecte des métaux\u003c\/strong\u003e. L'acier inoxydable est \u003cstrong\u003e100 % recyclable\u003c\/strong\u003e, ce qui s'inscrit parfaitement dans la démarche zéro déchet de Lamazuna.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003eCaractéristiques du pack de lames Lamazuna\u003c\/h2\u003e\n \u003cdiv class=\"lz-grid-compact\"\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n \u003cp\u003e10 lames à double tranchant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🔩 Matériau\u003c\/h3\u003e\n \u003cp\u003eAcier inoxydable, finition platine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🔗 Compatibilité\u003c\/h3\u003e\n \u003cp\u003eRasoir Lamazuna et la plupart des rasoirs de sûreté classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e⏱️ Durée de vie\u003c\/h3\u003e\n \u003cp\u003e3 à 4 utilisations par lame\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e🌱 Certification\u003c\/h3\u003e\n \u003cp\u003eVegan\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lz-card\"\u003e\n \u003ch3\u003e♻️ Fabrication\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"lz-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"lz-accordion\"\u003e\n \u003cdetails class=\"lz-accordion-item\"\u003e\n \u003csummary class=\"lz-accordion-header\"\u003e⚠️ Sécurité et manipulation\u003c\/summary\u003e\n \u003cdiv class=\"lz-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux, les lèvres et les muqueuses. En cas de coupure ou d'irritation, cessez l'utilisation et désinfectez la zone concernée. \u003cstrong\u003eTenez les lames hors de portée des enfants.\u003c\/strong\u003e\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=\"lz-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"lz-cta-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003epack de lames pour rasoir de sûreté\u003c\/strong\u003e Lamazuna vous accompagne pendant plusieurs semaines de rasage soigné, économique et écologique. 🌿 Une alternative durable aux rasoirs jetables, sans sacrifier la qualité du résultat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"lz-disclaimer\"\u003eLes lames doivent être manipulées avec précaution. Produit certifié vegan. Emballage 100 % recyclable.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --lz-cream: #f5f2ec;\n --lz-white: #ffffff;\n --lz-primary: #e6c615;\n --lz-primary-dark: #2c2a5a;\n --lz-primary-light: #fdf8d8;\n --lz-secondary: #2aad7a;\n --lz-accent: #3bb88c;\n --lz-text: #1a1a1a;\n --lz-text-light: #5a5a5a;\n --lz-border: #e0e0e0;\n --lz-shadow: 0 4px 24px rgba(0,0,0,.08);\n --lz-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --lz-radius: 20px;\n --lz-radius-sm: 12px;\n}\n\n.lz-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--lz-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.lz-hero {\n position: relative;\n background: linear-gradient(135deg, var(--lz-primary) 0%, var(--lz-secondary) 50%, var(--lz-primary-dark) 100%);\n border-radius: var(--lz-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--lz-shadow-lg);\n}\n\n.lz-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15Z' fill='white' fill-opacity='0.08'\/%3E%3Cpath d='M10 35 L15 45 L10 55 L5 45Z' fill='white' fill-opacity='0.06'\/%3E%3Cpath d='M50 35 L55 45 L50 55 L45 45Z' fill='white' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: .3;\n}\n\n.lz-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.lz-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.lz-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.lz-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.lz-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.lz-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--lz-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.lz-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.lz-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.lz-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--lz-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.lz-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--lz-primary), var(--lz-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.lz-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lz-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.lz-card {\n background: var(--lz-white);\n border-radius: var(--lz-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--lz-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.lz-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--lz-shadow-lg);\n border-color: var(--lz-primary);\n}\n\n.lz-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--lz-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.lz-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--lz-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.lz-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.lz-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.lz-grid-compact .lz-card {\n padding: 1rem;\n}\n\n.lz-grid-compact .lz-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.lz-grid-compact .lz-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.lz-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.lz-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.lz-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--lz-primary), var(--lz-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.lz-timeline-content {\n flex: 1;\n background: var(--lz-white);\n padding: 1rem 1.25rem;\n border-radius: var(--lz-radius-sm);\n box-shadow: var(--lz-shadow);\n}\n\n.lz-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--lz-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.lz-timeline-content p {\n font-size: 14px;\n color: var(--lz-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.lz-testimonial {\n background: var(--lz-white);\n border-radius: var(--lz-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--lz-shadow);\n border-left: 4px solid var(--lz-secondary);\n}\n\n.lz-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--lz-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.lz-accordion {\n background: var(--lz-white);\n border-radius: var(--lz-radius);\n box-shadow: var(--lz-shadow);\n overflow: hidden;\n}\n\n.lz-accordion-item {\n border-bottom: 1px solid var(--lz-border);\n margin: 0;\n padding: 0;\n}\n\n.lz-accordion-item:last-child {\n border-bottom: none;\n}\n\n.lz-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--lz-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.lz-accordion-header:hover {\n background: var(--lz-primary-light);\n}\n\n.lz-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.lz-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--lz-secondary);\n transition: transform .2s ease;\n}\n\n.lz-accordion-item[open] .lz-accordion-header::after {\n content: '−';\n}\n\n.lz-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--lz-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.lz-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.lz-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--lz-primary-light);\n border-radius: var(--lz-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.lz-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.lz-tip p {\n font-size: 14px;\n color: var(--lz-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.lz-cta-box {\n background: linear-gradient(135deg, var(--lz-secondary) 0%, var(--lz-primary-dark) 100%);\n border-radius: var(--lz-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.lz-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.lz-disclaimer {\n font-size: 12px;\n color: var(--lz-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .lz-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .lz-card {\n padding: 1.125rem;\n }\n\n .lz-section {\n margin-bottom: 1.75rem;\n }\n\n .lz-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--lz-radius-sm);\n }\n\n .lz-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .lz-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .lz-grid-compact {\n gap: .625rem;\n }\n\n .lz-grid-compact .lz-card {\n padding: .75rem;\n }\n\n .lz-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .lz-timeline-content {\n padding: .875rem 1rem;\n }\n\n .lz-timeline-content h3 {\n font-size: 14px;\n }\n\n .lz-timeline-content p {\n font-size: 13px;\n }\n\n .lz-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .lz-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .lz-testimonial {\n padding: 1.25rem;\n }\n\n .lz-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .lz-card {\n animation: lzFadeInUp .5s ease backwards;\n }\n .lz-card:nth-child(1) { animation-delay: .05s; }\n .lz-card:nth-child(2) { animation-delay: .1s; }\n .lz-card:nth-child(3) { animation-delay: .15s; }\n .lz-card:nth-child(4) { animation-delay: .2s; }\n .lz-card:nth-child(5) { animation-delay: .25s; }\n .lz-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes lzFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .lz-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":56869527945593,"sku":"NBAILAM0199","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/lames-pour-rasoir-de-surete-x10-lamazuna-lifestyle.webp?v=1773825013"},{"product_id":"soin-hydratant-bonne-mine-homme-50-ml-florame","title":"Soin Hydratant Bonne Mine Homme - 50 ml - Florame","description":"\u003cdiv class=\"fh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fh-hero\"\u003e\n \u003cdiv class=\"fh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fh-hero-content\"\u003e\n \u003cdiv class=\"fh-badges-top\"\u003e\n \u003cspan class=\"fh-badge\"\u003e🌿 98 % d'origine naturelle\u003c\/span\u003e\n \u003cspan class=\"fh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fh-badge\"\u003e✅ Certifié COSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fh-hero-title\"\u003eSoin Hydratant Bonne Mine Homme\u003c\/span\u003e\n \u003cp class=\"fh-subtitle\"\u003eFlorame - 50 ml\u003c\/p\u003e\n \u003cp class=\"fh-description\"\u003eHydratation intense, effet bonne mine immédiat et parfum boisé frais. Le soin bio pensé pour les hommes exigeants, certifié par Ecocert, fabriqué à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eSoin hydratant bonne mine homme Florame : l'éclat au naturel pour votre peau\u003c\/h2\u003e\n \u003cp class=\"fh-section-intro\"\u003eVous cherchez une \u003cstrong\u003ecrème hydratante visage homme\u003c\/strong\u003e capable de redonner vie à une peau fatiguée, terne ou stressée ?\u003c\/p\u003e\n \u003cdiv class=\"fh-highlight-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eSoin Hydratant Bonne Mine Homme de Florame\u003c\/strong\u003e est un soin certifié bio qui combine hydratation intense et effet bonne mine grâce à des actifs végétaux puissants. Formulé avec \u003cstrong\u003e98 % d'ingrédients d'origine naturelle\u003c\/strong\u003e et \u003cstrong\u003e41 % d'ingrédients issus de l'agriculture biologique\u003c\/strong\u003e, ce soin va bien au-delà d'une simple crème : c'est un véritable rituel de soin pour les hommes exigeants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce soin hydratant visage homme bio ?\u003c\/h2\u003e\n \u003cp class=\"fh-section-intro\"\u003eUne synergie d'actifs biologiques soigneusement sélectionnés pour répondre aux besoins spécifiques de la peau masculine.\u003c\/p\u003e\n \u003cdiv class=\"fh-grid\"\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et protège la peau des agressions extérieures au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e💧 Acide hyaluronique végétal\u003c\/h3\u003e\n \u003cp\u003eRepulpe la peau et maintient un niveau d'hydratation optimal tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🥕 Macérât de carotte bio\u003c\/h3\u003e\n \u003cp\u003eRiche en vitamine A et bêta-carotènes, il rehausse naturellement le teint et apporte un éclat visible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌼 Extrait de calendula bio\u003c\/h3\u003e\n \u003cp\u003eApaise et réconforte les peaux sensibilisées par le rasage ou le stress.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌱 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003eHydrate, adoucit et aide à estomper les marques de fatigue pour un teint frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-tip\"\u003e\n \u003cspan class=\"fh-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eLe résultat ?\u003c\/strong\u003e Une peau confortable, visiblement plus lumineuse, avec un teint frais et reposé. Si vous recherchez la \u003cstrong\u003emeilleure crème hydratante visage homme\u003c\/strong\u003e alliant efficacité et naturalité, ce soin Florame mérite toute votre attention.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eComment utiliser ce soin hydratant bonne mine ?\u003c\/h2\u003e\n \u003cdiv class=\"fh-timeline\"\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003eAppliquez matin et\/ou soir\u003c\/h3\u003e\n \u003cp\u003eDéposez une à deux pressions du flacon-pompe pratique de 50 ml sur une peau propre et sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003eMassez délicatement\u003c\/h3\u003e\n \u003cp\u003eDu bout des doigts, massez le visage et le cou en effectuant de légers mouvements circulaires pour favoriser la pénétration des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003eProfitez du parfum signature\u003c\/h3\u003e\n \u003cp\u003eAppréciez son parfum frais et boisé, mêlant cèdre de l'Atlas et lavande, signature de la gamme Homme Florame.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-tip\"\u003e\n \u003cspan class=\"fh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eCe \u003cstrong\u003esoin hydratant visage homme\u003c\/strong\u003e convient aussi bien en routine quotidienne qu'en soin express avant une occasion particulière pour afficher un teint éclatant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fh-accordion\"\u003e\n \u003cdetails class=\"fh-accordion-item\" open\u003e\n \u003csummary class=\"fh-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"fh-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Helianthus Annuus Seed Oil, Caprylic\/Capric Triglyceride, Glycerin, Silica, Cetearyl Alcohol, Glyceryl Stearate, Prunus Amygdalus Dulcis Oil*, Sesamum Indicum Seed Oil*, Sodium PCA, Microcrystalline Cellulose, Sclerotium Gum, Butyrospermum Parkii Butter*, Xylitylglucoside, Cetearyl Glucoside, Anhydroxylitol, Cedrus Atlantica Bark Oil*, Argania Spinosa Kernel Oil*, Aloe Barbadensis Leaf Juice Powder*, Calendula Officinalis Flower Extract*, Cellulose Gum, Xylitol, Cymbopogon Martini Oil*, Daucus Carota Sativa Root Extract*, Sodium Hyaluronate, Lavandula Angustifolia Oil*, Tocopherol, Benzyl Alcohol, Sodium Benzoate, Potassium Sorbate, Dehydroacetic Acid, Citric Acid, Sodium Hydroxide, Linalool, Geraniol, Anise Alcohol.\u003c\/p\u003e\n \u003cp\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eCertifications et garanties\u003c\/h2\u003e\n \u003cdiv class=\"fh-grid-compact\"\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🏅 COSMOS Organic\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Greenlife\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🔬 Testé dermatologiquement\u003c\/h3\u003e\n \u003cp\u003eTolérance prouvée sur peaux sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌿 41 % bio\u003c\/h3\u003e\n \u003cp\u003eIngrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fh-accordion\"\u003e\n \u003cdetails class=\"fh-accordion-item\"\u003e\n \u003csummary class=\"fh-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n \u003cdiv class=\"fh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe soin contient des \u003cstrong\u003ehuiles essentielles biologiques\u003c\/strong\u003e. Il est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e. En cas de doute ou de peau réactive, effectuez un test dans le pli du coude avant la première utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"fh-disclaimer\"\u003eCe produit cosmétique ne remplace en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"fh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fh-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre peau l'éclat naturel qu'elle mérite - hydratation bio, effet bonne mine garanti, fabriqué en Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fh-cream: #f5f2ed;\n --fh-white: #ffffff;\n --fh-primary: #c8882e;\n --fh-primary-dark: #2a2a2a;\n --fh-primary-light: #f9f3ea;\n --fh-secondary: #d4a04a;\n --fh-accent: #e8a830;\n --fh-text: #1a1a1a;\n --fh-text-light: #5a5a5a;\n --fh-border: #e0dcd6;\n --fh-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fh-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fh-radius: 20px;\n --fh-radius-sm: 12px;\n}\n\n.fh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fh-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2418 40%, #3a2e1e 70%, #4a3820 100%);\n border-radius: var(--fh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fh-shadow-lg);\n}\n\n.fh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 40px,\n rgba(200,136,46,.04) 40px,\n rgba(200,136,46,.04) 80px\n );\n opacity: 1;\n}\n\n.fh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fh-hero-title {\n display: block;\n color: var(--fh-white);\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.fh-subtitle {\n color: var(--fh-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.fh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.fh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fh-primary), var(--fh-secondary));\n border-radius: 2px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.fh-highlight-box {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fh-shadow);\n border-left: 4px solid var(--fh-primary);\n}\n\n.fh-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--fh-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.fh-card {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fh-shadow-lg);\n border-color: var(--fh-primary);\n}\n\n.fh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fh-grid-compact .fh-card {\n padding: 1rem;\n}\n\n.fh-grid-compact .fh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fh-grid-compact .fh-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fh-primary), var(--fh-secondary));\n color: var(--fh-white);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fh-timeline-content {\n flex: 1;\n background: var(--fh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fh-radius-sm);\n box-shadow: var(--fh-shadow);\n}\n\n.fh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fh-timeline-content p {\n font-size: 14px;\n color: var(--fh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.fh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fh-primary-light);\n border-radius: var(--fh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fh-tip p {\n font-size: 14px;\n color: var(--fh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SECTION INTRO === *\/\n.fh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fh-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === ACCORDION === *\/\n.fh-accordion {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n box-shadow: var(--fh-shadow);\n overflow: hidden;\n}\n\n.fh-accordion-item {\n border-bottom: 1px solid var(--fh-border);\n margin: 0;\n padding: 0;\n}\n\n.fh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fh-accordion-header:hover {\n background: var(--fh-primary-light);\n}\n\n.fh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fh-primary);\n transition: transform .2s ease;\n}\n\n.fh-accordion-item[open] .fh-accordion-header::after {\n content: '−';\n}\n\n.fh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fh-accordion-content p {\n margin: 0 0 .5rem 0;\n}\n\n.fh-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.fh-testimonial {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fh-shadow);\n border-left: 4px solid var(--fh-primary);\n}\n\n.fh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === CTA === *\/\n.fh-cta-box {\n background: linear-gradient(135deg, var(--fh-primary-dark) 0%, #3a2e1e 50%, var(--fh-primary-dark) 100%);\n border-radius: var(--fh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fh-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(135deg, rgba(200,136,46,.15) 0%, transparent 50%, rgba(200,136,46,.1) 100%);\n}\n\n.fh-cta-box p {\n color: var(--fh-white);\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.2);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.fh-disclaimer {\n font-size: 12px;\n color: var(--fh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fh-card {\n padding: 1.125rem;\n }\n\n .fh-section {\n margin-bottom: 1.75rem;\n }\n\n .fh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fh-radius-sm);\n }\n\n .fh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fh-grid-compact {\n gap: .625rem;\n }\n\n .fh-grid-compact .fh-card {\n padding: .75rem;\n }\n\n .fh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fh-timeline-content h3 {\n font-size: 14px;\n }\n\n .fh-timeline-content p {\n font-size: 13px;\n }\n\n .fh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fh-testimonial {\n padding: 1.25rem;\n }\n\n .fh-testimonial-text {\n font-size: 14px;\n }\n\n .fh-highlight-box {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fh-card {\n animation: fhFadeInUp .5s ease backwards;\n }\n .fh-card:nth-child(1) { animation-delay: .05s; }\n .fh-card:nth-child(2) { animation-delay: .1s; }\n .fh-card:nth-child(3) { animation-delay: .15s; }\n .fh-card:nth-child(4) { animation-delay: .2s; }\n .fh-card:nth-child(5) { animation-delay: .25s; }\n .fh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":57049999147385,"sku":"FM0550","price":19.39,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/soin-hydratant-bonne-mine-homme-50-ml-florame-lifestyle_cc298f18-7fde-4d9b-aead-4ff491734fc3.webp?v=1776066500"},{"product_id":"deodorant-bille-homme-bio-50-ml-florame","title":"Déodorant Bille Homme Bio - 50 ml - Florame","description":"\u003cdiv class=\"fh-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"fh-hero\"\u003e\n \u003cdiv class=\"fh-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"fh-hero-content\"\u003e\n \u003cdiv class=\"fh-badges-top\"\u003e\n \u003cspan class=\"fh-badge\"\u003e🌿 99% naturel\u003c\/span\u003e\n \u003cspan class=\"fh-badge\"\u003e⏱️ Efficacité 24h\u003c\/span\u003e\n \u003cspan class=\"fh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"fh-badge\"\u003e🏅 COSMOS Organic\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"fh-hero-title\"\u003eDéodorant Bille Homme Bio\u003c\/span\u003e\n \u003cp class=\"fh-subtitle\"\u003eFlorame - 50 ml\u003c\/p\u003e\n \u003cp class=\"fh-description\"\u003eFraîcheur boisée et protection naturelle aux huiles essentielles biologiques, sans sels d'aluminium ni alcool.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eDéodorant bille homme bio Florame : fraîcheur naturelle et efficacité 24h\u003c\/h2\u003e\n \u003cp class=\"fh-section-intro\"\u003eVous recherchez un \u003cstrong\u003edéodorant bio pour homme\u003c\/strong\u003e vraiment efficace, sans compromis sur la composition ? Le \u003cstrong\u003edéodorant bille homme bio Florame\u003c\/strong\u003e combine le meilleur des huiles essentielles biologiques pour neutraliser les odeurs tout au long de la journée, sans sels d'aluminium ni alcool.\u003c\/p\u003e\n \u003cdiv class=\"fh-grid-compact\"\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🧪 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eCOSMOS Organic par Ecocert Greenlife\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🚫 Sans aluminium\u003c\/h3\u003e\n \u003cp\u003eAucun sel d'aluminium ni alcool dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌿 99% naturel\u003c\/h3\u003e\n \u003cp\u003e44% des ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e📍 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué à Saint-Rémy-de-Provence\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce déodorant homme bio sans aluminium ?\u003c\/h2\u003e\n \u003cdiv class=\"fh-grid\"\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🛡️ Zinc ricinoleate\u003c\/h3\u003e\n \u003cp\u003ePiège les molécules responsables des mauvaises odeurs et agit en douceur, sans boucher les pores.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eAbsorbe l'excès d'humidité naturellement, sans assécher la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e⏱️ Efficacité 24h testée\u003c\/h3\u003e\n \u003cp\u003eDiminution des odeurs jusqu'à 24h et 12h de notes fraîches et boisées qui accompagnent votre journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-tip\"\u003e\n \u003cspan class=\"fh-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est sans doute l'un des \u003cstrong\u003emeilleurs déodorants bio pour homme\u003c\/strong\u003e si vous cherchez performance et naturalité réunies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eDes huiles essentielles bio soigneusement sélectionnées\u003c\/h2\u003e\n \u003cp class=\"fh-section-intro\"\u003eLa signature olfactive de ce \u003cstrong\u003edéodorant homme bille\u003c\/strong\u003e repose sur un assemblage d'huiles essentielles biologiques aux propriétés complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"fh-grid\"\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌿 Tea tree (arbre à thé)\u003c\/h3\u003e\n \u003cp\u003ePurifiant et antibactérien naturel, il limite la prolifération des bactéries responsables des odeurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🌸 Palmarosa\u003c\/h3\u003e\n \u003cp\u003eApprécié pour ses vertus assainissantes, il renforce l'action déodorante de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🪵 Cèdre de l'Atlas \u0026amp; vétiver\u003c\/h3\u003e\n \u003cp\u003eApportent des notes boisées et masculines, chaleureuses sans être envahissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🍋 Citron, pamplemousse \u0026amp; litsée\u003c\/h3\u003e\n \u003cp\u003eUne touche d'agrumes pour une sensation de fraîcheur immédiate à l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e🍃 Patchouli \u0026amp; petit grain bigarade\u003c\/h3\u003e\n \u003cp\u003eComplètent le bouquet aromatique avec profondeur et caractère.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-card\"\u003e\n \u003ch3\u003e💧 Aloe vera bio\u003c\/h3\u003e\n \u003cp\u003ePrend soin de votre peau et l'apaise au quotidien pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"fh-accordion\"\u003e\n \u003cdetails class=\"fh-accordion-item\" open\u003e\n \u003csummary class=\"fh-accordion-header\"\u003e📋 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"fh-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Lippia Citriodora Leaf Water*, Triethyl Citrate, Zea Mays Starch*, Glycerin, Zinc Ricinoleate, Caprylyl\/Capryl Glucoside, Glyceryl Stearate Citrate, Acacia Senegal Gum, Glyceryl Caprylate, Xanthan Gum, Levulinic Acid, Aloe Barbadensis Leaf Juice Powder*, Citrus Medica Limonum Peel Oil*, Sodium Levulinate, Cedrus Atlantica Bark Oil*, Citrus Grandis Peel Oil*, Cymbopogon Martini Oil*, Melaleuca Alternifolia Leaf Oil*, Citrus Aurantium Amara Peel Oil*, Citrus Aurantium Amara Leaf\/Twig Oil*, Pogostemon Cablin Oil*, Vetiveria Zizanoides Root Oil*, Litsea Cubeba Fruit Oil*, Tocopherol, Glycine Soja Oil, Sodium Benzoate, Potassium Sorbate, Citric Acid, Sodium Hydroxide, Limonene, Linalool, Geraniol, Citral.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cstrong\u003e99% d'ingrédients d'origine naturelle\u003c\/strong\u003e - 44% issus de l'agriculture biologique. \u003cem\u003e*Ingrédients bio.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003eComment utiliser ce déodorant bille homme ?\u003c\/h2\u003e\n \u003cdiv class=\"fh-timeline\"\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003ePréparez votre peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez le roll-on le matin sur une \u003cstrong\u003epeau propre et sèche\u003c\/strong\u003e, au niveau des aisselles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003eAppliquez en douceur\u003c\/h3\u003e\n \u003cp\u003eLa bille permet une application homogène et maîtrisée, sans gaspillage. Quelques passages suffisent.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-item\"\u003e\n \u003cdiv class=\"fh-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"fh-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si besoin\u003c\/h3\u003e\n \u003cp\u003eVous pouvez renouveler l'application à tout moment de la journée si vous le souhaitez.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"fh-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"fh-accordion\"\u003e\n \u003cdetails class=\"fh-accordion-item\"\u003e\n \u003csummary class=\"fh-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"fh-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003edéodorant bio homme efficace\u003c\/strong\u003e contient des huiles essentielles. Il est \u003cstrong\u003edéconseillé aux femmes enceintes ou allaitantes\u003c\/strong\u003e. En cas d'irritation, cessez l'utilisation. Évitez le contact avec les yeux.\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=\"fh-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"fh-cta-box\"\u003e\n \u003cp\u003e✨ Adoptez une hygiène naturelle et responsable avec le \u003cstrong\u003edéodorant bille homme bio Florame\u003c\/strong\u003e - protection 24h, certifié bio, fabriqué en France à Saint-Rémy-de-Provence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"fh-disclaimer\"\u003eCertifié COSMOS Organic par Ecocert Greenlife | Contenance : 50 ml\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --fh-cream: #f5f3ef;\n --fh-white: #ffffff;\n --fh-primary: #3d3d3d;\n --fh-primary-dark: #1a1a1a;\n --fh-primary-light: #f0ede8;\n --fh-secondary: #c8a44e;\n --fh-accent: #b08d3a;\n --fh-text: #1a1a1a;\n --fh-text-light: #5a5a5a;\n --fh-border: #e0dcd5;\n --fh-shadow: 0 4px 24px rgba(0,0,0,.08);\n --fh-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --fh-radius: 20px;\n --fh-radius-sm: 12px;\n}\n\n.fh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--fh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.fh-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #3d3d3d 40%, #c8a44e 100%);\n border-radius: var(--fh-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--fh-shadow-lg);\n}\n\n.fh-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(\n 45deg,\n transparent,\n transparent 20px,\n rgba(200,164,78,.08) 20px,\n rgba(200,164,78,.08) 22px\n );\n opacity: 1;\n}\n\n.fh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.fh-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.fh-subtitle {\n color: var(--fh-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.fh-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.fh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.fh-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--fh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.fh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.fh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.fh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--fh-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.fh-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--fh-secondary), var(--fh-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.fh-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fh-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.fh-card {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--fh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.fh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--fh-shadow-lg);\n border-color: var(--fh-secondary);\n}\n\n.fh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--fh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.fh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--fh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.fh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.fh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.fh-grid-compact .fh-card {\n padding: 1rem;\n}\n\n.fh-grid-compact .fh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.fh-grid-compact .fh-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.fh-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.fh-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.fh-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--fh-primary), var(--fh-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.fh-timeline-content {\n flex: 1;\n background: var(--fh-white);\n padding: 1rem 1.25rem;\n border-radius: var(--fh-radius-sm);\n box-shadow: var(--fh-shadow);\n}\n\n.fh-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--fh-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.fh-timeline-content p {\n font-size: 14px;\n color: var(--fh-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.fh-testimonial {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--fh-shadow);\n border-left: 4px solid var(--fh-secondary);\n}\n\n.fh-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--fh-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.fh-accordion {\n background: var(--fh-white);\n border-radius: var(--fh-radius);\n box-shadow: var(--fh-shadow);\n overflow: hidden;\n}\n\n.fh-accordion-item {\n border-bottom: 1px solid var(--fh-border);\n margin: 0;\n padding: 0;\n}\n\n.fh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.fh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--fh-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.fh-accordion-header:hover {\n background: var(--fh-primary-light);\n}\n\n.fh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.fh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--fh-secondary);\n transition: transform .2s ease;\n}\n\n.fh-accordion-item[open] .fh-accordion-header::after {\n content: '−';\n}\n\n.fh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--fh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.fh-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.fh-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--fh-primary-light);\n border-radius: var(--fh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.fh-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.fh-tip p {\n font-size: 14px;\n color: var(--fh-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.fh-cta-box {\n background: linear-gradient(135deg, var(--fh-primary) 0%, var(--fh-primary-dark) 100%);\n border-radius: var(--fh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.fh-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: linear-gradient(135deg, transparent 0%, rgba(200,164,78,.15) 100%);\n}\n\n.fh-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.fh-disclaimer {\n font-size: 12px;\n color: var(--fh-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .fh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .fh-card {\n padding: 1.125rem;\n }\n\n .fh-section {\n margin-bottom: 1.75rem;\n }\n\n .fh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--fh-radius-sm);\n }\n\n .fh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .fh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .fh-grid-compact {\n gap: .625rem;\n }\n\n .fh-grid-compact .fh-card {\n padding: .75rem;\n }\n\n .fh-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .fh-timeline-content {\n padding: .875rem 1rem;\n }\n\n .fh-timeline-content h3 {\n font-size: 14px;\n }\n\n .fh-timeline-content p {\n font-size: 13px;\n }\n\n .fh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .fh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .fh-testimonial {\n padding: 1.25rem;\n }\n\n .fh-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .fh-card {\n animation: fhFadeInUp .5s ease backwards;\n }\n .fh-card:nth-child(1) { animation-delay: .05s; }\n .fh-card:nth-child(2) { animation-delay: .1s; }\n .fh-card:nth-child(3) { animation-delay: .15s; }\n .fh-card:nth-child(4) { animation-delay: .2s; }\n .fh-card:nth-child(5) { animation-delay: .25s; }\n .fh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fhFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .fh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":57071059337593,"sku":"FM0515","price":9.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/deodorant-bille-homme-bio-50-ml-florame-lifestyle.webp?v=1776244012"},{"product_id":"creme-anti-age-bio-homme-30-ml-florame","title":"Crème Anti-Âge Bio Homme – 30 ml - Florame","description":"\u003cdiv class=\"flo-premium\"\u003e\n\n \u003cdiv class=\"flo-hero\"\u003e\n \u003cdiv class=\"flo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"flo-hero-content\"\u003e\n \u003cdiv class=\"flo-badges-top\"\u003e\n \u003cspan class=\"flo-badge\"\u003e🌿 Certifié Cosmos Organic\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"flo-badge\"\u003e💧 30 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"flo-hero-title\"\u003eCrème Anti-Âge Bio Homme\u003c\/span\u003e\n \u003cp class=\"flo-subtitle\"\u003eFlorame - Saint Rémy de Provence\u003c\/p\u003e\n \u003cp class=\"flo-description\"\u003eUn soin naturel aux huiles essentielles bio et à l'huile d'argan pour atténuer les signes du temps et préserver la jeunesse de votre peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eCrème Anti-Âge Bio Homme Florame : un soin naturel pour préserver votre peau\u003c\/h2\u003e\n \u003cp class=\"flo-section-intro\"\u003eVous cherchez une crème anti-âge homme efficace, respectueuse de votre peau et formulée avec des ingrédients naturels ? La Crème Anti-Âge Bio Homme Florame (30 ml) est conçue pour les hommes qui souhaitent prendre soin de leur peau sans compromis. Fabriquée en France à Saint Rémy de Provence, elle associe huiles essentielles bio et actifs végétaux pour atténuer les signes visibles du temps tout en nourrissant l'épiderme en profondeur.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette crème anti-rides pour homme ?\u003c\/h2\u003e\n \u003cp class=\"flo-section-intro\"\u003eLa peau masculine, plus épaisse et souvent sollicitée par le rasage, a besoin d'un soin ciblé. Cette crème anti-rides pour homme bio répond précisément à ces besoins grâce à une formule 100 % naturelle, certifiée Cosmos Organic et vegan.\u003c\/p\u003e\n \u003cdiv class=\"flo-grid\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e💧 Hydratation profonde\u003c\/h3\u003e\n \u003cp\u003eHydrate durablement l'épiderme pour une peau souple et confortable toute la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e✨ Atténuation des rides\u003c\/h3\u003e\n \u003cp\u003eRéduit visiblement les rides et ridules pour une peau lissée et revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🎯 Grain de peau affiné\u003c\/h3\u003e\n \u003cp\u003eRééquilibre et affine le grain de peau pour un aspect plus net et uniforme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🪒 Apaise après-rasage\u003c\/h3\u003e\n \u003cp\u003eCalme les tiraillements et apaise la peau après le rasage en un instant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌟 Éclat retrouvé\u003c\/h3\u003e\n \u003cp\u003eRavive l'éclat du teint pour un visage plus lumineux et visiblement plus frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée Cosmos Organic et vegan, sans compromis sur l'efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eUne formule bio riche en actifs ciblés\u003c\/h2\u003e\n \u003cp class=\"flo-section-intro\"\u003eFlorame a sélectionné des ingrédients naturels reconnus pour leur action anti-âge :\u003c\/p\u003e\n \u003cdiv class=\"flo-grid\"\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌰 Huile d'argan bio\u003c\/h3\u003e\n \u003cp\u003eNourrit en profondeur et redonne de l'élasticité à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌱 Huile de jojoba bio\u003c\/h3\u003e\n \u003cp\u003eRégule et hydrate sans laisser d'effet gras sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eApaise et protège la peau des agressions extérieures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌲 Extrait de genévrier bio\u003c\/h3\u003e\n \u003cp\u003ePurifie et tonifie l'épiderme pour une peau nette et revitalisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌊 Algues \u0026amp; fougères bio\u003c\/h3\u003e\n \u003cp\u003eStimulent la vitalité cutanée et redynamisent la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e💦 Eau florale d'hamamélis\u003c\/h3\u003e\n \u003cp\u003eResserre les pores et donne un effet tonifiant immédiat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-card\"\u003e\n \u003ch3\u003e🌸 HE cèdre \u0026amp; lavande bio\u003c\/h3\u003e\n \u003cp\u003eApportent un parfum boisé raffiné et des propriétés apaisantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"flo-accordion\" style=\"margin-top:1.5rem;\"\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e🧪 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cp\u003eAqua, Glycerin, Simmondsia Chinensis (Jojoba) Seed Oil*, Coco-Caprylate\/Caprate, Hamamelis Virginiana (Witch Hazel) Leaf Water*, C14-22 Alcohols, Cetearyl Alcohol, Hydrogenated Olive Oil Caprylyl Esters, Butyrospermum Parkii (Shea) Butter*, C12-20 Alkyl Glucoside, Argania Spinosa Kernel Oil*, Magnesium Aluminum Silicate, Cyathea Cumingii Leaf Extract, Aloe Barbadensis Leaf Juice Powder*, Cedrus Atlantica Bark Oil*, Xanthan Gum, Helianthus Annuus (Sunflower) Seed Oil, Juniperus Communis Fruit Extract*, Biosaccharide Gum-1, Glyceryl Caprylate, Cymbopogon Martini Oil*, Undaria Pinnatifida Extract, Sodium Levulinate, Cinnamic Acid, Lavandula Angustifolia (Lavender) Oil*, Levulinic Acid, Beta-Sitosterol, Sodium Anisate, Squalene, Tocopherol, Benzyl Alcohol, Sodium Benzoate, Potassium Sorbate, Dehydroacetic Acid, Citric Acid, Sodium Hydroxide, Linalool, Geraniol.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem;\"\u003e\u003cem\u003e(*ingrédients issus de l'agriculture biologique)\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003eComment appliquer votre crème anti-âge homme ?\u003c\/h2\u003e\n \u003cp class=\"flo-section-intro\"\u003ePour profiter pleinement de cette crème anti-rides homme, adoptez une routine simple et efficace :\u003c\/p\u003e\n \u003cdiv class=\"flo-timeline\"\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003eMatin \u0026amp; soir\u003c\/h3\u003e\n \u003cp\u003eAppliquez une noisette de crème sur le visage propre et sec, deux fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003eMassage circulaire\u003c\/h3\u003e\n \u003cp\u003eMassez doucement en mouvements circulaires jusqu'à absorption complète du soin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-item\"\u003e\n \u003cdiv class=\"flo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"flo-timeline-content\"\u003e\n \u003ch3\u003eSoin post-rasage\u003c\/h3\u003e\n \u003cp\u003eIdéale aussi après le rasage pour calmer instantanément la peau et apaiser les tiraillements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"flo-tip\"\u003e\n \u003cspan class=\"flo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour des résultats visibles, utilisez-la de manière régulière. Associée à un nettoyant doux, elle forme la base d'une routine anti-âge complète et efficace.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"flo-accordion\"\u003e\n \u003cdetails class=\"flo-accordion-item\"\u003e\n \u003csummary class=\"flo-accordion-header\"\u003e⚠️ Précautions d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"flo-accordion-content mt-3\"\u003e\n \u003cul style=\"margin:0; padding-left:1.25rem;\"\u003e\n \u003cli\u003eDéconseillée aux femmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003eÉviter le contact avec les yeux, les lèvres et les muqueuses\u003c\/li\u003e\n \u003cli\u003eUsage externe uniquement, ne pas ingérer\u003c\/li\u003e\n \u003cli\u003eEn cas de contact avec les yeux, rincer abondamment à l'eau claire\u003c\/li\u003e\n \u003cli\u003eTenir hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"flo-disclaimer\"\u003eCe soin cosmétique ne remplace pas un avis ou un traitement médical. En cas de doute ou de problème cutané, consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"flo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eFlorame, l'expertise des huiles essentielles bio\u003c\/h2\u003e\n \u003cdiv class=\"flo-cta-box\"\u003e\n \u003cp\u003eDepuis Saint Rémy de Provence, Florame développe des soins authentiques testés sous contrôle dermatologique. Avec cette crème anti-âge bio homme, vous optez pour un produit fabriqué en France, vegan et certifié bio : un choix sûr pour votre peau 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 --flo-cream: #f7f4ef;\n --flo-white: #ffffff;\n --flo-primary: #c68442;\n --flo-primary-dark: #2b2420;\n --flo-primary-light: #f5ece0;\n --flo-secondary: #d9a368;\n --flo-accent: #e8b77a;\n --flo-text: #1a1a1a;\n --flo-text-light: #5a5a5a;\n --flo-border: #e5ddd2;\n --flo-shadow: 0 4px 24px rgba(43, 36, 32, .08);\n --flo-shadow-lg: 0 12px 48px rgba(43, 36, 32, .18);\n --flo-radius: 20px;\n --flo-radius-sm: 12px;\n }\n\n .flo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--flo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--flo-text);\n line-height: 1.6;\n }\n\n .flo-hero {\n position: relative;\n background: linear-gradient(135deg, #2b2420 0%, #3a2e26 50%, #5a4330 100%);\n border-radius: var(--flo-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--flo-shadow-lg);\n }\n\n .flo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, var(--flo-primary) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, var(--flo-accent) 0%, transparent 40%);\n opacity: .15;\n }\n\n .flo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .flo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n }\n\n .flo-subtitle {\n color: var(--flo-accent);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 700;\n letter-spacing: .1em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n }\n\n .flo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n .flo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .flo-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--flo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .flo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .flo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .flo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--flo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .flo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--flo-primary), var(--flo-secondary));\n border-radius: 2px;\n }\n\n .flo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--flo-text-light);\n margin-bottom: 1.75rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .flo-card {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--flo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .flo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--flo-shadow-lg);\n border-color: var(--flo-primary);\n }\n\n .flo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--flo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .flo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .flo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .flo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .flo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .flo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--flo-primary), var(--flo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(198, 132, 66, .3);\n }\n\n .flo-timeline-content {\n flex: 1;\n background: var(--flo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--flo-radius-sm);\n box-shadow: var(--flo-shadow);\n }\n\n .flo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--flo-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .flo-timeline-content p {\n font-size: 14px;\n color: var(--flo-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .flo-accordion {\n background: var(--flo-white);\n border-radius: var(--flo-radius);\n box-shadow: var(--flo-shadow);\n overflow: hidden;\n }\n\n .flo-accordion-item {\n border-bottom: 1px solid var(--flo-border);\n margin: 0;\n padding: 0;\n }\n\n .flo-accordion-item:last-child {\n border-bottom: none;\n }\n\n .flo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--flo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .flo-accordion-header:hover {\n background: var(--flo-primary-light);\n }\n\n .flo-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .flo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--flo-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n }\n\n .flo-accordion-item[open] .flo-accordion-header::after {\n content: '−';\n }\n\n .flo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--flo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .flo-accordion-content p {\n margin: 0;\n }\n\n .flo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--flo-primary-light);\n border-radius: var(--flo-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--flo-primary);\n }\n\n .flo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .flo-tip p {\n font-size: 14px;\n color: var(--flo-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .flo-cta-box {\n background: linear-gradient(135deg, var(--flo-primary) 0%, var(--flo-primary-dark) 100%);\n border-radius: var(--flo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--flo-shadow-lg);\n }\n\n .flo-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n }\n\n .flo-disclaimer {\n font-size: 12px;\n color: var(--flo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n }\n\n @media (max-width: 767px) {\n .flo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .flo-card { padding: 1.125rem; }\n .flo-section { margin-bottom: 1.75rem; }\n .flo-hero {\n padding: 2.5rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--flo-radius-sm);\n }\n .flo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .flo-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .flo-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .flo-timeline-content { padding: .875rem 1rem; }\n .flo-timeline-content h3 { font-size: 14px; }\n .flo-timeline-content p { font-size: 13px; }\n .flo-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .flo-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .flo-card {\n animation: fadeInUp .5s ease backwards;\n }\n .flo-card:nth-child(1) { animation-delay: .05s; }\n .flo-card:nth-child(2) { animation-delay: .1s; }\n .flo-card:nth-child(3) { animation-delay: .15s; }\n .flo-card:nth-child(4) { animation-delay: .2s; }\n .flo-card:nth-child(5) { animation-delay: .25s; }\n .flo-card:nth-child(6) { animation-delay: .3s; }\n .flo-card:nth-child(7) { animation-delay: .35s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .flo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"FLORAME","offers":[{"title":"Default Title","offer_id":57085953409401,"sku":"FM0510","price":18.5,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/creme-anti-age-bio-homme-30-ml-florame-lifestyle_80a0390c-ebc4-4c4d-9ee4-54eefbd8e08b.webp?v=1776779260"}],"url":"https:\/\/www.naturellement-bio.com\/collections\/fete-des-peres.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}