{"title":"Anti-moustique","description":"\u003cp\u003eChaque été, la même histoire : on cherche à profiter du jardin, d'un voyage ou d'une soirée en terrasse, et les moustiques s'invitent. La question n'est plus vraiment \"comment s'en protéger\", mais plutôt \u003cstrong\u003ecomment le faire sans exposer sa peau ou celle de ses enfants à des substances dont on ne veut plus\u003c\/strong\u003e. Bonne nouvelle : les solutions naturelles ont sérieusement évolué ces dernières années, et le choix ne ressemble plus du tout à un compromis.\u003c\/p\u003e\n\n\u003ch2\u003ePourquoi les répulsifs naturels ont vraiment progressé\u003c\/h2\u003e\n\n\u003cp\u003ePendant longtemps, \"répulsif naturel\" rimait avec citronnelle diluée dans de l'eau et efficacité discutable. Ce temps-là est révolu. Ce qui a changé, c'est avant tout la \u003cstrong\u003erigueur des formulations\u003c\/strong\u003e.\u003c\/p\u003e\n\n\u003cp\u003eLes actifs naturels reconnus aujourd'hui sont bien identifiés : l'\u003cstrong\u003ehuile essentielle d'eucalyptus citronné\u003c\/strong\u003e (dont on extrait le citriodiol, reconnu par l'ANSES comme répulsif efficace), la citronnelle, le géranium bourbon. Ces ingrédients ne sont pas nouveaux - c'est leur concentration et leur association dans des formules stables qui font la différence.\u003c\/p\u003e\n\n\u003cp\u003eEt c'est là que des marques comme \u003cstrong\u003eMoustiCare ou Lamazuna\u003c\/strong\u003e ont apporté quelque chose de concret : des produits testés, dosés correctement, dans des formes galéniques pensées pour l'usage réel. Un spray qui tient sur la peau, un stick solide qui ne coule pas dans le sac, un roll-on précis pour les zones ciblées. La forme compte autant que l'actif, franchement.\u003c\/p\u003e\n\n\u003cp\u003eÀ ne pas confondre avec les recettes DIY maison : une préparation artisanale à base d'huile essentielle de citronnelle peut sentir bon, mais rarement être dosée et stabilisée de façon fiable pour une protection réelle.\u003c\/p\u003e\n\n\u003ch2\u003eQuel format choisir selon votre situation ?\u003c\/h2\u003e\n\n\u003cp\u003eC'est la vraie question. Pas \"quel est le meilleur produit\" en absolu, mais \u003cstrong\u003elequel correspond à votre contexte\u003c\/strong\u003e. Voici comment s'y retrouver :\u003c\/p\u003e\n\n\u003ctable style=\"width:100%; border-collapse:collapse; font-size:0.95em; margin: 1.2em 0;\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background:#f0f7f0;\"\u003e\n \u003cth style=\"padding:10px 14px; text-align:left; border-bottom:2px solid #c8e0c8;\"\u003eSituation\u003c\/th\u003e\n \u003cth style=\"padding:10px 14px; text-align:left; border-bottom:2px solid #c8e0c8;\"\u003eFormat recommandé\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr style=\"border-bottom:1px solid #e4ede4;\"\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eForêt, camping, zone très infestée\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eSpray concentré spécial zones infestées\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"background:#f9fbf9; border-bottom:1px solid #e4ede4;\"\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eQuotidien en ville, jardin, terrasse\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eStick rechargeable ou roll-on\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"border-bottom:1px solid #e4ede4;\"\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eEnfants et bébés (dès 3 mois)\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eFormule spécifique basse concentration\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr style=\"background:#f9fbf9; border-bottom:1px solid #e4ede4;\"\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eMaison, terrasse, espaces extérieurs\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eBougie naturelle ou parfum d'ambiance\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eAprès une piqûre\u003c\/td\u003e\n \u003ctd style=\"padding:10px 14px;\"\u003eRoll-on apaisant\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp\u003e\u003cstrong\u003ePour une sortie en forêt ou une destination à forte densité de moustiques\u003c\/strong\u003e, on ne lésine pas : le \u003ca href=\"\/products\/spray-peau-anti-moustique-special-zones-infestees-125ml-mousticare\"\u003espray peau MoustiCare spécial zones infestées\u003c\/a\u003e est formulé pour tenir dans des conditions d'exposition intense. Sa concentration en actifs naturels le distingue clairement d'un spray usage courant.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003ePour le quotidien\u003c\/strong\u003e, le \u003ca href=\"\/products\/stick-repulsif-moustiques-rechargeable-lamazuna\"\u003estick répulsif rechargeable Lamazuna\u003c\/a\u003e est franchement pratique : format solide, zéro plastique superflu, et il glisse dans n'importe quelle poche. Le roll-on MoustiCare 50 ml est une bonne alternative si vous préférez une application liquide plus précise.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003ePour les enfants\u003c\/strong\u003e, la vigilance s'impose sur la composition. Les formules spécifiques bébé et enfant existent pour une bonne raison : concentrations réduites, actifs sélectionnés. Vérifiez toujours la tranche d'âge indiquée sur l'emballage.\u003c\/p\u003e\n\n\u003cp\u003eEt pour \u003cstrong\u003eprotéger l'espace de vie\u003c\/strong\u003e sans rien mettre sur la peau, une \u003ca href=\"\/products\/bougie-repulsive-anti-moustique-cire-soja-comme-avant\"\u003ebougie à la cire de soja Comme Avant\u003c\/a\u003e ou la bougie MoustiCare posée en terrasse fait une vraie différence lors des soirées d'été. D'ailleurs, le savon est souvent oublié dans l'équation : se laver avec un \u003ca href=\"\/products\/mousticare-savon-anti-moustique-100-g\"\u003esavon anti-moustiques bio MoustiCare\u003c\/a\u003e avant une sortie réduit l'attractivité olfactive - c'est un geste simple qui prépare le terrain.\u003c\/p\u003e\n\n\u003cp\u003eEnfin, pensez à garder un \u003ca href=\"\/products\/roll-on-apres-piqures-moustiques-bio-mousticare\"\u003eroll-on après piqûres\u003c\/a\u003e à portée de main. Couper l'envie de gratter dès les premières secondes, ça change tout.\u003c\/p\u003e\n\n\u003ch2\u003eCe qu'il faut savoir avant d'utiliser un répulsif naturel\u003c\/h2\u003e\n\n\u003cp\u003eOn ne va pas se mentir : les répulsifs naturels ont une limite que les produits chimiques classiques n'ont pas au même degré. Ils nécessitent une \u003cstrong\u003eréapplication toutes les 2 à 3 heures\u003c\/strong\u003e selon l'exposition, la transpiration et l'activité. Ce n'est pas un défaut - c'est simplement la contrepartie d'une formule sans molécules de synthèse persistantes. On s'organise, et ça devient vite un réflexe.\u003c\/p\u003e\n\n\u003cp\u003eQuelques points à retenir selon les profils :\u003c\/p\u003e\n\n\u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eNourrissons de moins de 3 mois\u003c\/strong\u003e : aucun répulsif cutané, même naturel. La moustiquaire et les vêtements couvrants sont les seules protections adaptées.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eFemmes enceintes\u003c\/strong\u003e : certaines huiles essentielles sont déconseillées pendant la grossesse. Vérifiez la composition ou choisissez des formules explicitement formulées pour cette période.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePeaux sensibles et enfants\u003c\/strong\u003e : testez toujours sur une petite zone avant la première application complète.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZones à risque épidémique\u003c\/strong\u003e (dengue, paludisme, chikungunya) : les répulsifs naturels peuvent s'intégrer dans la protection, mais ne remplacent pas les mesures renforcées recommandées par les autorités sanitaires.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eBon à savoir : le citriodiol, extrait de l'eucalyptus citronné, est l'un des rares actifs d'origine naturelle dont l'efficacité est reconnue par l'ANSES. C'est un critère utile pour évaluer sérieusement une formule.\u003c\/p\u003e\n\n\u003ch2\u003eConstruire une protection complète : au-delà du simple spray\u003c\/h2\u003e\n\n\u003cp\u003eLa protection anti-moustiques naturelle fonctionne mieux quand on la pense comme un \u003cstrong\u003eensemble cohérent\u003c\/strong\u003e, pas comme un produit isolé.\u003c\/p\u003e\n\n\u003cp\u003eLa routine efficace ressemble à ça : appliquer le répulsif cutané \u003cstrong\u003e15 minutes avant l'exposition\u003c\/strong\u003e, renouveler selon l'activité (baignade, sport, chaleur = réapplication plus fréquente). Compléter avec une bougie ou un diffuseur pour les espaces extérieurs - terrasse, camping, balcon. Et prévoir un soin apaisant pour après, parce que même avec une bonne protection, une piqûre peut toujours passer.\u003c\/p\u003e\n\n\u003cp\u003eLe \u003ca href=\"\/products\/repulsif-moustique-solide-comme-avant-au-beurre-de-murumuru-stick-80-g-comme-avant\"\u003erépulsif solide au beurre de murumuru Comme Avant\u003c\/a\u003e illustre bien cette logique de soin global : une base nourrissante pour la peau, une protection répulsive, le tout dans un format solide sans déchet. Pour les randonnées ou les voyages, c'est le genre de produit qu'on glisse dans son sac sans y repenser.\u003c\/p\u003e\n\n\u003cp\u003eEt puis, pour les zones très exposées, n'oubliez pas la protection des vêtements : des habits légers à manches longues, surtout en fin de journée, restent l'une des barrières les plus efficaces - naturelle par définition.\u003c\/p\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eQuel est le meilleur répulsif moustique naturel ?\u003c\/summary\u003e\n\u003cp\u003eIl n'y a pas de réponse unique - tout dépend de votre situation. Pour une exposition intense en forêt ou en voyage, un spray concentré avec de l'eucalyptus citronné (citriodiol) est le choix le plus sérieux. Pour le quotidien en ville ou au jardin, un stick rechargeable comme celui de Lamazuna est plus pratique et suffisant. L'essentiel est de choisir un produit formulé par une marque spécialisée, avec des actifs dosés correctement - pas une préparation artisanale sous-concentrée.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eQuelle est l'odeur que les moustiques détestent ?\u003c\/summary\u003e\n\u003cp\u003ePlusieurs odeurs perturbent le système olfactif des moustiques et réduisent leur capacité à localiser leurs cibles : la citronnelle, l'eucalyptus citronné, le géranium bourbon, la lavande et le clou de girofle sont les plus connues. Parmi elles, l'eucalyptus citronné se distingue car son principe actif (le citriodiol) est reconnu scientifiquement pour son efficacité répulsive. Les moustiques ne sont pas \"repoussés\" au sens littéral, mais ces odeurs brouillent les signaux olfactifs qu'ils utilisent pour détecter le CO2 et la chaleur corporelle.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eComment protéger un bébé ou un nourrisson des moustiques ?\u003c\/summary\u003e\n\u003cp\u003ePour les nourrissons de moins de 3 mois, aucun répulsif cutané n'est recommandé, même naturel. La moustiquaire (sur le lit, la poussette, le siège auto) et les vêtements couvrants sont les seules protections adaptées à cet âge. À partir de 3 mois, des formules spécifiques existent avec des concentrations réduites et des actifs sélectionnés pour les peaux sensibles des bébés. Vérifiez toujours la tranche d'âge indiquée sur le produit, et testez sur une petite zone de peau avant la première utilisation complète.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eLes répulsifs naturels sont-ils aussi efficaces que les produits chimiques classiques ?\u003c\/summary\u003e\n\u003cp\u003eHonnêtement : ils sont efficaces pour une protection courante, mais avec une nuance importante. Ils nécessitent une réapplication plus fréquente (toutes les 2 à 3 heures) là où certains produits chimiques tiennent plus longtemps. Les actifs comme le citriodiol sont reconnus par les autorités sanitaires pour leur efficacité, et les formules des marques spécialisées sont testées. En zone à risque épidémique (dengue, paludisme), ils peuvent s'intégrer dans la protection mais doivent être complétés par d'autres mesures recommandées par les professionnels de santé.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eComment faire fuir les moustiques à la maison sans produits chimiques ?\u003c\/summary\u003e\n\u003cp\u003ePlusieurs approches combinées donnent de bons résultats. Les bougies naturelles à la citronnelle ou à la cire de soja posées en terrasse créent une zone moins attractive pour les moustiques. La ventilation aide aussi : les moustiques volent mal dans le vent, même léger. Côté prévention, éliminez toutes les eaux stagnantes autour de la maison (soucoupes, gouttières, arrosoirs) - c'est là que se reproduisent les moustiques tigres notamment. Et pour les espaces intérieurs, un parfum d'ambiance anti-moustiques ou un diffuseur avec des huiles essentielles adaptées complète bien le dispositif.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003c\/div\u003e","products":[{"product_id":"repulsif-moustique-solide-comme-avant-au-beurre-de-murumuru-stick-80-g-comme-avant","title":"Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Répulsif Moustique Solide au Beurre de Murumuru – Comme Avant\nPalette détectée:\n - Primaire: #8B7355 (brun kraft\/carton du packaging)\n - Secondaire: #6B8E5A (vert nature\/herbe des photos lifestyle)\n - Accent: #C4A76C (doré chaud\/beurre murumuru)\nAmbiance: Naturel, authentique, artisanal, éco-responsable. Packaging kraft minimaliste, univers outdoor\/nature, esprit zéro déchet. Tons chauds et terreux avec touches de verdure.\nPréfixe CSS: rm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Répulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\"\n 2. \"Pourquoi ce répulsif naturel pour moustique est différent\"\n 3. \"Les bienfaits de chaque ingrédient, en détail\"\n 4. \"Comment utiliser votre stick répulsif au quotidien\"\n 5. \"Pour qui est fait ce répulsif à moustique naturel ?\"\n 6. \"Répulsif naturel ou chimique : comment faire le bon choix ?\"\n 7. \"Astuces pour renforcer votre protection contre les moustiques\"\n 8. \"Composition complète (INCI)\"\n 9. \"Origine et fabrication responsable\"\n 10. \"Questions fréquentes sur le répulsif moustique naturel Comme Avant\"\n 11. \"Notre avis sur le répulsif moustique solide Comme Avant\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"rm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"rm-hero\"\u003e\n \u003cdiv class=\"rm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"rm-hero-content\"\u003e\n \u003cdiv class=\"rm-badges-top\"\u003e\n \u003cspan class=\"rm-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e🐰 Vegan \u0026amp; cruelty-free\u003c\/span\u003e\n \u003cspan class=\"rm-badge\"\u003e♻️ Zéro déchet\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"rm-hero-title\"\u003eRépulsif moustique solide au beurre de murumuru\u003c\/span\u003e\n \u003cp class=\"rm-subtitle\"\u003eComme Avant — Stick 80 g\u003c\/p\u003e\n \u003cp class=\"rm-description\"\u003eUn stick anti-moustiques 100 % naturel qui protège efficacement contre le moustique tigre tout en nourrissant votre peau. Fini les sprays chimiques : adoptez le geste solide, écologique et sain pour toute la famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRépulsif moustique solide au beurre de murumuru : la protection naturelle qui prend soin de votre peau\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eVous en avez assez des sprays chimiques qui laissent une sensation désagréable sur la peau et un arrière-goût de culpabilité écologique ?\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛡️ Double action\u003c\/h3\u003e\n \u003cp\u003eRépulsif efficace + baume nourrissant en un seul geste\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌱 Formule propre\u003c\/h3\u003e\n \u003cp\u003eHuiles essentielles + beurre de murumuru bio, c'est tout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🦟 Anti moustique tigre\u003c\/h3\u003e\n \u003cp\u003eEucalyptus citronné reconnu contre \u003cem\u003eAedes albopictus\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e📦 Zéro plastique\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, aucun déchet superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePourquoi ce répulsif naturel pour moustique est différent\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eLa plupart des répulsifs conventionnels reposent sur des molécules de synthèse comme le DEET, souvent irritantes et controversées. À l'inverse, ce \u003cstrong\u003erépulsif anti-moustique naturel\u003c\/strong\u003e mise sur une synergie d'ingrédients d'origine biologique dont l'efficacité répulsive est reconnue depuis des siècles.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCe qui le distingue véritablement, c'est son \u003cstrong\u003eformat solide\u003c\/strong\u003e : pas de flacon en plastique, pas de risque de fuite dans votre sac, pas de gaz propulseur. Vous appliquez, vous êtes protégé, et votre peau est nourrie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🧴 Sprays classiques\u003c\/h3\u003e\n \u003cp\u003eS'évaporent rapidement, laissent la peau sèche, emballage plastique, DEET controversé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-highlight\"\u003e\n \u003ch3\u003e✅ Ce stick solide\u003c\/h3\u003e\n \u003cp\u003eLe beurre de murumuru forme un film protecteur qui \u003cstrong\u003eprolonge l'action répulsive\u003c\/strong\u003e tout en maintenant une hydratation confortable. Protection + soin, les deux à la fois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eLes bienfaits de chaque ingrédient, en détail\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eSeulement 5 ingrédients, tous d'origine naturelle, chacun avec un rôle précis.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🥥 Beurre de murumuru bio\u003c\/h3\u003e\n \u003cp\u003eIssu d'un palmier amazonien, exceptionnellement riche en acide laurique et en acides gras essentiels. Pénètre sans film gras, nourrit en profondeur et forme une \u003cstrong\u003ebarrière protectrice naturelle\u003c\/strong\u003e sur l'épiderme. Peau douce et souple, même après plusieurs applications.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🍋 Huile essentielle de citronnelle\u003c\/h3\u003e\n \u003cp\u003eLe répulsif naturel le plus emblématique. Son parfum citronné frais \u003cstrong\u003emasque les odeurs corporelles\u003c\/strong\u003e qui attirent les moustiques et perturbe leurs récepteurs olfactifs. Première ligne de défense de la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌸 Huile essentielle de géranium rosat\u003c\/h3\u003e\n \u003cp\u003eContient du citronellol et du géraniol, deux molécules dont l'action répulsive sur les insectes piqueurs a été \u003cstrong\u003edocumentée par de nombreuses études\u003c\/strong\u003e. Apporte une note florale agréable qui adoucit le parfum global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌿 Huile essentielle d'eucalyptus citronné\u003c\/h3\u003e\n \u003cp\u003eRiche en PMD (para-menthane-3,8-diol), considérée comme l'une des \u003cstrong\u003ealternatives naturelles les plus performantes face au DEET\u003c\/strong\u003e. C'est elle qui fait de ce stick un répulsif moustique tigre crédible, même en zones à forte pression.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌾 Amidon de maïs bio\u003c\/h3\u003e\n \u003cp\u003eStabilise la texture solide du stick et absorbe l'excès de sébum. Résultat : un \u003cstrong\u003efini sec et mat\u003c\/strong\u003e, sans sensation collante. Le confort d'application au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComment utiliser votre stick répulsif au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"rm-timeline\"\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eTestez d'abord\u003c\/h3\u003e\n \u003cp\u003eAvant la première utilisation, appliquez le produit sur une petite zone de peau (intérieur du poignet) et attendez 24 heures. Indispensable si vous êtes sensible aux huiles essentielles ou allergique aux fruits à coque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eAppliquez directement\u003c\/h3\u003e\n \u003cp\u003ePassez le stick sur les zones exposées — bras, jambes, chevilles, nuque, épaules — en effectuant de légers mouvements circulaires. Le beurre de murumuru fond doucement et dépose un voile protecteur homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez toutes les 2 heures\u003c\/h3\u003e\n \u003cp\u003eAppliquez plus fréquemment si vous transpirez beaucoup, si vous vous baignez ou si la chaleur est intense. C'est la clé d'une protection continue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-item\"\u003e\n \u003cdiv class=\"rm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"rm-timeline-content\"\u003e\n \u003ch3\u003eEn soirée, anticipez\u003c\/h3\u003e\n \u003cp\u003eSur la terrasse ou au camping, appliquez le stick avant de vous installer. Les moustiques sont particulièrement actifs au crépuscule : c'est le moment où votre répulsif est le plus précieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConvient aux adultes et aux enfants à partir de 6 mois\u003c\/strong\u003e en raison de la présence d'huiles essentielles. Pour les femmes enceintes ou allaitantes, demandez conseil à votre médecin ou pharmacien avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003ePour qui est fait ce répulsif à moustique naturel ?\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eCe stick s'adresse à toutes les personnes qui souhaitent se protéger des moustiques sans recourir aux produits chimiques.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e✈️ En vacances\u003c\/h3\u003e\n \u003cp\u003eCamping, randonnée ou tropiques : son format compact de 80 g se glisse dans n'importe quel bagage \u003cstrong\u003esans risque de fuite\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌅 Au jardin ou en terrasse\u003c\/h3\u003e\n \u003cp\u003eUn geste rapide avant l'apéritif suffit à passer une soirée tranquille, sans être harcelé — moustique commun comme \u003cstrong\u003emoustique tigre\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Pour les familles\u003c\/h3\u003e\n \u003cp\u003eFormule douce et naturelle, \u003cstrong\u003eutilisable dès 6 mois\u003c\/strong\u003e. Un allié rassurant pour protéger les plus petits en plein air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🏃 Pour les sportifs\u003c\/h3\u003e\n \u003cp\u003eCourse en forêt, yoga extérieur, escalade… Le fini sec et non gras permet d'appliquer \u003cstrong\u003esans que les mains glissent\u003c\/strong\u003e ni que la peau colle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e♻️ Adeptes du zéro déchet\u003c\/h3\u003e\n \u003cp\u003eEmballage carton recyclable, \u003cstrong\u003eabsence totale de plastique\u003c\/strong\u003e : un choix cohérent avec une démarche éco-responsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRépulsif naturel ou chimique : comment faire le bon choix ?\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eLes huiles essentielles de citronnelle, de géranium et surtout d'eucalyptus citronné ont fait l'objet de \u003cstrong\u003enombreuses études confirmant leur activité répulsive\u003c\/strong\u003e. L'eucalyptus citronné, en particulier, est le seul répulsif naturel recommandé par certaines agences de santé comme alternative crédible aux molécules de synthèse.\u003c\/p\u003e\n \u003cp style=\"margin-top:.75rem\"\u003eCependant, leur durée d'action est généralement plus courte, d'où la nécessité de \u003cstrong\u003erenouveler l'application régulièrement\u003c\/strong\u003e (toutes les 2 heures).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-grid\" style=\"margin-top:1.25rem\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % parabène\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur de synthèse dans la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % silicone\u003c\/h3\u003e\n \u003cp\u003eRien de nocif pour votre peau ni l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🚫 0 % DEET\u003c\/h3\u003e\n \u003cp\u003eZéro molécule controversée, pour un usage familial serein\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-tip\"\u003e\n \u003cspan class=\"rm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une utilisation quotidienne, en famille, le profil de tolérance d'un répulsif naturel pèse lourd face aux sprays chimiques. Vous ne saturez pas votre peau de substances controversées et ne rejetez rien de nocif dans l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eAstuces pour renforcer votre protection contre les moustiques\u003c\/h2\u003e\n \u003cp class=\"rm-section-intro\"\u003eMême le meilleur répulsif moustique naturel gagne à être combiné avec quelques bonnes habitudes.\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\"\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e👕 Vêtements couvrants\u003c\/h3\u003e\n \u003cp\u003ePortez-les à l'aube et au crépuscule. Appliquez le stick sur les zones restées à découvert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e💧 Eaux stagnantes\u003c\/h3\u003e\n \u003cp\u003eÉliminez coupelles, gouttières bouchées, jouets oubliés : les moustiques tigres pondent dans quelques millilitres d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🛏️ Moustiquaire\u003c\/h3\u003e\n \u003cp\u003eLa nuit, surtout pour les enfants en bas âge, en complément du stick appliqué en soirée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card\"\u003e\n \u003ch3\u003e🌡️ Conservation\u003c\/h3\u003e\n \u003cp\u003eRangez votre stick à l'abri de la chaleur excessive (au-dessus de 35 °C, le beurre peut ramollir). Un placard frais fait l'affaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #8 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🧾 Liste INCI complète\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cul class=\"rm-inci-list\"\u003e\n \u003cli\u003e\n\u003cstrong\u003eAstrocaryum murumuru seed butter*\u003c\/strong\u003e — Beurre de murumuru biologique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eZea mays starch*\u003c\/strong\u003e — Amidon de maïs biologique\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eCymbopogon schoenanthus oil\u003c\/strong\u003e — Huile essentielle de citronnelle\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003ePelargonium graveolens flower oil\u003c\/strong\u003e — Huile essentielle de géranium rosat\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEucalyptus citriodora oil\u003c\/strong\u003e — Huile essentielle d'eucalyptus citronné\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp style=\"margin-top:.75rem\"\u003e\u003cem\u003e* Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n \u003cp style=\"margin-top:.5rem\"\u003e\u003cstrong\u003eSans parabène, sans silicone, sans conservateur de synthèse, sans DEET, sans plastique.\u003c\/strong\u003e Formule vegan, non testée sur les animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #9 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eOrigine et fabrication responsable\u003c\/h2\u003e\n \u003cdiv class=\"rm-card rm-card-wide\"\u003e\n \u003cp\u003eCe répulsif moustique solide est fabriqué en \u003cstrong\u003eFrance, près de Marseille\u003c\/strong\u003e, par la marque \u003cstrong\u003eComme Avant\u003c\/strong\u003e. Depuis sa création, cette entreprise s'est engagée dans une démarche radicale de transparence et de respect environnemental :\u003c\/p\u003e\n \u003cdiv class=\"rm-grid-compact\" style=\"margin-top:1rem\"\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e🌿 Ingrédients\u003c\/h3\u003e\n \u003cp\u003e100 % d'origine naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e📦 Emballages\u003c\/h3\u003e\n \u003cp\u003eCarton recyclable uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e🏭 Production\u003c\/h3\u003e\n \u003cp\u003eLocale et artisanale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"rm-card rm-card-nested\"\u003e\n \u003ch3\u003e✅ Qualité\u003c\/h3\u003e\n \u003cp\u003ePetites séries, contrôle rigoureux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #10 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eRéponses à vos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"rm-accordion\"\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🦟 Ce répulsif fonctionne-t-il contre le moustique tigre ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eL'huile essentielle d'eucalyptus citronné, présente dans la formule, est reconnue pour son action répulsive sur de nombreuses espèces de moustiques, y compris le moustique tigre (\u003cem\u003eAedes albopictus\u003c\/em\u003e). Pour une efficacité optimale, pensez à renouveler l'application toutes les 2 heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e😊 Peut-on l'utiliser sur le visage ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eIl est préférable de ne pas appliquer le stick directement sur le visage en raison de la concentration en huiles essentielles. Vous pouvez en revanche l'appliquer sur la nuque, le cou et le décolleté, en évitant soigneusement le contour des yeux et des muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e⏳ Combien de temps dure un stick de 80 g ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eEn utilisation quotidienne (2 à 3 applications par jour sur les zones exposées), un stick dure en moyenne \u003cstrong\u003e4 à 6 semaines\u003c\/strong\u003e. De quoi couvrir largement vos vacances d'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e💧 Ce produit peut-il remplacer une crème hydratante ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eGrâce au beurre de murumuru, le stick dépose un voile nourrissant sur la peau. Cependant, il reste avant tout un répulsif à moustique naturel et ne se substitue pas à votre soin hydratant habituel si votre peau est très sèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"rm-accordion-item\"\u003e\n \u003csummary class=\"rm-accordion-header\"\u003e🤰 Peut-on l'utiliser pendant la grossesse ?\u003c\/summary\u003e\n \u003cdiv class=\"rm-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit contient des huiles essentielles. Par précaution, demandez l'avis de votre médecin ou sage-femme avant utilisation si vous êtes enceinte ou allaitante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #11 --\u003e\n \u003csection class=\"rm-section\"\u003e\n \u003ch2\u003eNotre avis sur le répulsif moustique solide Comme Avant\u003c\/h2\u003e\n \u003cdiv class=\"rm-testimonial\"\u003e\n \u003cp class=\"rm-testimonial-text\"\u003e\"Si vous cherchez une solution simple, naturelle et agréable contre les moustiques, ce stick risque fort de vous plaire. L'application est franchement facile : il glisse bien sur la peau, sans sensation de gras ni d'effet collant. Dès les premières utilisations, on remarque que la peau reste douce et confortable, même après plusieurs passages dans la journée.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eLe parfum est subtil, un peu citronné mais pas entêtant : c'est vraiment le genre d'odeur qu'on peut supporter tout l'été, même si on est sensible. Vous n'aurez pas ce côté piquant qu'on retrouve parfois dans les sprays classiques, et personne ne vous reprochera d'avoir envahi la pièce.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eC'est aussi le genre de produit qu'on n'hésite pas à passer sur les bras des enfants avant une soirée dehors. On apprécie de ne pas avoir à s'inquiéter des ingrédients : ici, c'est 100 % naturel, rien d'agressif pour la peau ou l'environnement, et ça se sent.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eCôté efficacité, c'est rassurant : tant que vous pensez à renouveler l'application (toutes les 2 heures environ), les moustiques vous laissent vraiment tranquille, même en pleine saison. Et puis, pas de mauvaise surprise dans le sac ou la valise : le stick ne coule pas, il tient bien, il ne prend pas de place.\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-text\"\u003eBref, si vous aimez les solutions simples, propres, qui respectent la peau et la planète, ce répulsif a tout pour devenir un réflexe chaque fois que vous partez en balade, en vacances ou tout simplement sur votre terrasse. C'est le genre de petit geste naturel qu'on adopte très facilement, pour soi ou pour toute la famille.\"\u003c\/p\u003e\n \u003cp class=\"rm-testimonial-author\"\u003e— Pauline, cheffe de produit chez Naturellement Bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL + DISCLAIMER --\u003e\n \u003csection class=\"rm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"rm-cta-box\"\u003e\n \u003cp\u003e🦟 Protégez-vous naturellement cet été avec un geste simple, sain et zéro déchet. Votre peau — et la planète — vous remercient.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"rm-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne saurait remplacer un traitement médical. En cas de réaction allergique, cessez immédiatement l'utilisation et consultez un professionnel de santé. Tenir hors de portée des enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --rm-cream: #faf7f2;\n --rm-white: #ffffff;\n --rm-primary: #8B7355;\n --rm-primary-dark: #5C4A33;\n --rm-primary-light: #f3ede4;\n --rm-secondary: #6B8E5A;\n --rm-secondary-light: #e8f0e4;\n --rm-accent: #C4A76C;\n --rm-text: #1a1a1a;\n --rm-text-light: #5a5a5a;\n --rm-border: #e0d8ce;\n --rm-shadow: 0 4px 24px rgba(92,74,51,.08);\n --rm-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n --rm-radius: 20px;\n --rm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rm-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4A33 0%, #8B7355 40%, #6B8E5A 100%);\n border-radius: var(--rm-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(--rm-shadow-lg);\n}\n\n.rm-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,.06) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(196,167,108,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(107,142,90,.08) 0%, transparent 70%);\n opacity: 1;\n}\n\n.rm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rm-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.rm-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: .02em;\n}\n\n.rm-description {\n color: rgba(255,255,255,.9);\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.rm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.rm-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(--rm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.rm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rm-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.rm-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(--rm-primary), var(--rm-secondary));\n border-radius: 2px;\n}\n\n.rm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--rm-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.rm-card {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rm-shadow-lg);\n border-color: var(--rm-primary);\n}\n\n.rm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rm-card-wide {\n text-align: left;\n}\n\n.rm-card-wide p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.7;\n}\n\n.rm-card-highlight {\n border-color: var(--rm-secondary);\n background: var(--rm-secondary-light);\n}\n\n.rm-card-highlight:hover {\n border-color: var(--rm-secondary);\n}\n\n.rm-card-nested {\n background: var(--rm-primary-light);\n box-shadow: none;\n border: 1px solid var(--rm-border);\n}\n\n.rm-card-nested:hover {\n transform: translateY(-3px);\n border-color: var(--rm-primary);\n}\n\n\/* === GRILLES === *\/\n.rm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.rm-grid-compact .rm-card {\n padding: 1rem;\n}\n\n.rm-grid-compact .rm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rm-grid-compact .rm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.rm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--rm-primary), var(--rm-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.rm-timeline-content {\n flex: 1;\n background: var(--rm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--rm-radius-sm);\n box-shadow: var(--rm-shadow);\n}\n\n.rm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.rm-timeline-content p {\n font-size: 14px;\n color: var(--rm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.rm-testimonial {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--rm-shadow);\n border-left: 4px solid var(--rm-secondary);\n}\n\n.rm-testimonial-text {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--rm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0 0 .75rem 0;\n}\n\n.rm-testimonial-text:last-of-type {\n margin-bottom: 0;\n}\n\n.rm-testimonial-author {\n font-size: 14px;\n color: var(--rm-secondary);\n font-weight: 700;\n font-style: italic;\n margin: 1.25rem 0 0 0;\n padding-top: 1rem;\n border-top: 1px solid var(--rm-border);\n}\n\n\/* === ACCORDÉON === *\/\n.rm-accordion {\n background: var(--rm-white);\n border-radius: var(--rm-radius);\n box-shadow: var(--rm-shadow);\n overflow: hidden;\n}\n\n.rm-accordion-item {\n border-bottom: 1px solid var(--rm-border);\n margin: 0;\n padding: 0;\n}\n\n.rm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rm-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.rm-accordion-header:hover {\n background: var(--rm-primary-light);\n}\n\n.rm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rm-primary);\n transition: transform .2s ease;\n}\n\n.rm-accordion-item[open] .rm-accordion-header::after {\n content: '−';\n}\n\n.rm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.rm-accordion-content p {\n margin: 0;\n}\n\n.rm-accordion-content ul {\n margin: 0;\n padding-left: 0;\n list-style: none;\n}\n\n\/* === INCI LIST === *\/\n.rm-inci-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.rm-inci-list li {\n padding: .5rem 0;\n border-bottom: 1px solid var(--rm-border);\n font-size: 14px;\n color: var(--rm-text);\n line-height: 1.5;\n}\n\n.rm-inci-list li:last-child {\n border-bottom: none;\n}\n\n\/* === TIP BOX === *\/\n.rm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rm-secondary-light);\n border-radius: var(--rm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(107,142,90,.2);\n}\n\n.rm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rm-tip p {\n font-size: 14px;\n color: var(--rm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.rm-cta-box {\n background: linear-gradient(135deg, var(--rm-secondary) 0%, #4a6e3a 100%);\n border-radius: var(--rm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rm-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.08) 0%, transparent 60%);\n}\n\n.rm-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\/* === DISCLAIMER === *\/\n.rm-disclaimer {\n font-size: 12px;\n color: var(--rm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.5;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .rm-card {\n padding: 1.125rem;\n }\n\n .rm-section {\n margin-bottom: 1.75rem;\n }\n\n .rm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rm-radius-sm);\n }\n\n .rm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .rm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .rm-grid-compact {\n gap: .625rem;\n }\n\n .rm-grid-compact .rm-card {\n padding: .75rem;\n }\n\n .rm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .rm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .rm-timeline-content h3 {\n font-size: 14px;\n }\n\n .rm-timeline-content p {\n font-size: 13px;\n }\n\n .rm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .rm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .rm-testimonial {\n padding: 1.25rem;\n }\n\n .rm-testimonial-text {\n font-size: 14px;\n }\n\n .rm-card-wide {\n padding: 1.125rem;\n }\n\n .rm-card-wide p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rm-card {\n animation: rmFadeInUp .5s ease backwards;\n }\n .rm-card:nth-child(1) { animation-delay: .05s; }\n .rm-card:nth-child(2) { animation-delay: .1s; }\n .rm-card:nth-child(3) { animation-delay: .15s; }\n .rm-card:nth-child(4) { animation-delay: .2s; }\n .rm-card:nth-child(5) { animation-delay: .25s; }\n .rm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes rmFadeInUp {\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 .rm-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":45755186610333,"sku":"NBAICAV0049","price":16.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/repulsif_moustique_solide_beurre_de_murmuru_comme-avant_11zon.jpg?v=1774367125"},{"product_id":"moskitoo-laboratoire-saint-come","title":"Spray anti-moustiques Moskitoo - 100ml - Laboratoire Saint Côme","description":"\u003cdiv class=\"mk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mk-hero\"\u003e\n \u003cdiv class=\"mk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mk-hero-content\"\u003e\n \u003cdiv class=\"mk-badges-top\"\u003e\n \u003cspan class=\"mk-badge\"\u003e🌿 25 huiles essentielles\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e⏱️ 8h de protection\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e🚫 Sans DEET ni parabènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mk-hero-title\"\u003eMoskitoo Tropic Citriodora\u003c\/span\u003e\n \u003cp class=\"mk-subtitle\"\u003eSpray anti-moustiques naturel — 100 ml\u003c\/p\u003e\n \u003cp class=\"mk-description\"\u003eLa puissance de 25 % d'eucalyptus citronné et de 5 huiles essentielles pures dans une brume biphasique légère. Jusqu'à 500 pulvérisations par flacon pour des soirées d'été enfin sereines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eMoskitoo Tropic Citriodora : le spray anti-moustiques naturel aux 25 huiles essentielles\u003c\/h2\u003e\n \u003cp class=\"mk-section-intro\"\u003eVous cherchez un \u003cstrong\u003erépulsif naturel contre les moustiques\u003c\/strong\u003e vraiment efficace, sans produits chimiques agressifs ? La lotion biphasique \u003cstrong\u003eMoskitoo Tropic Citriodora\u003c\/strong\u003e du Laboratoire Saint Côme associe \u003cstrong\u003e25 % d'eucalyptus citronné\u003c\/strong\u003e à un complexe de cinq huiles essentielles pures pour vous offrir jusqu'à \u003cstrong\u003e8 heures de protection\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mk-grid-compact\"\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🛡️ Protection naturelle\u003c\/h3\u003e\n \u003cp\u003eFormule 100 % végétale sans aucune substance de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e⏱️ 8 heures d'efficacité\u003c\/h3\u003e\n \u003cp\u003eProtection longue durée en conditions réelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eQualité et traçabilité garanties par le Laboratoire Saint Côme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🌱 Sans parabènes\u003c\/h3\u003e\n \u003cp\u003eRespecte votre peau autant que l'environnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003ePourquoi ce répulsif naturel pour moustiques est différent\u003c\/h2\u003e\n \u003cp class=\"mk-section-intro\"\u003eContrairement à un spray anti-moustiques classique chargé en substances de synthèse, Moskitoo mise sur la \u003cstrong\u003esynergie végétale\u003c\/strong\u003e. Sa formule biphasique mêle une phase aqueuse et une phase huileuse : il vous suffit d'agiter le flacon pour libérer toute la puissance des actifs.\u003c\/p\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🔬 Formule biphasique\u003c\/h3\u003e\n \u003cp\u003eDeux phases complémentaires — aqueuse et huileuse — qui, une fois agitées, libèrent une brume fine et homogène se déposant uniformément sur la peau et les vêtements.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🌴 Idéal pour les tropiques\u003c\/h3\u003e\n \u003cp\u003eQue vous partiez en voyage sous les tropiques ou que vous profitiez simplement de votre jardin en été, ce spray anti-moustiques tropicaux devient vite indispensable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e✈️ Format nomade 100 ml\u003c\/h3\u003e\n \u003cp\u003eCompact et léger, il se glisse partout — sac à dos, trousse de toilette ou poche de veste — pour une protection à portée de main en toute circonstance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eLes huiles essentielles au cœur de la formule\u003c\/h2\u003e\n \u003cp class=\"mk-section-intro\"\u003eChaque huile essentielle a été sélectionnée pour son action complémentaire, créant un bouclier aromatique naturel redoutablement efficace.\u003c\/p\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-card mk-card-highlight\"\u003e\n \u003ch3\u003e🍋 Eucalyptus citronné — 25 %\u003c\/h3\u003e\n \u003cp\u003eActif phare reconnu pour sa richesse en citronellal, un puissant répulsif naturel contre les moustiques. Il contribue également à apaiser la peau après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🌾 Citronnelle de Java\u003c\/h3\u003e\n \u003cp\u003eSes composés aromatiques créent une barrière olfactive que les insectes piqueurs évitent instinctivement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🌺 Géranium rosat\u003c\/h3\u003e\n \u003cp\u003eMasque les odeurs corporelles qui attirent les moustiques, tout en prenant soin de l'épiderme grâce à ses propriétés adoucissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e💜 Lavandin\u003c\/h3\u003e\n \u003cp\u003eApporte une note florale apaisante et renforce l'effet répulsif global de la synergie aromatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🌿 Menthe poivrée\u003c\/h3\u003e\n \u003cp\u003eProcure une sensation de fraîcheur immédiate et complète le bouclier aromatique pour une protection optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"mk-accordion\"\u003e\n \u003cdetails class=\"mk-accordion-item\" open\u003e\n \u003csummary class=\"mk-accordion-header\"\u003e📋 Liste des ingrédients\u003c\/summary\u003e\n \u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédients :\u003c\/strong\u003e Aqua, Ethanol, huiles essentielles (citronnelle, eucalyptus citronné 25 %, géranium, lavandin, menthe poivrée), glycérine, huile de noyau d'abricot, émulsifiants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mk-accordion-item\"\u003e\n \u003csummary class=\"mk-accordion-header\"\u003e⚠️ Allergènes naturellement présents\u003c\/summary\u003e\n \u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n \u003cp\u003eLinalol, limonène, géraniol, citronellol, citral.\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=\"mk-section\"\u003e\n \u003ch2\u003eComment utiliser votre spray anti-moustiques Moskitoo\u003c\/h2\u003e\n \u003cdiv class=\"mk-timeline\"\u003e\n \u003cdiv class=\"mk-timeline-item\"\u003e\n \u003cdiv class=\"mk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mk-timeline-content\"\u003e\n \u003ch3\u003eAgitez vigoureusement\u003c\/h3\u003e\n \u003cp\u003eSecouez bien le flacon avant chaque utilisation pour mélanger les deux phases et libérer toute la puissance des actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-timeline-item\"\u003e\n \u003cdiv class=\"mk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mk-timeline-content\"\u003e\n \u003ch3\u003eVaporisez à 15 cm\u003c\/h3\u003e\n \u003cp\u003ePulvérisez sur la peau exposée ou directement sur les vêtements — c'est aussi un excellent spray vêtements anti-moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-timeline-item\"\u003e\n \u003cdiv class=\"mk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mk-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez toutes les 2 heures\u003c\/h3\u003e\n \u003cp\u003eRéappliquez après une transpiration importante, une baignade ou au bout de 2 heures pour maintenir la protection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-timeline-item\"\u003e\n \u003cdiv class=\"mk-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mk-timeline-content\"\u003e\n \u003ch3\u003eUtilisez aussi en intérieur\u003c\/h3\u003e\n \u003cp\u003eBrumisez l'air ambiant ou les textiles (rideaux, draps) pour créer une zone de confort sans moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-tip\"\u003e\n \u003cspan class=\"mk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Pour les soirées en extérieur, vaporisez également autour de votre espace de vie (nappe, coussins de jardin) afin de créer un périmètre protégé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mk-accordion\"\u003e\n \u003cdetails class=\"mk-accordion-item\" open\u003e\n \u003csummary class=\"mk-accordion-header\"\u003e🛑 Usage et sécurité\u003c\/summary\u003e\n \u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n \u003cp\u003eUsage externe uniquement. Évitez tout contact avec les yeux, les muqueuses et les plaies. Ne pas inhaler directement. Produit inflammable : tenir éloigné de toute source de chaleur ou de flamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mk-accordion-item\"\u003e\n \u003csummary class=\"mk-accordion-header\"\u003e👶 Populations sensibles\u003c\/summary\u003e\n \u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux enfants de moins de 3 ans\u003c\/strong\u003e et aux femmes enceintes ou allaitantes sans avis médical préalable. Ce produit ne remplace en aucun cas un traitement médical ou une protection antipaludique prescrite par un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"mk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLes atouts qui font la différence\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eZéro DEET, zéro parabène, zéro conservateur de synthèse. Uniquement la puissance du végétal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication française\u003c\/h3\u003e\n \u003cp\u003eQualité et traçabilité garanties par le Laboratoire Saint Côme, expert en aromathérapie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e⏳ Protection longue durée\u003c\/h3\u003e\n \u003cp\u003eJusqu'à 8 heures d'efficacité en conditions réelles, même sous les tropiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e💨 ~500 pulvérisations\u003c\/h3\u003e\n \u003cp\u003eUn excellent rapport durée-prix pour un flacon de seulement 100 ml.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-card\"\u003e\n \u003ch3\u003e🍃 Parfum agréable\u003c\/h3\u003e\n \u003cp\u003eNotes fraîches et citronnées, loin de l'odeur chimique des répulsifs conventionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-cta-box\"\u003e\n \u003cp\u003e🌿 Profitez de vos soirées d'été en toute sérénité grâce au bouclier naturel Moskitoo — jusqu'à 8 heures de protection sans compromis pour votre peau ni l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mk-disclaimer\"\u003eCe produit n'est pas un médicament et ne remplace pas une protection antipaludique prescrite par un professionnel de santé. En cas de doute, consultez votre médecin ou pharmacien.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mk-cream: #faf6f1;\n --mk-white: #ffffff;\n --mk-primary: #8b2d1a;\n --mk-primary-dark: #5c1a0e;\n --mk-primary-light: #f7ede6;\n --mk-secondary: #c9913a;\n --mk-accent: #3a6b35;\n --mk-text: #1a1a1a;\n --mk-text-light: #5a5a5a;\n --mk-border: #e8ddd3;\n --mk-shadow: 0 4px 24px rgba(92, 26, 14, .07);\n --mk-shadow-lg: 0 12px 48px rgba(92, 26, 14, .13);\n --mk-radius: 20px;\n --mk-radius-sm: 12px;\n}\n\n.mk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mk-hero {\n position: relative;\n background: linear-gradient(135deg, #5c1a0e 0%, #8b2d1a 40%, #c9913a 100%);\n border-radius: var(--mk-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(--mk-shadow-lg);\n}\n\n.mk-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(201,145,58,.15) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mk-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.mk-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: .02em;\n}\n\n.mk-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mk-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(--mk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mk-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.mk-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(--mk-primary), var(--mk-secondary));\n border-radius: 2px;\n}\n\n.mk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mk-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.mk-section-intro strong {\n color: var(--mk-primary-dark);\n}\n\n\/* === CARDS === *\/\n.mk-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mk-card-highlight {\n border-color: var(--mk-secondary);\n background: linear-gradient(135deg, var(--mk-white) 0%, #fdf6ec 100%);\n}\n\n\/* === GRILLES === *\/\n.mk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mk-grid-compact .mk-card {\n padding: 1rem;\n}\n\n.mk-grid-compact .mk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mk-grid-compact .mk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mk-primary), var(--mk-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.mk-timeline-content {\n flex: 1;\n background: var(--mk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mk-radius-sm);\n box-shadow: var(--mk-shadow);\n}\n\n.mk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mk-timeline-content p {\n font-size: 14px;\n color: var(--mk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mk-testimonial {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mk-shadow);\n border-left: 4px solid var(--mk-primary);\n}\n\n.mk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mk-accordion {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n box-shadow: var(--mk-shadow);\n overflow: hidden;\n}\n\n.mk-accordion-item {\n border-bottom: 1px solid var(--mk-border);\n margin: 0;\n padding: 0;\n}\n\n.mk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mk-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.mk-accordion-header:hover {\n background: var(--mk-primary-light);\n}\n\n.mk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mk-primary);\n transition: transform .2s ease;\n}\n\n.mk-accordion-item[open] .mk-accordion-header::after {\n content: '−';\n}\n\n.mk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mk-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mk-primary-light);\n border-radius: var(--mk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mk-tip p {\n font-size: 14px;\n color: var(--mk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mk-cta-box {\n background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 100%);\n border-radius: var(--mk-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.mk-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.mk-disclaimer {\n font-size: 12px;\n color: var(--mk-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 .mk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mk-card {\n padding: 1.125rem;\n }\n\n .mk-section {\n margin-bottom: 1.75rem;\n }\n\n .mk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mk-radius-sm);\n }\n\n .mk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mk-grid-compact {\n gap: .625rem;\n }\n\n .mk-grid-compact .mk-card {\n padding: .75rem;\n }\n\n .mk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mk-timeline-content h3 {\n font-size: 14px;\n }\n\n .mk-timeline-content p {\n font-size: 13px;\n }\n\n .mk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mk-testimonial {\n padding: 1.25rem;\n }\n\n .mk-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mk-card {\n animation: mkFadeInUp .5s ease backwards;\n }\n .mk-card:nth-child(1) { animation-delay: .05s; }\n .mk-card:nth-child(2) { animation-delay: .1s; }\n .mk-card:nth-child(3) { animation-delay: .15s; }\n .mk-card:nth-child(4) { animation-delay: .2s; }\n .mk-card:nth-child(5) { animation-delay: .25s; }\n .mk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mkFadeInUp {\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 .mk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"LABORATOIRE SAINT CÔME","offers":[{"title":"Default Title","offer_id":55202640888185,"sku":"SC8607","price":9.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/Moskitoo-100ml-Laboratoire-Saint-Come-2.webp?v=1768304065"},{"product_id":"bougie-repulsive-anti-moustique-cire-soja-comme-avant","title":"Bougie citronelle anti-moustique à la cire de soja - 190g - Comme Avant","description":"\u003cdiv class=\"cmav-premium\"\u003e\n \u003cdiv class=\"cmav-hero\"\u003e\n \u003cdiv class=\"cmav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cmav-hero-content\"\u003e\n \u003cdiv class=\"cmav-badges-top\"\u003e\n \u003cspan class=\"cmav-badge\"\u003e🇫🇷 Origine France Garantie\u003c\/span\u003e\n \u003cspan class=\"cmav-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"cmav-badge\"\u003e🕯️ 40h de protection\u003c\/span\u003e\n \u003cspan class=\"cmav-badge\"\u003e🍋 Citronnelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cmav-hero-title\"\u003eBougie Anti-Moustique Comme Avant\u003c\/span\u003e\n \u003cp class=\"cmav-subtitle\"\u003eCire de soja • Citronnelle • Fabrication artisanale en Provence\u003c\/p\u003e\n \u003cp class=\"cmav-description\"\u003eProfitez enfin de vos soirées d'été en toute tranquillité grâce à une bougie naturelle, vegan et 100 % d'origine naturelle, formulée avec seulement 2 ingrédients essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cmav-section\"\u003e\n \u003ch2\u003eBougie anti-moustique naturelle à la cire de soja : vos soirées d'été enfin tranquilles\u003c\/h2\u003e\n \u003cp class=\"cmav-section-intro\"\u003eVous rêvez de profiter de votre terrasse ou de votre jardin sans être assailli par les moustiques ? Découvrez la \u003cstrong\u003ebougie anti-moustique naturelle\u003c\/strong\u003e Comme Avant, fabriquée artisanalement près de Marseille. Avec sa \u003cstrong\u003ecire de soja végétale\u003c\/strong\u003e, son parfum de \u003cstrong\u003ecitronnelle\u003c\/strong\u003e et son actif répulsif d'origine naturelle, elle vous offre jusqu'à \u003cstrong\u003e40 heures de protection\u003c\/strong\u003e pour des apéritifs, dîners en plein air et soirées d'été enfin sereins, même face au redoutable moustique tigre.\u003c\/p\u003e\n \u003cdiv class=\"cmav-grid-compact\"\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e⏱️ 40h\u003c\/h3\u003e\n \u003cp\u003eD'utilisation pour toute la saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🦟 Anti-tigre\u003c\/h3\u003e\n \u003cp\u003eEfficace contre le moustique tigre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🌾 190g\u003c\/h3\u003e\n \u003cp\u003eFormat pratique et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🏖️ Extérieur\u003c\/h3\u003e\n \u003cp\u003eIdéale terrasse, jardin, camping\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cmav-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi choisir une cire de soja ?\u003c\/h2\u003e\n \u003cp class=\"cmav-section-intro\"\u003eLa cire de soja est une alternative \u003cstrong\u003evégétale, renouvelable et biodégradable\u003c\/strong\u003e aux cires de paraffine issues du pétrole. Non-OGM, elle brûle plus lentement et plus proprement, sans dégager de fumée noire ni de composés toxiques. Résultat : une diffusion homogène du parfum, un pot qui ne noircit pas, et une combustion respectueuse de votre intérieur comme de l'environnement.\u003c\/p\u003e\n \u003cdiv class=\"cmav-grid\"\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🌱 100 % végétale\u003c\/h3\u003e\n \u003cp\u003eIssue d'une ressource renouvelable, non-OGM et biodégradable, à l'opposé de la paraffine pétrochimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🔥 Combustion lente\u003c\/h3\u003e\n \u003cp\u003eElle brûle proprement, sans fumée noire ni composés toxiques, pour une diffusion homogène du parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e✨ Pot impeccable\u003c\/h3\u003e\n \u003cp\u003eLe verre reste propre du début à la fin et peut être réutilisé après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cmav-section\"\u003e\n \u003ch2\u003eComposition complète et transparente\u003c\/h2\u003e\n \u003cp class=\"cmav-section-intro\"\u003eCette \u003cstrong\u003ecitronnelle bougie\u003c\/strong\u003e a été formulée avec une liste d'ingrédients courte et claire :\u003c\/p\u003e\n \u003cdiv class=\"cmav-grid\"\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🌾 Cire de soja non-OGM\u003c\/h3\u003e\n \u003cp\u003eBase végétale écologique et biodégradable, alternative durable à la paraffine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🍃 PMD naturel\u003c\/h3\u003e\n \u003cp\u003ePara-menthane-3,8-diol, actif répulsif dérivé de l'huile d'eucalyptus citronné, reconnu scientifiquement pour son efficacité contre les moustiques, y compris le moustique tigre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🍋 Parfum de citronnelle\u003c\/h3\u003e\n \u003cp\u003ePour son odeur fraîche, citronnée et ses propriétés répulsives traditionnelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🧵 Mèche en coton\u003c\/h3\u003e\n \u003cp\u003eSans plomb, pour une combustion saine et respirable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-tip\"\u003e\n \u003cspan class=\"cmav-tip-icon\"\u003eℹ️\u003c\/span\u003e\n \u003cp\u003eAllergènes naturellement présents dans le parfum : linalool, citral, limonene, citronellol, geraniol, eugenol. La bougie est \u003cstrong\u003evegan\u003c\/strong\u003e et certifiée \u003cstrong\u003eOrigine France Garantie\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cmav-section\"\u003e\n \u003ch2\u003eComment utiliser votre bougie naturelle anti-moustique ?\u003c\/h2\u003e\n \u003cp class=\"cmav-section-intro\"\u003ePour une efficacité optimale et une combustion homogène, suivez ces quelques conseils :\u003c\/p\u003e\n \u003cdiv class=\"cmav-timeline\"\u003e\n \u003cdiv class=\"cmav-timeline-item\"\u003e\n \u003cdiv class=\"cmav-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-content\"\u003e\n \u003ch3\u003ePremière utilisation\u003c\/h3\u003e\n \u003cp\u003eLaissez brûler la bougie jusqu'à ce que toute la surface devienne liquide (environ 1 à 2 heures). Cela évite que la cire ne creuse un tunnel autour de la mèche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-item\"\u003e\n \u003cdiv class=\"cmav-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-content\"\u003e\n \u003ch3\u003eInstallation sécurisée\u003c\/h3\u003e\n \u003cp\u003ePlacez-la sur un support stable et plan, à l'abri du vent et éloignée de toute matière inflammable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-item\"\u003e\n \u003cdiv class=\"cmav-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-content\"\u003e\n \u003ch3\u003eZone de protection\u003c\/h3\u003e\n \u003cp\u003ePour une zone de protection optimale, disposez plusieurs bougies autour de votre table si l'espace dépasse 2 m².\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-item\"\u003e\n \u003cdiv class=\"cmav-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-content\"\u003e\n \u003ch3\u003eEntretien de la mèche\u003c\/h3\u003e\n \u003cp\u003eCoupez la mèche à environ 5 mm avant chaque allumage pour limiter la fumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-item\"\u003e\n \u003cdiv class=\"cmav-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"cmav-timeline-content\"\u003e\n \u003ch3\u003eSurveillance\u003c\/h3\u003e\n \u003cp\u003eNe laissez jamais la bougie sans surveillance et tenez-la hors de portée des enfants et des animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-tip\"\u003e\n \u003cspan class=\"cmav-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eBon à savoir : cette bougie est destinée à un usage en extérieur ou en espace bien ventilé. Elle ne remplace pas un avis médical en cas de réaction aux piqûres et ne constitue pas un traitement.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cmav-section\"\u003e\n \u003ch2\u003eUne fabrication française, éthique et zéro déchet\u003c\/h2\u003e\n \u003cp class=\"cmav-section-intro\"\u003eConçue en Provence par la marque Comme Avant, cette \u003cstrong\u003ebougie naturelle anti-moustique\u003c\/strong\u003e incarne une démarche artisanale et responsable.\u003c\/p\u003e\n \u003cdiv class=\"cmav-grid\"\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🫙 Pot en verre trempé\u003c\/h3\u003e\n \u003cp\u003eRobuste et entièrement réutilisable une fois la bougie consumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🪵 Bouchon en liège\u003c\/h3\u003e\n \u003cp\u003eMatériau naturel pour conserver la bougie et préserver son parfum.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e♻️ Seconde vie\u003c\/h3\u003e\n \u003cp\u003eTransformez-les en pot à épices, photophore, range-crayons ou petit organiseur de bureau. Une seconde vie simple et utile, dans l'esprit du zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cmav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui ? Pour quelles occasions ?\u003c\/h2\u003e\n \u003cp class=\"cmav-section-intro\"\u003eCette bougie est l'alliée idéale de toutes vos soirées en plein air :\u003c\/p\u003e\n \u003cdiv class=\"cmav-grid-compact\"\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🌅 Terrasse \u0026amp; jardin\u003c\/h3\u003e\n \u003cp\u003eVos soirées sur la terrasse, au jardin ou au camping.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e🍷 Apéros \u0026amp; barbecues\u003c\/h3\u003e\n \u003cp\u003eVos repas en plein air, barbecues et apéritifs entre amis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eUne alternative sans insecticide chimique, plus douce pour la maison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-card\"\u003e\n \u003ch3\u003e☀️ Toute la saison\u003c\/h3\u003e\n \u003cp\u003eFormat 190 g, jusqu'à 40 h d'utilisation : un compagnon durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cmav-cta-box\" style=\"margin-top:2rem;\"\u003e\n \u003cp\u003e🌿 Retrouvez le plaisir des soirées d'été en toute sérénité, avec une bougie naturelle, française et 100 % vegan.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --cmav-cream: #fdf9ec;\n --cmav-white: #ffffff;\n --cmav-primary: #f4d03f;\n --cmav-primary-dark: #8a6d1f;\n --cmav-primary-light: #fff6d1;\n --cmav-secondary: #7ba05b;\n --cmav-accent: #d4a017;\n --cmav-text: #2a2418;\n --cmav-text-light: #6b6354;\n --cmav-border: #e8dfc4;\n --cmav-shadow: 0 4px 24px rgba(138,109,31,.08);\n --cmav-shadow-lg: 0 12px 48px rgba(138,109,31,.18);\n --cmav-radius: 20px;\n --cmav-radius-sm: 12px;\n}\n\n.cmav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cmav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cmav-text);\n line-height: 1.6;\n}\n\n.cmav-hero {\n position: relative;\n background: linear-gradient(135deg, #f4d03f 0%, #f7dc6f 50%, #faecae 100%);\n border-radius: var(--cmav-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(--cmav-shadow-lg);\n}\n\n.cmav-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, #fff 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, #fff 1px, transparent 2px),\n radial-gradient(circle at 40% 80%, #fff 2px, transparent 3px);\n background-size: 80px 80px;\n}\n\n.cmav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cmav-hero-title {\n display: block;\n color: #4a3a0f;\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 2px 12px rgba(255,255,255,.4);\n}\n\n.cmav-subtitle {\n color: #4a3a0f;\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n opacity: .85;\n}\n\n.cmav-description {\n color: #3a2e0c;\n font-size: clamp(14px, 2vw, 16px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.cmav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cmav-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(--cmav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.08);\n transition: all .3s ease;\n}\n\n.cmav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cmav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cmav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cmav-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.cmav-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(--cmav-primary), var(--cmav-secondary));\n border-radius: 2px;\n}\n\n.cmav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cmav-text-light);\n margin-bottom: 1.5rem;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cmav-card {\n background: var(--cmav-white);\n border-radius: var(--cmav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cmav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cmav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cmav-shadow-lg);\n border-color: var(--cmav-primary);\n}\n\n.cmav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cmav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cmav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cmav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cmav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cmav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cmav-grid-compact .cmav-card {\n padding: 1rem;\n}\n\n.cmav-grid-compact .cmav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cmav-grid-compact .cmav-card p {\n font-size: 12px;\n}\n\n.cmav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cmav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cmav-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cmav-primary), var(--cmav-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(244,208,63,.4);\n}\n\n.cmav-timeline-content {\n flex: 1;\n background: var(--cmav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cmav-radius-sm);\n box-shadow: var(--cmav-shadow);\n}\n\n.cmav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cmav-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cmav-timeline-content p {\n font-size: 14px;\n color: var(--cmav-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.cmav-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cmav-primary-light);\n border-radius: var(--cmav-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--cmav-primary);\n}\n\n.cmav-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cmav-tip p {\n font-size: 14px;\n color: var(--cmav-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cmav-cta-box {\n background: linear-gradient(135deg, var(--cmav-primary) 0%, var(--cmav-accent) 100%);\n border-radius: var(--cmav-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cmav-shadow-lg);\n}\n\n.cmav-cta-box p {\n color: #3a2e0c;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 700;\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .cmav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cmav-card { padding: 1.125rem; }\n .cmav-section { margin-bottom: 1.75rem; }\n .cmav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cmav-radius-sm);\n }\n .cmav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cmav-premium h2::after { width: 40px; height: 3px; }\n .cmav-grid-compact { gap: .625rem; }\n .cmav-grid-compact .cmav-card { padding: .75rem; }\n .cmav-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .cmav-timeline-content { padding: .875rem 1rem; }\n .cmav-timeline-content h3 { font-size: 14px; }\n .cmav-timeline-content p { font-size: 13px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cmav-card {\n animation: fadeInUp .5s ease backwards;\n }\n .cmav-card:nth-child(1) { animation-delay: .05s; }\n .cmav-card:nth-child(2) { animation-delay: .1s; }\n .cmav-card:nth-child(3) { animation-delay: .15s; }\n .cmav-card:nth-child(4) { animation-delay: .2s; }\n .cmav-card:nth-child(5) { animation-delay: .25s; }\n .cmav-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 .cmav-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":55330416722297,"sku":"NBAICAV0113","price":22.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bougie-cire-de-soja-comme-avant_repulsif-moustique-citronelle-1_4_11zon.jpg?v=1764147594"},{"product_id":"stick-repulsif-moustiques-rechargeable-lamazuna","title":"Stick Répulsif Moustiques Rechargeable - Moskito Block - Lamazuna","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Stick Répulsif Moustiques Rechargeable - Moskito Block - Lamazuna\nPalette détectée:\n - Primaire: #E86A33 (orange vif du packaging, couleur dominante)\n - Secondaire: #F5B041 (jaune doré, bande inférieure)\n - Accent: #2C3E50 (bleu marine foncé, badge \"Made in France\")\n - Support: #F8E5D5 (crème rosé, fond doux)\nAmbiance: Naturel\/bio, estival, voyage, protection familiale, éco-responsable, dynamique et chaleureux\nPréfixe CSS: mb\n--\u003e\n\n\u003cdiv class=\"mb-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mb-hero\"\u003e\n \u003cdiv class=\"mb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mb-hero-content\"\u003e\n \u003cdiv class=\"mb-badges-top\"\u003e\n \u003cspan class=\"mb-badge\"\u003e🦟 Anti-moustiques\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e🔄 Rechargeable\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mb-hero-title\"\u003eMoskito Block\u003c\/span\u003e\n \u003cp class=\"mb-subtitle\"\u003eLe stick répulsif naturel qui vous accompagne partout\u003c\/p\u003e\n \u003cp class=\"mb-description\"\u003eProtection efficace 4H contre les moustiques communs et tigres. Formule bio, vegan et rechargeable par Lamazuna.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POINTS FORTS --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003ePourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003cdiv class=\"mb-card-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eProtection 4 heures\u003c\/h3\u003e\n \u003cp\u003eEfficacité prouvée contre les moustiques communs et tigres pour des soirées en plein air sereines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003cdiv class=\"mb-card-icon\"\u003e♻️\u003c\/div\u003e\n \u003ch3\u003eSystème rechargeable\u003c\/h3\u003e\n \u003cp\u003eUn boîtier réutilisable à l'infini et des recharges disponibles : zéro déchet, 100% malin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003cdiv class=\"mb-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eFormule clean\u003c\/h3\u003e\n \u003cp\u003eSans DEET, sans parabènes, sans alcool. Bio et vegan, respectueux de votre peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003cdiv class=\"mb-card-icon\"\u003e✈️\u003c\/div\u003e\n \u003ch3\u003eFormat nomade\u003c\/h3\u003e\n \u003cp\u003eCompact et pratique, il se glisse dans la poche, le sac à main ou la valise\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003cdiv class=\"mb-card-icon\"\u003e👨‍👩‍👧\u003c\/div\u003e\n \u003ch3\u003ePour toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux enfants dès 3 ans pour des moments partagés en toute tranquillité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003cdiv class=\"mb-card-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConçu et produit par Lamazuna, pionnier français des cosmétiques zéro déchet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eDes ingrédients naturels et efficaces\u003c\/h2\u003e\n \u003cdiv class=\"mb-ingredients-grid\"\u003e\n \u003cdiv class=\"mb-ingredient-card\"\u003e\n \u003cdiv class=\"mb-ingredient-icon\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"mb-ingredient-content\"\u003e\n \u003ch4\u003eHuile essentielle de géranium rosat\u003c\/h4\u003e\n \u003cp\u003eAction répulsive naturelle reconnue contre les moustiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-ingredient-card\"\u003e\n \u003cdiv class=\"mb-ingredient-icon\"\u003e💜\u003c\/div\u003e\n \u003cdiv class=\"mb-ingredient-content\"\u003e\n \u003ch4\u003eHuile essentielle de lavandin\u003c\/h4\u003e\n \u003cp\u003eApaisante et aide à prévenir les piqûres efficacement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-ingredient-card\"\u003e\n \u003cdiv class=\"mb-ingredient-icon\"\u003e🕯️\u003c\/div\u003e\n \u003cdiv class=\"mb-ingredient-content\"\u003e\n \u003ch4\u003eCire végétale\u003c\/h4\u003e\n \u003cp\u003eTexture stick agréable et hydratante pour la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-ingredient-card\"\u003e\n \u003cdiv class=\"mb-ingredient-icon\"\u003e✨\u003c\/div\u003e\n \u003cdiv class=\"mb-ingredient-content\"\u003e\n \u003ch4\u003eVitamine E\u003c\/h4\u003e\n \u003cp\u003eAntioxydant puissant et protecteur cutané\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-certif-box\"\u003e\n \u003cspan class=\"mb-certif-badge\"\u003e🚫 Sans parabènes\u003c\/span\u003e\n \u003cspan class=\"mb-certif-badge\"\u003e🚫 Sans PEG\u003c\/span\u003e\n \u003cspan class=\"mb-certif-badge\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"mb-certif-badge\"\u003e🚫 Sans DEET\u003c\/span\u003e\n \u003cspan class=\"mb-certif-badge\"\u003e🌿 Bio\u003c\/span\u003e\n \u003cspan class=\"mb-certif-badge\"\u003e🐰 Vegan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eComment l'utiliser\u003c\/h2\u003e\n \u003cdiv class=\"mb-steps\"\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch4\u003ePréparez le stick\u003c\/h4\u003e\n \u003cp\u003eRetirez le capuchon et agitez légèrement le stick avant utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch4\u003eAppliquez généreusement\u003c\/h4\u003e\n \u003cp\u003ePassez le stick sur peau sèche : bras, jambes, cou et contour des yeux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch4\u003eRenouvelez si nécessaire\u003c\/h4\u003e\n \u003cp\u003eRéappliquez toutes les 3 à 4 heures ou après une baignade\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-step\"\u003e\n \u003cdiv class=\"mb-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mb-step-content\"\u003e\n \u003ch4\u003eRechargez à l'infini\u003c\/h4\u003e\n \u003cp\u003eQuand le stick est terminé, insérez simplement une nouvelle recharge\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=\"mb-section\"\u003e\n \u003ch2\u003ePour qui est-ce idéal ?\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid mb-grid-3\"\u003e\n \u003cdiv class=\"mb-profile-card\"\u003e\n \u003cdiv class=\"mb-profile-icon\"\u003e🏕️\u003c\/div\u003e\n \u003ch4\u003eLes aventuriers\u003c\/h4\u003e\n \u003cp\u003eCamping, randonnée, voyage... Protection fiable partout\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-profile-card\"\u003e\n \u003cdiv class=\"mb-profile-icon\"\u003e🍷\u003c\/div\u003e\n \u003ch4\u003eLes épicuriens\u003c\/h4\u003e\n \u003cp\u003eSoirées en terrasse et dîners au jardin sans nuisibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-profile-card\"\u003e\n \u003cdiv class=\"mb-profile-icon\"\u003e👨‍👩‍👧‍👦\u003c\/div\u003e\n \u003ch4\u003eLes familles\u003c\/h4\u003e\n \u003cp\u003eConvient aux enfants dès 3 ans pour des moments sereins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-profile-card\"\u003e\n \u003cdiv class=\"mb-profile-icon\"\u003e🌍\u003c\/div\u003e\n \u003ch4\u003eLes éco-responsables\u003c\/h4\u003e\n \u003cp\u003eFormat rechargeable et formule naturelle, zéro culpabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-profile-card\"\u003e\n \u003cdiv class=\"mb-profile-icon\"\u003e🏃\u003c\/div\u003e\n \u003ch4\u003eLes sportifs\u003c\/h4\u003e\n \u003cp\u003eJogging du soir, yoga en plein air, sans être dérangé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-profile-card\"\u003e\n \u003cdiv class=\"mb-profile-icon\"\u003e🌻\u003c\/div\u003e\n \u003ch4\u003eLes jardiniers\u003c\/h4\u003e\n \u003cp\u003eProfitez de votre potager sans subir les piqûres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mb-info-grid\"\u003e\n \u003cdiv class=\"mb-info-item\"\u003e\n \u003cspan class=\"mb-info-label\"\u003e📦 Contenance\u003c\/span\u003e\n \u003cspan class=\"mb-info-value\"\u003e50 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-info-item\"\u003e\n \u003cspan class=\"mb-info-label\"\u003e⏱️ Protection\u003c\/span\u003e\n \u003cspan class=\"mb-info-value\"\u003e4 heures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-info-item\"\u003e\n \u003cspan class=\"mb-info-label\"\u003e🎯 Efficace contre\u003c\/span\u003e\n \u003cspan class=\"mb-info-value\"\u003eMoustiques communs et tigres\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-info-item\"\u003e\n \u003cspan class=\"mb-info-label\"\u003e👶 Âge minimum\u003c\/span\u003e\n \u003cspan class=\"mb-info-value\"\u003eDès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-info-item\"\u003e\n \u003cspan class=\"mb-info-label\"\u003e🏭 Fabrication\u003c\/span\u003e\n \u003cspan class=\"mb-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-info-item\"\u003e\n \u003cspan class=\"mb-info-label\"\u003e🔄 Système\u003c\/span\u003e\n \u003cspan class=\"mb-info-value\"\u003eRechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003cdiv class=\"mb-warning-box\"\u003e\n \u003cdiv class=\"mb-warning-icon\"\u003e⚠️\u003c\/div\u003e\n \u003cdiv class=\"mb-warning-content\"\u003e\n \u003ch4\u003ePrécautions d'emploi\u003c\/h4\u003e\n \u003cul\u003e\n \u003cli\u003eCe stick répulsif ne remplace pas un traitement médical\u003c\/li\u003e\n \u003cli\u003eNe convient pas aux enfants de moins de 3 ans\u003c\/li\u003e\n \u003cli\u003eDéconseillé aux femmes enceintes sans avis médical\u003c\/li\u003e\n \u003cli\u003ePour les enfants, limiter l'application aux mains, visage et pieds\u003c\/li\u003e\n \u003cli\u003eÉviter le contact avec les yeux et les muqueuses\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=\"mb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mb-cta-box\"\u003e\n \u003cdiv class=\"mb-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mb-cta-content\"\u003e\n \u003cdiv class=\"mb-cta-icon\"\u003e🦟✨\u003c\/div\u003e\n \u003cp\u003eUn petit stick, une grande tranquillité.\u003cbr\u003eProtection bio et durable, à glisser partout pour des moments sereins en plein air.\u003c\/p\u003e\n \u003cdiv class=\"mb-cta-features\"\u003e\n \u003cspan\u003e🌿 Naturel\u003c\/span\u003e\n \u003cspan\u003e♻️ Rechargeable\u003c\/span\u003e\n \u003cspan\u003e🇫🇷 Français\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mb-cream: #FDF8F4;\n --mb-white: #ffffff;\n --mb-primary: #E86A33;\n --mb-primary-dark: #C45A2A;\n --mb-primary-light: #FEF0E8;\n --mb-secondary: #F5B041;\n --mb-secondary-light: #FEF9E7;\n --mb-accent: #2C3E50;\n --mb-text: #1a1a1a;\n --mb-text-light: #5a5a5a;\n --mb-border: #e8e0d8;\n --mb-shadow: 0 4px 24px rgba(232,106,51,.1);\n --mb-shadow-lg: 0 12px 48px rgba(232,106,51,.18);\n --mb-radius: 20px;\n --mb-radius-sm: 12px;\n}\n\n.mb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mb-text);\n line-height: 1.6;\n}\n\n.mb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mb-primary) 0%, #E07B3A 30%, var(--mb-secondary) 70%, #F8C660 100%);\n border-radius: var(--mb-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(--mb-shadow-lg);\n}\n\n.mb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 50%),\n 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 12 L25 15 Z' fill='%23ffffff' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.mb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.mb-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(--mb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0,0,0,.15);\n}\n\n.mb-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 58px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 24px rgba(0,0,0,.25);\n}\n\n.mb-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.mb-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.mb-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mb-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mb-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.mb-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(--mb-primary), var(--mb-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.mb-grid-3 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === CARDS POINTS FORTS === *\/\n.mb-card {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mb-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mb-shadow-lg);\n border-color: var(--mb-primary);\n}\n\n.mb-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.mb-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mb-accent);\n margin: 0 0 .75rem 0;\n}\n\n.mb-card p {\n font-size: 15px;\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.mb-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n margin-bottom: 2rem;\n}\n\n.mb-ingredient-card {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--mb-white);\n border-radius: var(--mb-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--mb-shadow);\n border-left: 4px solid var(--mb-primary);\n transition: all .3s ease;\n}\n\n.mb-ingredient-card:hover {\n transform: translateX(8px);\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-ingredient-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.mb-ingredient-content h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mb-accent);\n margin: 0 0 .25rem 0;\n}\n\n.mb-ingredient-content p {\n font-size: 14px;\n color: var(--mb-text-light);\n margin: 0;\n}\n\n.mb-certif-box {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n padding: 1.5rem;\n background: linear-gradient(135deg, var(--mb-primary-light) 0%, var(--mb-secondary-light) 100%);\n border-radius: var(--mb-radius-sm);\n}\n\n.mb-certif-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: var(--mb-white);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mb-accent);\n box-shadow: 0 2px 8px rgba(0,0,0,.06);\n}\n\n\/* === ÉTAPES === *\/\n.mb-steps {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.mb-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--mb-white);\n border-radius: var(--mb-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--mb-shadow);\n transition: all .3s ease;\n}\n\n.mb-step:hover {\n transform: translateX(8px);\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--mb-primary), var(--mb-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n flex-shrink: 0;\n box-shadow: 0 4px 12px rgba(232,106,51,.3);\n}\n\n.mb-step-content h4 {\n font-size: 17px;\n font-weight: 700;\n color: var(--mb-accent);\n margin: 0 0 .5rem 0;\n}\n\n.mb-step-content p {\n font-size: 15px;\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === PROFILS === *\/\n.mb-profile-card {\n background: var(--mb-white);\n border-radius: var(--mb-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--mb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.mb-profile-card:hover {\n transform: translateY(-6px);\n border-color: var(--mb-secondary);\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-profile-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n display: block;\n}\n\n.mb-profile-card h4 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mb-accent);\n margin: 0 0 .5rem 0;\n}\n\n.mb-profile-card p {\n font-size: 14px;\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.mb-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n}\n\n.mb-info-item {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n padding: 1.25rem;\n background: var(--mb-white);\n border-radius: var(--mb-radius-sm);\n box-shadow: var(--mb-shadow);\n text-align: center;\n transition: all .3s ease;\n}\n\n.mb-info-item:hover {\n transform: translateY(-4px);\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-info-label {\n font-size: 13px;\n font-weight: 600;\n color: var(--mb-text-light);\n}\n\n.mb-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--mb-primary-dark);\n}\n\n\/* === WARNING === *\/\n.mb-warning-box {\n display: flex;\n gap: 1.25rem;\n background: linear-gradient(135deg, #FEF5E7 0%, #FDEBD0 100%);\n border: 2px solid #F5B041;\n border-radius: var(--mb-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.mb-warning-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mb-warning-content h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mb-accent);\n margin: 0 0 1rem 0;\n}\n\n.mb-warning-content ul {\n margin: 0;\n padding-left: 1.25rem;\n}\n\n.mb-warning-content li {\n font-size: 15px;\n color: var(--mb-text-light);\n margin-bottom: .5rem;\n line-height: 1.5;\n}\n\n.mb-warning-content li:last-child {\n margin-bottom: 0;\n}\n\n\/* === CTA BOX === *\/\n.mb-cta-box {\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-primary-dark) 50%, #B84A20 100%);\n border-radius: var(--mb-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mb-shadow-lg);\n}\n\n.mb-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(245,176,65,.2) 0%, transparent 40%);\n}\n\n.mb-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mb-cta-icon {\n font-size: 56px;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n.mb-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,.15);\n margin: 0 0 1.5rem 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mb-cta-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.mb-cta-features span {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mb-card,\n .mb-ingredient-card,\n .mb-step,\n .mb-profile-card,\n .mb-info-item {\n animation: mbFadeInUp .6s ease backwards;\n }\n .mb-card:nth-child(1), .mb-ingredient-card:nth-child(1), .mb-step:nth-child(1), .mb-profile-card:nth-child(1) { animation-delay: .1s; }\n .mb-card:nth-child(2), .mb-ingredient-card:nth-child(2), .mb-step:nth-child(2), .mb-profile-card:nth-child(2) { animation-delay: .2s; }\n .mb-card:nth-child(3), .mb-ingredient-card:nth-child(3), .mb-step:nth-child(3), .mb-profile-card:nth-child(3) { animation-delay: .3s; }\n .mb-card:nth-child(4), .mb-ingredient-card:nth-child(4), .mb-step:nth-child(4), .mb-profile-card:nth-child(4) { animation-delay: .4s; }\n .mb-card:nth-child(5), .mb-profile-card:nth-child(5) { animation-delay: .5s; }\n .mb-card:nth-child(6), .mb-profile-card:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes mbFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mb-grid {\n grid-template-columns: 1fr;\n }\n \n .mb-grid-3 {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .mb-warning-box {\n flex-direction: column;\n text-align: center;\n }\n \n .mb-warning-content ul {\n text-align: left;\n }\n \n .mb-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 480px) {\n .mb-grid-3 {\n grid-template-columns: 1fr;\n }\n \n .mb-info-grid {\n grid-template-columns: 1fr;\n }\n \n .mb-badges-top {\n gap: 8px;\n }\n \n .mb-badge {\n padding: 6px 12px;\n font-size: 12px;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mb-premium {\n --mb-text: #000000;\n --mb-text-light: #333333;\n }\n \n .mb-card,\n .mb-ingredient-card,\n .mb-step,\n .mb-profile-card,\n .mb-info-item {\n border: 2px solid var(--mb-text);\n }\n}\n\u003c\/style\u003e","brand":"LAMAZUNA","offers":[{"title":"Default Title","offer_id":55403748917625,"sku":"NBAILAM0187","price":14.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/stick-repulsif-moustiques-rechargeable-moskito-block-lamazuna_11zon.jpg?v=1758713201"},{"product_id":"bougie-anti-moustique-mousticare","title":"Bougie anti‑moustique naturelle – Mousticare 160 g","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 100 % végétale\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🧪 Efficacité prouvée\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🕯️ 30 h de combustion\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eBougie anti‑moustique naturelle – Mousticare 160 g\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eProtection essentielle aux huiles essentielles\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eRepoussez moustiques et moustiques tigres grâce à la puissance du géraniol et de la citronnelle. 30 heures de sérénité, 0 produit chimique de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eBougie anti-moustique Mousticare : une protection naturelle et éprouvée\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLes beaux jours arrivent, et avec eux les moustiques. Vous cherchez une \u003cstrong\u003ebougie anti-moustique efficace\u003c\/strong\u003e, sans produits chimiques agressifs, pour profiter sereinement de vos soirées en terrasse ou à la maison ?\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Formule 100 % végétale\u003c\/h3\u003e\n \u003cp\u003eCire de colza et soja, mèche coton, sans aucun dérivé pétrolier ni paraffine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🦟 Anti-moustique tigre\u003c\/h3\u003e\n \u003cp\u003eRepousse efficacement les moustiques y compris le redouté moustique tigre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🍋 Géraniol + citronnelle\u003c\/h3\u003e\n \u003cp\u003eDeux actifs naturels combinés pour une protection puissante et agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🏠 Intérieur \u0026amp; extérieur\u003c\/h3\u003e\n \u003cp\u003eEfficace jusqu'à 30 m³, idéale sur la terrasse comme au salon.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eUne composition transparente, sans compromis\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eParce que vous méritez de savoir précisément ce que vous allumez chez vous, voici le détail complet de cette \u003cstrong\u003ebougie anti-moustique naturelle\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🕯️ Cire végétale de colza et soja\u003c\/h3\u003e\n \u003cp\u003eSans paraffine, sans dérivé pétrolier, sans OGM. Une base de combustion propre et respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧵 Mèche 100 % coton\u003c\/h3\u003e\n \u003cp\u003eSans plomb, sans fumée noire irritante. Une combustion douce et régulière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Géraniol 2 % (m\/m)\u003c\/h3\u003e\n \u003cp\u003eSubstance active d'origine végétale (CAS 106-24-1, biocide TP19, N° inventaire 46331), reconnue pour ses propriétés répulsives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🍋 Huile essentielle de citronnelle\u003c\/h3\u003e\n \u003cp\u003edl-citronellol — apporte un parfum frais, citronné et agréable à vivre tout en renforçant l'action répulsive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eAucun insecticide de synthèse, aucun colorant artificiel. Vous respirez simplement des notes végétales tout en éloignant les indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eEfficacité testée en laboratoire : jusqu'à 30 heures de tranquillité\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eCe n'est pas qu'une promesse sur l'étiquette. Cette \u003cstrong\u003ebougie anti-moustique\u003c\/strong\u003e a été testée par le laboratoire TEC France selon le protocole de l'OMS.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card mc-card-highlight\"\u003e\n \u003ch3\u003e🧪 Protocole OMS\u003c\/h3\u003e\n \u003cp\u003eTestée en laboratoire par TEC France selon les standards de l'Organisation mondiale de la santé pour garantir une efficacité réelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-highlight\"\u003e\n \u003ch3\u003e📐 Jusqu'à 30 m³\u003c\/h3\u003e\n \u003cp\u003eRepousse efficacement les \u003cstrong\u003emoustiques et les mouches\u003c\/strong\u003e dans un espace allant jusqu'à 30 m³, intérieur ou extérieur semi-couvert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-highlight\"\u003e\n \u003ch3\u003e⏱️ 30 heures de combustion\u003c\/h3\u003e\n \u003cp\u003eVous accompagne pendant de nombreuses soirées estivales. L'une des meilleures options pour une \u003cstrong\u003ebougie anti-moustique extérieur\u003c\/strong\u003e qui dure vraiment.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment bien utiliser votre bougie Mousticare\u003c\/h2\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003ePositionnez la bougie\u003c\/h3\u003e\n \u003cp\u003ePlacez-la sur une \u003cstrong\u003esurface plane et résistante à la chaleur\u003c\/strong\u003e, à proximité de votre espace de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAllumez en avance\u003c\/h3\u003e\n \u003cp\u003eAllumez-la \u003cstrong\u003e15 à 20 minutes avant\u003c\/strong\u003e de vous installer pour que le géraniol se diffuse pleinement dans l'air.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eOptimisez la diffusion\u003c\/h3\u003e\n \u003cp\u003eEn extérieur, privilégiez un endroit \u003cstrong\u003epeu exposé au vent\u003c\/strong\u003e pour maximiser l'efficacité répulsive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eSurveillez la flamme\u003c\/h3\u003e\n \u003cp\u003eNe laissez jamais une bougie allumée sans surveillance et tenez-la éloignée des enfants et des animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003ePour une \u003cstrong\u003ebougie anti-moustique maison\u003c\/strong\u003e, pensez à la placer près des fenêtres ouvertes : c'est là que les moustiques entrent en priorité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi et sécurité\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Réactions cutanées et oculaires\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003ePeut provoquer des réactions allergiques cutanées ou une irritation oculaire. En cas de contact, rincez abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🌬️ Inhalation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas inhaler directement les fumées ou vapeurs concentrées. Utilisez dans un espace suffisamment ventilé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e👶 Enfants et sécurité\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver hors de portée des enfants. Ne jamais laisser une bougie allumée sans surveillance à proximité d'enfants ou d'animaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🩺 Usage complémentaire\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne remplace ni un traitement médical, ni les gestes préventifs essentiels comme l'élimination des eaux stagnantes ou l'utilisation d'une moustiquaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eFabriquée artisanalement en France, dans un esprit écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤲 Coulée à la main\u003c\/h3\u003e\n \u003cp\u003eChaque bougie Mousticare est \u003cstrong\u003ecoulée à la main en France\u003c\/strong\u003e, garantissant un soin artisanal et une qualité constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e♻️ Pot en verre recyclable\u003c\/h3\u003e\n \u003cp\u003eL'emballage en verre est \u003cstrong\u003eentièrement recyclable\u003c\/strong\u003e, dans une démarche de réduction des déchets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌍 Engagement durable\u003c\/h3\u003e\n \u003cp\u003eCire végétale, mèche coton, actifs naturels : des solutions \u003cstrong\u003eanti-moustiques durables et respectueuses de l'environnement\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003e🕯️ \u003cstrong\u003eEn résumé :\u003c\/strong\u003e la bougie anti-moustique Mousticare 160 g, c'est \u003cstrong\u003e30 heures de protection naturelle\u003c\/strong\u003e, une efficacité prouvée en laboratoire contre le moustique tigre, une composition végétale irréprochable et un savoir-faire artisanal français. Allumez-la, installez-vous confortablement et savourez enfin vos soirées d'été en toute sérénité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eUtilisez les biocides avec précaution. Avant toute utilisation, lisez l'étiquette et les informations sur le produit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #f6f9f2;\n --mc-white: #ffffff;\n --mc-primary: #4a8c3f;\n --mc-primary-dark: #2d5a25;\n --mc-primary-light: #e8f3e5;\n --mc-secondary: #7cb342;\n --mc-accent: #c62828;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #dde8d8;\n --mc-shadow: 0 4px 24px rgba(45,90,37,.08);\n --mc-shadow-lg: 0 12px 48px rgba(45,90,37,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #2d5a25 0%, #4a8c3f 45%, #7cb342 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-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 radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-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.mc-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 text-transform: uppercase;\n}\n\n.mc-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.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-card-highlight {\n border-left: 4px solid var(--mc-secondary);\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-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.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":55448680792441,"sku":"MC0040","price":14.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bougie-anti-moustiques-mousticare_1_11zon.jpg?v=1775993549"},{"product_id":"bougie-anti-moustique-naturelle-110-g-jolis-baumes","title":"Bougie anti‑moustique naturelle – Jolis Baumes 110 g","description":"\u003cdiv class=\"bam-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bam-hero\"\u003e\n \u003cdiv class=\"bam-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bam-hero-content\"\u003e\n \u003cdiv class=\"bam-badges-top\"\u003e\n \u003cspan class=\"bam-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"bam-badge\"\u003e🕯️ 30h de combustion\u003c\/span\u003e\n \u003cspan class=\"bam-badge\"\u003e🌿 100 % naturelle\u003c\/span\u003e\n \u003cspan class=\"bam-badge\"\u003e🦟 Anti-moustique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bam-hero-title\"\u003eBougie anti‑moustique naturelle – Jolis Baumes\u003c\/span\u003e\n \u003cp class=\"bam-subtitle\"\u003e110 g de sérénité artisanale, parfumée à la verveine citronnée et à la lavande\u003c\/p\u003e\n \u003cp class=\"bam-description\"\u003eUne flamme douce, un parfum frais et délicat, une barrière naturelle contre les moustiques. Profitez de vos soirées sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"bam-section\"\u003e\n \u003ch2\u003eLA bougie anti-moustique naturelle pour profiter de vos soirées en toute sérénité\u003c\/h2\u003e\n \u003cp class=\"bam-section-intro\"\u003eVous rêvez de soirées paisibles sur votre terrasse ou dans votre salon, sans le bourdonnement agaçant des moustiques ?\u003c\/p\u003e\n \u003cdiv class=\"bam-grid\"\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🌱 Cire 100 % végétale\u003c\/h3\u003e\n \u003cp\u003eUne base de cire de colza et soja, sans paraffine, pour une combustion propre et respectueuse de votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🦟 Géraniol répulsif naturel\u003c\/h3\u003e\n \u003cp\u003eUn actif d'origine végétale reconnu pour repousser efficacement les moustiques et insectes piqueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🌿 Huiles essentielles bio\u003c\/h3\u003e\n \u003cp\u003eCitronnelle et lavande créent une barrière parfumée efficace — fraîche, délicate, jamais entêtante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🕯️ 30 heures de protection\u003c\/h3\u003e\n \u003cp\u003eUn format compact de 110 g offrant jusqu'à 30 heures de combustion et couvrant environ 25 m³.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🏡 Intérieur et extérieur\u003c\/h3\u003e\n \u003cp\u003eAussi efficace sur votre table de terrasse que sur votre table de chevet. Oubliez les sprays chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e✨ Zéro synthétique\u003c\/h3\u003e\n \u003cp\u003eAucun colorant artificiel, aucun parfum de synthèse, aucune substance pétrochimique. Que du naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"bam-section\"\u003e\n \u003ch2\u003eComposition détaillée : des ingrédients sains et transparents\u003c\/h2\u003e\n \u003cp class=\"bam-section-intro\"\u003eChaque ingrédient est sélectionné pour son efficacité et sa compatibilité avec un usage domestique responsable.\u003c\/p\u003e\n \u003cdiv class=\"bam-grid\"\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🫘 Cire végétale de colza et soja\u003c\/h3\u003e\n \u003cp\u003eSans paraffine, sans OGM. Combustion propre et longue durée pour des soirées sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🧵 Mèche en coton naturel\u003c\/h3\u003e\n \u003cp\u003eSans plomb ni traitement chimique, pour une flamme stable et sans fumée noire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🌺 Géraniol\u003c\/h3\u003e\n \u003cp\u003eActif végétal reconnu pour ses propriétés répulsives puissantes contre les moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🍋 Huile essentielle bio de verveine relaxante\u003c\/h3\u003e\n \u003cp\u003eAction répulsive renforcée et parfum citronné vivifiant qui éloigne les insectes naturellement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e💜 Huile essentielle de lavande\u003c\/h3\u003e\n \u003cp\u003eNote apaisante qui complète le bouquet et renforce l'effet anti-moustique global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🚫 Aucun additif\u003c\/h3\u003e\n \u003cp\u003eAucun colorant artificiel, aucun parfum de synthèse. Transparence totale sur la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"bam-section\"\u003e\n \u003ch2\u003eComment utiliser votre bougie anti-moustique maison ?\u003c\/h2\u003e\n \u003cp class=\"bam-section-intro\"\u003eQuelques gestes simples pour une efficacité maximale et une durée de vie prolongée.\u003c\/p\u003e\n \u003cdiv class=\"bam-timeline\"\u003e\n \u003cdiv class=\"bam-timeline-item\"\u003e\n \u003cdiv class=\"bam-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-content\"\u003e\n \u003ch3\u003ePositionnez correctement\u003c\/h3\u003e\n \u003cp\u003ePlacez la bougie sur une surface plane et résistante à la chaleur, au centre de l'espace à protéger.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-item\"\u003e\n \u003cdiv class=\"bam-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-content\"\u003e\n \u003ch3\u003eAnticipez la diffusion\u003c\/h3\u003e\n \u003cp\u003eAllumez-la 15 à 20 minutes avant de vous installer pour laisser le géraniol et les huiles essentielles se diffuser.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-item\"\u003e\n \u003cdiv class=\"bam-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-content\"\u003e\n \u003ch3\u003eProtégez du vent\u003c\/h3\u003e\n \u003cp\u003eEn extérieur, positionnez-la à l'abri du vent pour une diffusion optimale et une combustion homogène.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-item\"\u003e\n \u003cdiv class=\"bam-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-content\"\u003e\n \u003ch3\u003ePremière utilisation\u003c\/h3\u003e\n \u003cp\u003eLaissez la cire fondre jusqu'aux bords du verre pour éviter le « tunneling » et prolonger la durée de vie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-item\"\u003e\n \u003cdiv class=\"bam-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"bam-timeline-content\"\u003e\n \u003ch3\u003eEntretenez la mèche\u003c\/h3\u003e\n \u003cp\u003eCoupez régulièrement la mèche à environ 5 mm avant chaque allumage pour une flamme propre et stable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"bam-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n \u003cdiv class=\"bam-accordion\"\u003e\n \u003cdetails class=\"bam-accordion-item\"\u003e\n \u003csummary class=\"bam-accordion-header\"\u003e🔥 Surveillance et sécurité\u003c\/summary\u003e\n \u003cdiv class=\"bam-accordion-content mt-3\"\u003e\n \u003cp\u003eNe laissez jamais une bougie allumée sans surveillance. Tenez hors de portée des enfants et des animaux domestiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bam-accordion-item\"\u003e\n \u003csummary class=\"bam-accordion-header\"\u003e🤰 Personnes sensibles\u003c\/summary\u003e\n \u003cdiv class=\"bam-accordion-content mt-3\"\u003e\n \u003cp\u003eLes personnes sensibles aux huiles essentielles (femmes enceintes, asthmatiques) doivent consulter un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bam-accordion-item\"\u003e\n \u003csummary class=\"bam-accordion-header\"\u003e🧴 Manipulation\u003c\/summary\u003e\n \u003cdiv class=\"bam-accordion-content mt-3\"\u003e\n \u003cp\u003eLavez-vous les mains après manipulation pour prévenir toute irritation cutanée ou oculaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bam-accordion-item\"\u003e\n \u003csummary class=\"bam-accordion-header\"\u003e🛡️ Complément de protection\u003c\/summary\u003e\n \u003cdiv class=\"bam-accordion-content mt-3\"\u003e\n \u003cp\u003eCette bougie constitue un complément de protection : elle ne remplace pas les moustiquaires, répulsifs corporels ou mesures préventives adaptées aux zones à risque.\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=\"bam-section\"\u003e\n \u003ch2\u003eFabrication artisanale française et engagement écoresponsable\u003c\/h2\u003e\n \u003cdiv class=\"bam-grid\"\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🤲 Coulée à la main\u003c\/h3\u003e\n \u003cp\u003eChaque bougie Jolis Baumes est fabriquée artisanalement dans un atelier français avec un soin particulier apporté à la qualité des matières premières.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e♻️ Contenant réutilisable\u003c\/h3\u003e\n \u003cp\u003eLe pot en verre épais se transforme une fois la bougie consumée en verre à eau, photophore ou petit vase. Une seconde vie élégante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e📦 Emballage responsable\u003c\/h3\u003e\n \u003cp\u003eL'emballage en carton kraft recyclable reflète l'engagement de la marque pour une consommation plus respectueuse de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"bam-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette bougie anti-moustique plutôt qu'une autre ?\u003c\/h2\u003e\n \u003cdiv class=\"bam-grid-compact\"\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🌿 100 % naturelle\u003c\/h3\u003e\n \u003cp\u003eSans aucune substance pétrochimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🕯️ 30 heures\u003c\/h3\u003e\n \u003cp\u003eDe combustion pour 110 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🏡 Double usage\u003c\/h3\u003e\n \u003cp\u003eIntérieur et extérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🌸 Parfum subtil\u003c\/h3\u003e\n \u003cp\u003eVerveine citronnée et lavande\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e🇫🇷 Artisanale\u003c\/h3\u003e\n \u003cp\u003eFabriquée à la main en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-card\"\u003e\n \u003ch3\u003e♻️ Réutilisable\u003c\/h3\u003e\n \u003cp\u003eContenant en verre durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bam-tip\"\u003e\n \u003cspan class=\"bam-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eOffrez-vous — ou offrez à vos proches — des soirées d'été sans moustiques, avec le plaisir d'une flamme douce et d'un parfum naturel. La bougie anti-moustique Jolis Baumes est bien plus qu'un simple répulsif : c'est un véritable moment de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bam-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bam-cta-box\"\u003e\n \u003cp\u003e🕯️ Allumez, respirez, profitez.\u003cbr\u003eDes soirées sereines, naturellement protégées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bam-disclaimer\"\u003eLes compléments de protection ne remplacent pas les mesures préventives adaptées. Consultez un professionnel de santé en cas de doute concernant les huiles essentielles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --bam-cream: #faf8f5;\n --bam-white: #ffffff;\n --bam-primary: #8b7355;\n --bam-primary-dark: #5c4a33;\n --bam-primary-light: #f3efe8;\n --bam-secondary: #9aab7f;\n --bam-accent: #c8a96e;\n --bam-text: #1a1a1a;\n --bam-text-light: #5a5a5a;\n --bam-border: #e8e2d8;\n --bam-shadow: 0 4px 24px rgba(92,74,51,.08);\n --bam-shadow-lg: 0 12px 48px rgba(92,74,51,.15);\n --bam-radius: 20px;\n --bam-radius-sm: 12px;\n}\n\n.bam-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bam-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bam-hero {\n position: relative;\n background: linear-gradient(135deg, #5c4a33 0%, #8b7355 40%, #9aab7f 100%);\n border-radius: var(--bam-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(--bam-shadow-lg);\n}\n\n.bam-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 radial-gradient(circle at 50% 50%, rgba(200,169,110,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.bam-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bam-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.bam-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 21px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.bam-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.bam-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bam-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(--bam-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bam-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bam-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bam-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bam-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.3;\n}\n\n.bam-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(--bam-primary), var(--bam-secondary));\n border-radius: 2px;\n}\n\n.bam-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bam-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.bam-card {\n background: var(--bam-white);\n border-radius: var(--bam-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bam-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bam-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bam-shadow-lg);\n border-color: var(--bam-primary);\n}\n\n.bam-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bam-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bam-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bam-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bam-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bam-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bam-grid-compact .bam-card {\n padding: 1rem;\n}\n\n.bam-grid-compact .bam-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bam-grid-compact .bam-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.bam-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.bam-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.bam-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bam-primary), var(--bam-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.bam-timeline-content {\n flex: 1;\n background: var(--bam-white);\n padding: 1rem 1.25rem;\n border-radius: var(--bam-radius-sm);\n box-shadow: var(--bam-shadow);\n}\n\n.bam-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--bam-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bam-timeline-content p {\n font-size: 14px;\n color: var(--bam-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.bam-accordion {\n background: var(--bam-white);\n border-radius: var(--bam-radius);\n box-shadow: var(--bam-shadow);\n overflow: hidden;\n}\n\n.bam-accordion-item {\n border-bottom: 1px solid var(--bam-border);\n margin: 0;\n padding: 0;\n}\n\n.bam-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bam-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bam-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.bam-accordion-header:hover {\n background: var(--bam-primary-light);\n}\n\n.bam-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bam-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bam-primary);\n transition: transform .2s ease;\n}\n\n.bam-accordion-item[open] .bam-accordion-header::after {\n content: '−';\n}\n\n.bam-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bam-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.bam-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.bam-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bam-primary-light);\n border-radius: var(--bam-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bam-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bam-tip p {\n font-size: 14px;\n color: var(--bam-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.bam-cta-box {\n background: linear-gradient(135deg, var(--bam-primary) 0%, var(--bam-primary-dark) 100%);\n border-radius: var(--bam-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bam-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.bam-disclaimer {\n font-size: 12px;\n color: var(--bam-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 .bam-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bam-card {\n padding: 1.125rem;\n }\n\n .bam-section {\n margin-bottom: 1.75rem;\n }\n\n .bam-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bam-radius-sm);\n }\n\n .bam-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bam-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bam-grid-compact {\n gap: .625rem;\n }\n\n .bam-grid-compact .bam-card {\n padding: .75rem;\n }\n\n .bam-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .bam-timeline-content {\n padding: .875rem 1rem;\n }\n\n .bam-timeline-content h3 {\n font-size: 14px;\n }\n\n .bam-timeline-content p {\n font-size: 13px;\n }\n\n .bam-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .bam-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .bam-testimonial {\n padding: 1.25rem;\n }\n\n .bam-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bam-card {\n animation: bamFadeInUp .5s ease backwards;\n }\n .bam-card:nth-child(1) { animation-delay: .05s; }\n .bam-card:nth-child(2) { animation-delay: .1s; }\n .bam-card:nth-child(3) { animation-delay: .15s; }\n .bam-card:nth-child(4) { animation-delay: .2s; }\n .bam-card:nth-child(5) { animation-delay: .25s; }\n .bam-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bamFadeInUp {\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 .bam-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JOLIS BAUMES","offers":[{"title":"Default Title","offer_id":55448755962233,"sku":"NBAIJB0086","price":19.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bougie-naturelle-anti-moustique-unsoirenete-jolis-baumes_2_11zon.jpg?v=1776323748"},{"product_id":"mousticare-savon-anti-moustique-100-g","title":"Savon Anti-Moustiques Bio – 100 g - MoustiCare","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🛡️ Actif 100 % végétal\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e👨‍👩‍👧 Dès 3 ans\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eSavon Anti-Moustiques Bio – 100 g\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eMoustiCare® – Protection Essentielle\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLavez-vous et protégez-vous en un seul geste. Efficacité répulsive immédiate pendant plusieurs heures grâce à l'eucalyptus citriodora.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eSavon anti-moustiques bio MoustiCare : une protection naturelle au quotidien\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous cherchez un \u003cstrong\u003esavon anti-moustiques\u003c\/strong\u003e efficace, naturel et adapté à toute la famille ? Le savon répulsif MoustiCare combine hygiène et protection dans un seul geste.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Eucalyptus citriodora\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle répulsive d'origine végétale à 1,5 %, reconnue contre les moustiques dont le moustique tigre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧴 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eNettoie votre peau en douceur tout en la nourrissant et en la protégeant du dessèchement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n \u003cp\u003eFormulé avec des actifs 100 % d'origine végétale. Ni DEET, ni alcool, ni insecticide de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e👶 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes, femmes enceintes et enfants dès 3 ans. Visage et 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=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce savon répulsif naturel ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eContrairement aux sprays ou lotions classiques, ce savon s'intègre tout simplement à votre routine d'hygiène. Sous la douche ou au lavabo, vous vous lavez et vous vous protégez en même temps.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🛡️ Répulsif prouvé\u003c\/h3\u003e\n \u003cp\u003eL'eucalyptus citriodora (1,5 %) est reconnu pour son action répulsive contre plusieurs espèces de moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Soin hydratant\u003c\/h3\u003e\n \u003cp\u003eLe beurre de karité bio nourrit et protège la peau du dessèchement au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Formule propre\u003c\/h3\u003e\n \u003cp\u003e100 % d'ingrédients d'origine naturelle, dont 99 % certifiés bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans substances controversées\u003c\/h3\u003e\n \u003cp\u003eSans DEET, sans alcool, sans parabènes, sans insecticide chimique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes, femmes enceintes et enfants à partir de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eUn savon conçu et produit en France avec des ingrédients soigneusement sélectionnés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser le savon anti-moustiques MoustiCare ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eFaites mousser\u003c\/h3\u003e\n \u003cp\u003eFaites mousser le savon dans vos mains ou sur un gant de toilette jusqu'à obtenir une mousse généreuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAppliquez généreusement\u003c\/h3\u003e\n \u003cp\u003eAppliquez la mousse sur le visage et le corps. Évitez soigneusement le contour des yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eRincez à l'eau claire\u003c\/h3\u003e\n \u003cp\u003eRincez ensuite à l'eau claire. L'efficacité répulsive est immédiate après le rinçage et dure plusieurs heures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez quotidiennement\u003c\/h3\u003e\n \u003cp\u003ePour une protection optimale, renouvelez l'application chaque jour pendant toute la période d'exposition : été, saison des pluies, voyages en zones à risque.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour renforcer la protection lors de soirées en extérieur, vous pouvez compléter l'action du savon avec un spray ou un bracelet répulsif de la gamme MoustiCare.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌿 Eucalyptus citriodora\u003c\/h3\u003e\n \u003cp\u003e1,5 % – actif répulsif d'origine végétale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧈 Beurre de karité bio\u003c\/h3\u003e\n \u003cp\u003eAgent nourrissant et hydratant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🫧 Base lavante douce\u003c\/h3\u003e\n \u003cp\u003eD'origine naturelle, respectueuse de la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 99 % bio\u003c\/h3\u003e\n \u003cp\u003e99 % des ingrédients totaux sont issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e👶 Âge minimum\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser chez les enfants de moins de 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e👁️ Contact avec les yeux\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux et les muqueuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Réaction cutanée\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🚫 Allergies\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas utiliser en cas d'allergie connue à l'un des composants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🔒 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eTenir hors de portée des enfants. Lire attentivement l'étiquette avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui est fait ce savon ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003eCe savon anti-moustiques bio est idéal si vous partez en vacances dans une région où les moustiques sont particulièrement présents, si vous vivez en zone tropicale, ou tout simplement si vous souhaitez protéger votre famille pendant les mois d'été. Sa formule douce et naturelle en fait un allié quotidien sans compromis sur le soin de votre peau.\u003c\/p\u003e\n \u003cp style=\"margin-top:1rem; font-size: clamp(13px, 2vw, 15px); opacity:.85;\"\u003e🧼 \u003cstrong\u003ePoids net :\u003c\/strong\u003e 100 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament et ne saurait remplacer un traitement médical ou une consultation auprès d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #FAFAF5;\n --mc-white: #ffffff;\n --mc-primary: #2E7D32;\n --mc-primary-dark: #1B5E20;\n --mc-primary-light: #E8F5E9;\n --mc-secondary: #F9A825;\n --mc-accent: #558B2F;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e0e0e0;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mc-primary-dark) 0%, var(--mc-primary) 45%, var(--mc-accent) 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(249,168,37,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(85,139,47,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-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.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-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.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":55556649746809,"sku":"MC0015","price":5.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/savon-anti-moustiques-bio-100-g-mousticare-packshothd.webp?v=1777027271"},{"product_id":"parfum-dinterieur-anti-moustique-jolis-baumes","title":"Parfum d'intérieur anti moustique \"Un soir en été\" 100 ml – Jolis Baumes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Parfum d'intérieur anti moustique \"Un soir en été\" 100 ml – Jolis Baumes\nPalette détectée:\n - Primaire: #2C3E6B (bleu marine du drapeau français sur l'étiquette)\n - Secondaire: #C8A96E (doré\/miel, reflets du liquide dans le flacon)\n - Accent: #D4453A (rouge du drapeau français sur l'étiquette)\n - Fond: #F7F4EF (beige crème chaud, ambiance naturelle\/artisanale)\nAmbiance: Naturel, artisanal français, soirée d'été provençale, douceur, lavande, authenticité, élégance simple\nPréfixe CSS: se\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un parfum d'intérieur naturel pour repousser les moustiques\"\n 2. \"Composition 100 % naturelle et fabrication artisanale\"\n 3. \"Comment utiliser le parfum d'intérieur anti-moustique\"\n 4. \"Pourquoi choisir \"Un soir en été\" ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"se-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"se-hero\"\u003e\n \u003cdiv class=\"se-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"se-hero-content\"\u003e\n \u003cdiv class=\"se-badges-top\"\u003e\n \u003cspan class=\"se-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e🦟 Anti-moustique\u003c\/span\u003e\n \u003cspan class=\"se-badge\"\u003e♻️ Flacon verre recyclable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"se-hero-title\"\u003eParfum d'intérieur \"Un soir en été\"\u003c\/span\u003e\n \u003cp class=\"se-subtitle\"\u003eJolis Baumes — 100 ml\u003c\/p\u003e\n \u003cp class=\"se-description\"\u003eParfumez votre intérieur et éloignez les moustiques naturellement, pour des soirées d'été sereines et envoûtantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eUn parfum d'intérieur naturel pour repousser les moustiques\u003c\/h2\u003e\n \u003cdiv class=\"se-testimonial\"\u003e\n \u003cp class=\"se-testimonial-text\"\u003eImaginez un soir d'été, fenêtres ouvertes, une douce brise... mais sans la désagréable compagnie des moustiques. Le \u003cstrong\u003eParfum d'intérieur \"Un soir en été\" de Jolis Baumes\u003c\/strong\u003e offre un mélange harmonieux d'huiles essentielles naturelles, à la fois \u003cstrong\u003erafraîchissant\u003c\/strong\u003e et \u003cstrong\u003erépulsif\u003c\/strong\u003e. Fabriqué artisanalement en France, il allie bien-être olfactif et protection douce pour vos soirées estivales.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et fabrication artisanale\u003c\/h2\u003e\n \u003cp class=\"se-section-intro\"\u003eDes ingrédients soigneusement sélectionnés, issus de l'agriculture biologique, pour un parfum efficace et respectueux.\u003c\/p\u003e\n \u003cdiv class=\"se-grid\"\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🌾 Citronnelle\u003c\/h3\u003e\n \u003cp\u003eHuile essentielle reconnue pour son puissant effet répulsif contre les moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🍋 Eucalyptus citronné\u003c\/h3\u003e\n \u003cp\u003eActif naturel anti-moustique apportant une note fraîche et vivifiante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e💜 Lavande\u003c\/h3\u003e\n \u003cp\u003eApaise l'atmosphère tout en contribuant à éloigner les insectes indésirables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-tip\"\u003e\n \u003cspan class=\"se-tip-icon\"\u003e🧪\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFormulation clean :\u003c\/strong\u003e base alcool bio issue de blé français. Sans parfum de synthèse, sans colorant, sans conservateur. Flacon en verre recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"se-section\"\u003e\n \u003ch2\u003eComment utiliser le parfum d'intérieur anti-moustique\u003c\/h2\u003e\n \u003cdiv class=\"se-timeline\"\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003eVaporisez\u003c\/h3\u003e\n \u003cp\u003e2 à 3 pulvérisations dans l'air ambiant ou directement sur vos rideaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003ePatientez\u003c\/h3\u003e\n \u003cp\u003eAttendez 10 à 15 minutes avant de profiter pleinement de la pièce parfumée et protégée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-timeline-item\"\u003e\n \u003cdiv class=\"se-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"se-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez\u003c\/h3\u003e\n \u003cp\u003eSi nécessaire en soirée, vaporisez à nouveau pour maintenir l'effet répulsif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-tip\"\u003e\n \u003cspan class=\"se-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003eNe pas vaporiser directement sur la peau ou à proximité d'une flamme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"se-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir \"Un soir en été\" ?\u003c\/h2\u003e\n \u003cdiv class=\"se-grid-compact\"\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e✨ Double action\u003c\/h3\u003e\n \u003cp\u003eParfume agréablement votre intérieur tout en éloignant efficacement les moustiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué artisanalement avec des matières premières locales et traçables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eRespectueux de l'environnement et de la qualité de l'air de votre intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eUniquement des huiles essentielles bio, sans aucun ingrédient de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"se-cta-box\"\u003e\n \u003cp\u003e🌙 Offrez-vous des soirées d'été paisibles et parfumées — naturellement protégé, naturellement bien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --se-cream: #F7F4EF;\n --se-white: #ffffff;\n --se-primary: #2C3E6B;\n --se-primary-dark: #1A2744;\n --se-primary-light: #E8EDF5;\n --se-secondary: #C8A96E;\n --se-accent: #D4453A;\n --se-text: #1a1a1a;\n --se-text-light: #5a5a5a;\n --se-border: #e0e0e0;\n --se-shadow: 0 4px 24px rgba(0,0,0,.08);\n --se-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --se-radius: 20px;\n --se-radius-sm: 12px;\n}\n\n.se-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--se-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.se-hero {\n position: relative;\n background: linear-gradient(135deg, #1A2744 0%, #2C3E6B 40%, #4A6491 70%, #C8A96E 100%);\n border-radius: var(--se-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(--se-shadow-lg);\n}\n\n.se-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(200,169,110,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,69,58,.06) 0%, transparent 60%);\n opacity: 1;\n}\n\n.se-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.se-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.se-subtitle {\n color: var(--se-secondary);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 700;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1rem 0;\n}\n\n.se-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.se-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.se-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(--se-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.se-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.se-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.se-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--se-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.se-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(--se-primary), var(--se-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.se-card {\n background: var(--se-white);\n border-radius: var(--se-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--se-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.se-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--se-shadow-lg);\n border-color: var(--se-primary);\n}\n\n.se-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--se-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.se-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--se-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.se-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.se-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.se-grid-compact .se-card {\n padding: 1rem;\n}\n\n.se-grid-compact .se-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.se-grid-compact .se-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.se-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.se-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.se-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--se-primary), var(--se-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.se-timeline-content {\n flex: 1;\n background: var(--se-white);\n padding: 1rem 1.25rem;\n border-radius: var(--se-radius-sm);\n box-shadow: var(--se-shadow);\n}\n\n.se-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--se-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.se-timeline-content p {\n font-size: 14px;\n color: var(--se-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.se-testimonial {\n background: var(--se-white);\n border-radius: var(--se-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--se-shadow);\n border-left: 4px solid var(--se-secondary);\n}\n\n.se-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--se-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.se-testimonial-text strong {\n color: var(--se-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.se-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--se-primary-light);\n border-radius: var(--se-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.se-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.se-tip p {\n font-size: 14px;\n color: var(--se-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.se-tip p strong {\n color: var(--se-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.se-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--se-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CTA FINAL === *\/\n.se-cta-box {\n background: linear-gradient(135deg, var(--se-primary) 0%, var(--se-primary-dark) 100%);\n border-radius: var(--se-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.se-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(200,169,110,.15) 0%, transparent 60%);\n}\n\n.se-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\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .se-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .se-card {\n padding: 1.125rem;\n }\n\n .se-section {\n margin-bottom: 1.75rem;\n }\n\n .se-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--se-radius-sm);\n }\n\n .se-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .se-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .se-grid-compact {\n gap: .625rem;\n }\n\n .se-grid-compact .se-card {\n padding: .75rem;\n }\n\n .se-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .se-timeline-content {\n padding: .875rem 1rem;\n }\n\n .se-timeline-content h3 {\n font-size: 14px;\n }\n\n .se-timeline-content p {\n font-size: 13px;\n }\n\n .se-testimonial {\n padding: 1.25rem;\n }\n\n .se-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .se-card {\n animation: seFadeInUp .5s ease backwards;\n }\n .se-card:nth-child(1) { animation-delay: .05s; }\n .se-card:nth-child(2) { animation-delay: .1s; }\n .se-card:nth-child(3) { animation-delay: .15s; }\n .se-card:nth-child(4) { animation-delay: .2s; }\n .se-card:nth-child(5) { animation-delay: .25s; }\n .se-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes seFadeInUp {\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 .se-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"JOLIS BAUMES","offers":[{"title":"Default Title","offer_id":55611277050233,"sku":"NBAIJB0105","price":17.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/parfum-interieur-unsoirenete-jolis-baumes.jpg?v=1776270487"},{"product_id":"roll-on-apaisant-piqure-moustique-calm-pik-lamazuna","title":"Roll on apaisant piqure moustique (calm pik) - Lamazuna","description":"\u003cdiv class=\"cpk-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cpk-hero\"\u003e\n\u003cdiv class=\"cpk-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cpk-hero-content\"\u003e\n\u003cdiv class=\"cpk-badges-top\"\u003e\n\u003cspan class=\"cpk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"cpk-badge\"\u003e🌿 99 % naturel\u003c\/span\u003e \u003cspan class=\"cpk-badge\"\u003e🐰 Vegan\u003c\/span\u003e \u003cspan class=\"cpk-badge\"\u003e❄️ Effet fraîcheur immédiat\u003c\/span\u003e\n\u003c\/div\u003e\n \u003cspan class=\"cpk-hero-title\"\u003eUn Roll on apaisant piqûres à enmener partout\u003c\/span\u003e\n\u003cp class=\"cpk-subtitle\"\u003eLamazuna\u003c\/p\u003e\n\u003cp class=\"cpk-description\"\u003eVotre allié de poche contre les piqûres d'insectes et de plantes : soulage démangeaisons, rougeurs et picotements en quelques secondes grâce à sa formule naturelle aux huiles essentielles bio.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"cpk-section\"\u003e\n\u003ch2\u003eUn roll on après piqûre moustique vraiment efficace\u003c\/h2\u003e\n\u003cp class=\"cpk-section-intro\"\u003eVous connaissez cette sensation agaçante : une piqûre de moustique, de taon ou un simple frôlement d'ortie, et voilà la démangeaison qui s'installe. Le Calm Pik de Lamazuna a été conçu précisément pour ces moments.\u003c\/p\u003e\n\u003cdiv class=\"cpk-grid\"\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e❄️ Fraîcheur instantanée\u003c\/h3\u003e\n\u003cp\u003eLe menthyl lactate délivre un effet fraîcheur immédiat qui calme les démangeaisons dès la première application.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🌼 Apaisement en profondeur\u003c\/h3\u003e\n\u003cp\u003eLa camomille et le lavandin bio travaillent en synergie pour apaiser la peau en profondeur, bien au-delà du simple soulagement de surface.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🚫 Zéro chimie agressive\u003c\/h3\u003e\n\u003cp\u003eL'inconfort diminue rapidement sans recourir à des ingrédients synthétiques agressifs. 99 % d'ingrédients d'origine naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"cpk-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce roll on apaisant ?\u003c\/h2\u003e\n\u003cdiv class=\"cpk-grid\"\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e⚡ Soulagement rapide\u003c\/h3\u003e\n\u003cp\u003eLa sensation de fraîcheur calme les démangeaisons en quelques secondes seulement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🌿 Formule naturelle et bio\u003c\/h3\u003e\n\u003cp\u003e99 % d'ingrédients d'origine naturelle, dont 98,8 % issus de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🧴 Complexe aux huiles essentielles\u003c\/h3\u003e\n\u003cp\u003eUn complexe synergique de lavandin, eucalyptus et géranium pour assainir et apaiser la zone touchée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🎯 Application précise\u003c\/h3\u003e\n\u003cp\u003eLa bille roll-on cible exactement la piqûre, sans gaspillage ni contact des doigts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🎒 Format pocket\u003c\/h3\u003e\n\u003cp\u003e10 ml ultra-compact : il se glisse dans une poche, un sac à main ou une trousse de randonnée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🇫🇷 Vegan et made in France\u003c\/h3\u003e\n\u003cp\u003eUne démarche responsable signée Lamazuna, sans aucun ingrédient d'origine animale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"cpk-section\"\u003e\n\u003ch2\u003eComposition complète (INCI)\u003c\/h2\u003e\n\u003cp class=\"cpk-section-intro\"\u003eUne formule courte et transparente, composée uniquement d'actifs utiles issus de la nature.\u003c\/p\u003e\n\u003cdiv class=\"cpk-grid\"\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🌻 Huile de tournesol\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eHelianthus Annuus Seed Oil\u003c\/em\u003e — Base nourrissante du soin, protège et adoucit la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🌼 Extrait de camomille*\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eChamomilla Recutita Flower Extract\u003c\/em\u003e — Puissant apaisant piqûre insecte, réduit rougeurs et irritations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e❄️ Menthyl Lactate\u003c\/h3\u003e\n\u003cp\u003eActif fraîcheur qui calme instantanément les picotements et procure un confort immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e💜 Huile essentielle de lavandin*\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eLavandula Hybrida Grosso Herb Oil\u003c\/em\u003e — Calmante et assainissante, apaise les zones irritées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🌿 Huile essentielle d'eucalyptus*\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eEucalyptus Globulus Leaf Oil\u003c\/em\u003e — Purifiante, aide à assainir la zone de la piqûre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🌸 Huile essentielle de géranium*\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003ePelargonium Graveolens Oil\u003c\/em\u003e — Rééquilibrante cutanée, harmonise la peau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e✨ Vitamine E\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eTocopherol\u003c\/em\u003e — Antioxydante, protège la formule et la peau contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-tip\"\u003e\n\u003cspan class=\"cpk-tip-icon\"\u003e🔬\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAllergènes naturellement présents :\u003c\/strong\u003e Citral, Coumarin, Geraniol, Linalool, Citronellol, Limonene, Terpinolene, Camphor, Beta-Caryophyllene, Linalyl Acetate, Terpineol, Geranyl Acetate, Pinene.\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"cpk-section\"\u003e\n\u003ch2\u003eComment utiliser le roll on après piqûre ?\u003c\/h2\u003e\n\u003cdiv class=\"cpk-timeline\"\u003e\n\u003cdiv class=\"cpk-timeline-item\"\u003e\n\u003cdiv class=\"cpk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cpk-timeline-content\"\u003e\n\u003ch3\u003eIdentifiez le bon moment\u003c\/h3\u003e\n\u003cp\u003eAppliquez dès l'apparition d'une démangeaison suite à une piqûre d'insecte (moustique, taon, guêpe…) ou un contact avec des orties.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-timeline-item\"\u003e\n\u003cdiv class=\"cpk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cpk-timeline-content\"\u003e\n\u003ch3\u003eAppliquez avec la bille\u003c\/h3\u003e\n\u003cp\u003ePassez délicatement la bille roll-on sur la zone propre et sèche, \u003cstrong\u003e1 à 3 fois par jour\u003c\/strong\u003e selon l'intensité de la démangeaison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-timeline-item\"\u003e\n\u003cdiv class=\"cpk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cpk-timeline-content\"\u003e\n\u003ch3\u003eLavez-vous les mains\u003c\/h3\u003e\n\u003cp\u003eAprès application, lavez-vous les mains pour éviter tout contact accidentel avec les yeux ou les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-tip\"\u003e\n\u003cspan class=\"cpk-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce fraîcheur :\u003c\/strong\u003e conservez votre Calm Pik au réfrigérateur en été pour un effet froid encore plus prononcé et un soulagement décuplé !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"cpk-section\"\u003e\n\u003ch2\u003ePour qui est fait ce roll on anti piqûre moustique ?\u003c\/h2\u003e\n\u003cdiv class=\"cpk-grid\"\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e👨👩👧 Adultes et enfants dès 3 ans\u003c\/h3\u003e\n\u003cp\u003eUn roll on après piqûre moustique aux huiles essentielles fiable et naturel, adapté à toute la famille*.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🏕️ Randonneurs, campeurs et voyageurs\u003c\/h3\u003e\n\u003cp\u003eSon format 10 ml passe partout, même en bagage cabine. L'indispensable de toutes vos aventures outdoor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e👶 Parents soucieux du naturel\u003c\/h3\u003e\n\u003cp\u003eUne alternative naturelle pour soulager vos enfants sans recourir aux crèmes chimiques ou aux traitements agressifs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-grid-compact\"\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🧴 Type\u003c\/h3\u003e\n\u003cp\u003eRoll-on après-piqûres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🦵 Zones\u003c\/h3\u003e\n\u003cp\u003eBras, jambes, corps (peau saine)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e👥 Public\u003c\/h3\u003e\n\u003cp\u003eAdultes et enfants dès 3 ans*\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cpk-card\"\u003e\n\u003ch3\u003e🌸 Parfum\u003c\/h3\u003e\n\u003cp\u003eFrais, végétal, légèrement floral\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ACCORDÉON PRÉCAUTIONS --\u003e\n\u003csection class=\"cpk-section\"\u003e\n\u003cdiv class=\"cpk-accordion\"\u003e\n\u003cdetails class=\"cpk-accordion-item\"\u003e\n\u003csummary class=\"cpk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"cpk-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement sur peau saine. Éviter le contour des yeux et les muqueuses. \u003cstrong\u003eNe pas utiliser chez les enfants de moins de 3 ans\u003c\/strong\u003e, ni chez la femme enceinte ou allaitante (présence d'huiles essentielles). En cas de réaction inhabituelle, rincer abondamment et cesser l'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cpk-accordion-item\"\u003e\n\u003csummary class=\"cpk-accordion-header\"\u003eℹ️ Avertissement\u003c\/summary\u003e\n\u003cdiv class=\"cpk-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit cosmétique ne remplace pas un avis ni un traitement médical. En cas de réaction importante (gonflement persistant, fièvre, allergie), consultez rapidement un professionnel de santé.\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=\"cpk-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"cpk-cta-box\"\u003e\n\u003cp\u003e🌞 Glissez le Calm Pik dans votre sac et profitez de l'été sans vous gratter !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cpk-disclaimer\"\u003e*Déconseillé aux enfants de moins de 3 ans, aux femmes enceintes et allaitantes.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --cpk-cream: #FFF9F0;\n --cpk-white: #ffffff;\n --cpk-primary: #E8734A;\n --cpk-primary-dark: #C4522A;\n --cpk-primary-light: #FFF0EA;\n --cpk-secondary: #F5C842;\n --cpk-accent: #2D1B4E;\n --cpk-text: #1a1a1a;\n --cpk-text-light: #5a5a5a;\n --cpk-border: #f0e0d4;\n --cpk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cpk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cpk-radius: 20px;\n --cpk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cpk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cpk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cpk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cpk-accent) 0%, var(--cpk-primary) 50%, var(--cpk-secondary) 100%);\n border-radius: var(--cpk-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(--cpk-shadow-lg);\n}\n\n.cpk-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(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(245,200,66,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cpk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cpk-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 line-height: 1.15;\n}\n\n.cpk-subtitle {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n letter-spacing: .05em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.cpk-description {\n color: rgba(255,255,255,.92);\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.cpk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cpk-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(--cpk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cpk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cpk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cpk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cpk-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.cpk-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(--cpk-primary), var(--cpk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cpk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cpk-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.cpk-card {\n background: var(--cpk-white);\n border-radius: var(--cpk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cpk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cpk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cpk-shadow-lg);\n border-color: var(--cpk-primary);\n}\n\n.cpk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cpk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cpk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cpk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cpk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cpk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.cpk-grid-compact .cpk-card {\n padding: 1rem;\n}\n\n.cpk-grid-compact .cpk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cpk-grid-compact .cpk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cpk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cpk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cpk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cpk-primary), var(--cpk-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.cpk-timeline-content {\n flex: 1;\n background: var(--cpk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cpk-radius-sm);\n box-shadow: var(--cpk-shadow);\n}\n\n.cpk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cpk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cpk-timeline-content p {\n font-size: 14px;\n color: var(--cpk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.cpk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cpk-primary-light);\n border-radius: var(--cpk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cpk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cpk-tip p {\n font-size: 14px;\n color: var(--cpk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.cpk-accordion {\n background: var(--cpk-white);\n border-radius: var(--cpk-radius);\n box-shadow: var(--cpk-shadow);\n overflow: hidden;\n}\n\n.cpk-accordion-item {\n border-bottom: 1px solid var(--cpk-border);\n margin: 0;\n padding: 0;\n}\n\n.cpk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cpk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cpk-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.cpk-accordion-header:hover {\n background: var(--cpk-primary-light);\n}\n\n.cpk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cpk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cpk-primary);\n transition: transform .2s ease;\n}\n\n.cpk-accordion-item[open] .cpk-accordion-header::after {\n content: '−';\n}\n\n.cpk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cpk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cpk-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.cpk-cta-box {\n background: linear-gradient(135deg, var(--cpk-primary) 0%, var(--cpk-primary-dark) 100%);\n border-radius: var(--cpk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cpk-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(245,200,66,.2) 0%, transparent 60%);\n}\n\n.cpk-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\/* === DISCLAIMER === *\/\n.cpk-disclaimer {\n font-size: 12px;\n color: var(--cpk-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 .cpk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cpk-card {\n padding: 1.125rem;\n }\n\n .cpk-section {\n margin-bottom: 1.75rem;\n }\n\n .cpk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cpk-radius-sm);\n }\n\n .cpk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cpk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cpk-grid-compact {\n gap: .625rem;\n }\n\n .cpk-grid-compact .cpk-card {\n padding: .75rem;\n }\n\n .cpk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cpk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cpk-timeline-content h3 {\n font-size: 14px;\n }\n\n .cpk-timeline-content p {\n font-size: 13px;\n }\n\n .cpk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cpk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cpk-tip {\n padding: .875rem 1rem;\n }\n\n .cpk-tip-icon {\n font-size: 20px;\n }\n\n .cpk-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cpk-card {\n animation: cpkFadeInUp .5s ease backwards;\n }\n .cpk-card:nth-child(1) { animation-delay: .05s; }\n .cpk-card:nth-child(2) { animation-delay: .1s; }\n .cpk-card:nth-child(3) { animation-delay: .15s; }\n .cpk-card:nth-child(4) { animation-delay: .2s; }\n .cpk-card:nth-child(5) { animation-delay: .25s; }\n .cpk-card:nth-child(6) { animation-delay: .3s; }\n .cpk-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes cpkFadeInUp {\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 .cpk-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":55637703164281,"sku":"NBAILAM0190","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/roll-on-apaisant-piqures-moustiques-lamazuna_11zon_1_5078ada8-5f1a-42e8-9949-bb72f66671c5.webp?v=1782637745"},{"product_id":"roll-on-apres-piqures-moustiques-bio-mousticare","title":"Roll On après piqures moustiques Bio - 5 ml - MoustiCare","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Roll On après piqûres moustiques Bio - MoustiCare\nPalette détectée:\n - Primaire: #F7D000 (jaune vif du packaging)\n - Secondaire: #2D8B47 (vert feuillage naturel)\n - Accent: #1B5E32 (vert foncé bandeau MoustiCare)\nAmbiance: Naturel\/Bio, fraîcheur végétale, soin d'urgence pratique, certifié éco-responsable\nPréfixe CSS: mc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Un roll-on naturel pour apaiser immédiatement les piqûres\"\n 2. \"Pourquoi choisir ce roll-on après piqûres ?\"\n 3. \"Ingrédients \u0026 composition\"\n 4. \"Comment utiliser le roll'on après piqûres ?\"\n 5. \"Précautions d'emploi\"\n 6. \"Détails produit\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mc-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 100% Bio Ecocert\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🧴 Format pocket 5ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eRoll'on Après Piqûres Bio MoustiCare\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eSoulagement express aux huiles essentielles biologiques\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eMoustiques, orties, méduses... Apaisez instantanément démangeaisons et rougeurs grâce à la puissance des huiles essentielles bio et de l'Aloé Vera.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eUn roll-on naturel pour apaiser immédiatement les piqûres\u003c\/h2\u003e\n \u003cdiv class=\"mc-intro-card\"\u003e\n \u003cp\u003eVous venez de vous faire piquer par un moustique, une ortie ou même une méduse ? Le \u003cstrong\u003eRoll'on après piqûres Bio MoustiCare\u003c\/strong\u003e soulage rapidement les démangeaisons et les rougeurs. Grâce à sa formule aux \u003cstrong\u003ehuiles essentielles biologiques\u003c\/strong\u003e et au \u003cstrong\u003ejus d'Aloé Vera\u003c\/strong\u003e, ce soin apaise la peau en douceur, sans ingrédients superflus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce roll-on après piqûres ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Effet calmant immédiat\u003c\/h3\u003e\n \u003cp\u003eSoulage rapidement les piqûres d'insectes, végétaux (orties) et brûlures de méduses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 100% naturel certifié Bio\u003c\/h3\u003e\n \u003cp\u003eCertifié par Ecocert Greenlife pour une qualité bio irréprochable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e💧 Huiles essentielles bio\u003c\/h3\u003e\n \u003cp\u003eLavande Aspic, Camomille, Tea Tree, Géranium Rosat pour une action synergique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌵 Aloé Vera bio\u003c\/h3\u003e\n \u003cp\u003eJus d'Aloé Vera reconnu pour ses propriétés apaisantes exceptionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🎒 Format roll-on 5ml\u003c\/h3\u003e\n \u003cp\u003eUltra-pratique à glisser dans la poche ou le sac, toujours à portée de main\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eRespectueux de votre peau et de l'environnement, qualité française garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eIngrédients \u0026amp; composition\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eFormule concentrée en actifs d'origine naturelle pour une efficacité optimale\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card mc-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Huiles essentielles bio\u003c\/h3\u003e\n \u003cp\u003eTea Tree, Lavande Aspic, Camomille, Géranium Rosat\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-ingredient\"\u003e\n \u003ch3\u003e🥜 Huiles végétales\u003c\/h3\u003e\n \u003cp\u003eAmande Douce, Noyau d'Abricot pour nourrir la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-ingredient\"\u003e\n \u003ch3\u003e🌵 Jus d'Aloé Vera bio\u003c\/h3\u003e\n \u003cp\u003eApaise et hydrate en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-ingredient\"\u003e\n \u003ch3\u003e🧪 Géraniol\u003c\/h3\u003e\n \u003cp\u003e91,10 g\/kg (CAS 106-24-1)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Autres HE\u003c\/h3\u003e\n \u003cp\u003eCassia, Romarin, Menthe des champs, Litsea cubeba\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e📋\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eProduit biocide TP 19 – Répulsif\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser le roll'on après piqûres ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAppliquer immédiatement\u003c\/h3\u003e\n \u003cp\u003eDès la piqûre ou la morsure, appliquer directement sur la zone concernée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eRenouveler si nécessaire\u003c\/h3\u003e\n \u003cp\u003eToutes les 15 minutes pendant les 2 premières heures pour un soulagement optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eUsage externe uniquement\u003c\/h3\u003e\n \u003cp\u003eNe pas ingérer, réservé à l'application cutanée\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=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🤰 Femmes enceintes ou allaitantes\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content\"\u003e\n \u003cp\u003eNe pas utiliser chez la femme enceinte ou allaitante en raison des huiles essentielles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e👶 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content\"\u003e\n \u003cp\u003eConvient aux enfants à partir de 3 ans uniquement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e👁️ Contact yeux et muqueuses\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content\"\u003e\n \u003cp\u003eÉviter tout contact avec les yeux et les muqueuses. En cas de contact, rincer abondamment à l'eau claire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Réaction cutanée\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content\"\u003e\n \u003cp\u003eEn cas de réaction cutanée, stopper immédiatement l'utilisation et consulter un médecin si nécessaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e5 ml\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧴 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon roll-on en verre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eFabriqué en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🏷️ Label\u003c\/h3\u003e\n \u003cp\u003eCosmétique Écologique et Biologique (Ecocert)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003e🌿 Glissez ce roll-on dans votre poche et partez l'esprit tranquille !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #FFFEF7;\n --mc-white: #ffffff;\n --mc-primary: #F7D000;\n --mc-primary-dark: #D4B000;\n --mc-primary-light: #FFF9D6;\n --mc-secondary: #2D8B47;\n --mc-secondary-dark: #1B5E32;\n --mc-accent: #1B5E32;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e0e0e0;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mc-secondary) 0%, var(--mc-secondary-dark) 50%, #154726 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-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-5 8-15 12-15 25s10 20 15 25c5-5 15-12 15-25S35 13 30 5z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3C\/svg%3E\");\n opacity: .15;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: var(--mc-primary);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-secondary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mc-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.mc-subtitle {\n color: var(--mc-primary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.2);\n}\n\n.mc-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-secondary-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === INTRO CARD === *\/\n.mc-intro-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 5px solid var(--mc-secondary);\n}\n\n.mc-intro-card p {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.mc-intro-card strong {\n color: var(--mc-secondary-dark);\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-secondary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-secondary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-card-ingredient {\n background: linear-gradient(135deg, var(--mc-white) 0%, var(--mc-primary-light) 100%);\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--mc-secondary), var(--mc-secondary-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: 18px;\n box-shadow: 0 4px 15px rgba(45,139,71,.3);\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-secondary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-secondary-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-secondary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid var(--mc-primary);\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-secondary) 0%, var(--mc-secondary-dark) 100%);\n border-radius: var(--mc-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.mc-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}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mc-card {\n padding: 1.125rem;\n }\n \n .mc-section {\n margin-bottom: 1.75rem;\n }\n \n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n \n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mc-grid-compact {\n gap: .625rem;\n }\n \n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n \n .mc-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 14px;\n }\n \n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n \n .mc-timeline-content h3 {\n font-size: 14px;\n }\n \n .mc-timeline-content p {\n font-size: 13px;\n }\n \n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mc-intro-card {\n padding: 1.25rem;\n }\n \n .mc-intro-card p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":55730824708473,"sku":"MC0030","price":4.86,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/roll-on-apres-piqures-moustiques-bio-5-ml-mousticare-lifestyle.webp?v=1769156087"},{"product_id":"recharge-stick-repulsif-moustiques-rechargeable-moskito-block-lamazuna","title":"Recharge pour Stick Répulsif Moustiques - 50ml - Lamazuna","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Recharge Stick Répulsif Moustiques Moskito Block - Lamazuna\nPalette détectée:\n - Primaire: #E8943A (orange chaud du packaging dominant)\n - Secondaire: #F2C94C (jaune vif du fond et du packaging)\n - Accent: #D4456A (rose\/rouge corail du bas du packaging)\n - Violet\/bleu foncé: #3B2D6B (bande violette du packaging)\nAmbiance: Estivale, solaire, naturelle\/bio, joyeuse, lifestyle outdoor, éco-responsable\nPréfixe CSS: mb\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Recharge Moskito Block : votre répulsif naturel moustiques en format rechargeable\"\n 2. \"Pourquoi choisir un répulsif naturel moustiques rechargeable ?\"\n 3. \"Composition complète de la recharge\"\n 4. \"Comment utiliser cette recharge ?\"\n 5. \"Pour qui est fait ce répulsif à moustiques ?\"\n 6. \"Informations pratiques\"\n 7. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mb-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mb-hero\"\u003e\n \u003cdiv class=\"mb-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mb-hero-content\"\u003e\n \u003cdiv class=\"mb-badges-top\"\u003e\n \u003cspan class=\"mb-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e🌿 Certifié bio \u0026amp; vegan\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e🛡️ 4h de protection\u003c\/span\u003e\n \u003cspan class=\"mb-badge\"\u003e♻️ Format rechargeable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mb-hero-title\"\u003eRecharge Moskito Block\u003c\/span\u003e\n \u003cp class=\"mb-subtitle\"\u003eLe stick répulsif moustiques naturel \u0026amp; rechargeable par Lamazuna\u003c\/p\u003e\n \u003cp class=\"mb-description\"\u003eProtégez votre peau et la planète : une recharge 100 % naturelle, efficace contre les moustiques communs et tigres, sans DEET ni substances controversées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eRecharge Moskito Block : votre répulsif naturel moustiques en format rechargeable\u003c\/h2\u003e\n \u003cp class=\"mb-section-intro\"\u003eVous avez déjà adopté le stick Moskito Block de Lamazuna et vous en êtes ravi ? Cette \u003cstrong\u003erecharge pour stick répulsif moustiques\u003c\/strong\u003e vous permet de prolonger votre protection sans racheter le boîtier.\u003c\/p\u003e\n \u003cdiv class=\"mb-grid-compact\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e♻️ Zéro déchet inutile\u003c\/h3\u003e\n \u003cp\u003eGlissez simplement la recharge dans votre boîtier existant et repartez pour des semaines de tranquillité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🦟 Double efficacité\u003c\/h3\u003e\n \u003cp\u003eProtection testée contre les moustiques communs et les redoutables moustiques tigres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌿 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eFormule aux huiles essentielles bio, sans DEET, sans parabènes, sans alcool et sans PEG.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eConvient aux adultes et aux enfants dès 3 ans, même les peaux sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003ePourquoi choisir un répulsif naturel moustiques rechargeable ?\u003c\/h2\u003e\n \u003cdiv class=\"mb-why-block\"\u003e\n \u003cdiv class=\"mb-card mb-card-wide\"\u003e\n \u003ch3\u003e🚫 Le problème du DEET\u003c\/h3\u003e\n \u003cp\u003eLa plupart des \u003cstrong\u003erépulsifs pour moustiques\u003c\/strong\u003e du marché contiennent du DEET, une substance chimique efficace mais controversée. Le Moskito Block fait le pari inverse : offrir un \u003cstrong\u003erépulsif moustiques naturel\u003c\/strong\u003e à base d'huiles essentielles, sans compromis sur l'efficacité. Son format stick rechargeable réduit considérablement les déchets, une démarche cohérente quand on souhaite protéger sa peau autant que la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card mb-card-wide\"\u003e\n \u003ch3\u003e💰 Économique et écologique\u003c\/h3\u003e\n \u003cp\u003eGrâce au système de recharge, vous conservez le boîtier en aluminium aussi longtemps que vous le souhaitez. Seul le cœur du produit est remplacé, ce qui diminue l'empreinte écologique et allège votre budget à chaque nouvel achat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eComposition complète de la recharge\u003c\/h2\u003e\n \u003cp class=\"mb-section-intro\"\u003eVoici la liste des ingrédients qui composent ce \u003cstrong\u003erépulsif naturel pour moustiques\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"mb-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🧈 Beurre de murumuru bio\u003c\/h3\u003e\n \u003cp\u003eBase nourrissante qui facilite l'application sur la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌻 Cire de tournesol\u003c\/h3\u003e\n \u003cp\u003eApporte la texture solide et fondante du stick.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🥥 Huile de coco bio\u003c\/h3\u003e\n \u003cp\u003eHydrate et adoucit la peau lors de chaque application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌸 Géranium rosat bio\u003c\/h3\u003e\n \u003cp\u003eActif répulsif reconnu, particulièrement efficace contre les moustiques tigres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e💜 Lavandin bio\u003c\/h3\u003e\n \u003cp\u003eRenforce l'action répulsive tout en laissant un parfum agréable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🍋 Citronnelle de Java bio\u003c\/h3\u003e\n \u003cp\u003eUne des \u003cstrong\u003eplantes moustiques répulsif\u003c\/strong\u003e les plus étudiées et utilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e✨ Vitamine E (tocophérol)\u003c\/h3\u003e\n \u003cp\u003eAntioxydant naturel qui protège la formule et la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-tip\"\u003e\n \u003cspan class=\"mb-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eFormule \u003cstrong\u003ecertifiée bio, vegan, sans DEET, sans parabènes, sans alcool et sans PEG\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eComment utiliser cette recharge ?\u003c\/h2\u003e\n \u003cdiv class=\"mb-timeline\"\u003e\n \u003cdiv class=\"mb-timeline-item\"\u003e\n \u003cdiv class=\"mb-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mb-timeline-content\"\u003e\n \u003ch3\u003eOuvrez le boîtier\u003c\/h3\u003e\n \u003cp\u003eRetirez le fond du boîtier Moskito Block en aluminium.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-timeline-item\"\u003e\n \u003cdiv class=\"mb-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mb-timeline-content\"\u003e\n \u003ch3\u003eInsérez la recharge\u003c\/h3\u003e\n \u003cp\u003eGlissez la nouvelle recharge dans votre étui existant, puis refermez le fond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-timeline-item\"\u003e\n \u003cdiv class=\"mb-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mb-timeline-content\"\u003e\n \u003ch3\u003eAppliquez sur peau sèche\u003c\/h3\u003e\n \u003cp\u003ePassez le stick directement sur les zones exposées : bras, jambes, cou et chevilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-timeline-item\"\u003e\n \u003cdiv class=\"mb-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mb-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eLa protection dure environ \u003cstrong\u003e4 heures\u003c\/strong\u003e. Renouvelez après une baignade ou en cas de forte transpiration.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-tip\"\u003e\n \u003cspan class=\"mb-tip-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003eCe \u003cstrong\u003erépulsif pour les moustiques\u003c\/strong\u003e convient à toute la famille dès 3 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003ePour qui est fait ce répulsif à moustiques ?\u003c\/h2\u003e\n \u003cp class=\"mb-section-intro\"\u003eSi vous cherchez un \u003cstrong\u003erépulsif moustiques tigres\u003c\/strong\u003e efficace pour vos soirées d'été, vos randonnées, votre jardinage ou vos vacances en zone méditerranéenne, cette recharge est faite pour vous.\u003c\/p\u003e\n \u003cdiv class=\"mb-grid-compact\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌅 Soirées en terrasse\u003c\/h3\u003e\n \u003cp\u003eProfitez des douces soirées d'été sans vous faire dévorer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🥾 Randonnées\u003c\/h3\u003e\n \u003cp\u003eFormat compact qui se glisse dans n'importe quelle poche ou sac.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🌱 Jardinage\u003c\/h3\u003e\n \u003cp\u003eProtégez-vous naturellement pendant vos activités en extérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e✈️ Vacances\u003c\/h3\u003e\n \u003cp\u003eIdéal en zone méditerranéenne, dans une trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧 Familles\u003c\/h3\u003e\n \u003cp\u003eFormule douce adaptée aux enfants comme aux adultes à peau sensible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e💼 Format nomade\u003c\/h3\u003e\n \u003cp\u003eSe glisse dans un sac à main, une poche de short ou une trousse de voyage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 \u0026 H2 #7 regroupés en accordéon --\u003e\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mb-grid-compact mb-info-grid\"\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003eRecharge de 20 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e⏱️ Protection\u003c\/h3\u003e\n \u003cp\u003e4 heures par application\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🦟 Efficacité\u003c\/h3\u003e\n \u003cp\u003eMoustiques communs et tigres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e👶 Âge minimum\u003c\/h3\u003e\n \u003cp\u003eDès 3 ans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance – Lamazuna\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mb-card\"\u003e\n \u003ch3\u003e🏅 Certifications\u003c\/h3\u003e\n \u003cp\u003eBio, vegan, cruelty-free\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mb-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mb-accordion\"\u003e\n \u003cdetails class=\"mb-accordion-item\" open\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e⚠️ Avertissements importants\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n \u003cp\u003eCe \u003cstrong\u003erépulsif moustiques\u003c\/strong\u003e ne remplace en aucun cas un traitement médical ou une protection antipaludéenne en zone tropicale. Il est déconseillé aux enfants de moins de 3 ans et aux femmes enceintes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mb-accordion-item\"\u003e\n \u003csummary class=\"mb-accordion-header\"\u003e👁️ Contact et réactions\u003c\/summary\u003e\n \u003cdiv class=\"mb-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses. En cas de réaction cutanée, cessez l'utilisation et consultez un professionnel de santé.\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=\"mb-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mb-cta-box\"\u003e\n \u003cp\u003e🛡️ Protégez-vous naturellement tout l'été avec la recharge Moskito Block.\u003cbr\u003eFormat compact, formule bio, efficacité prouvée contre les moustiques communs et tigres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mb-disclaimer\"\u003eCe produit cosmétique n'est pas un médicament. Lire attentivement les précautions d'emploi. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mb-cream: #FFF9F0;\n --mb-white: #ffffff;\n --mb-primary: #E8943A;\n --mb-primary-dark: #C06E1A;\n --mb-primary-light: #FFF3E6;\n --mb-secondary: #F2C94C;\n --mb-accent: #D4456A;\n --mb-violet: #3B2D6B;\n --mb-text: #1a1a1a;\n --mb-text-light: #5a5a5a;\n --mb-border: #F0E0CC;\n --mb-shadow: 0 4px 24px rgba(232, 148, 58, .1);\n --mb-shadow-lg: 0 12px 48px rgba(192, 110, 26, .15);\n --mb-radius: 20px;\n --mb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.mb-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.mb-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mb-violet) 0%, var(--mb-primary) 45%, var(--mb-secondary) 100%);\n border-radius: var(--mb-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(--mb-shadow-lg);\n}\n\n.mb-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 radial-gradient(circle at 50% 50%, rgba(212,69,106,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.mb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.mb-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.mb-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,.15);\n}\n\n.mb-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mb-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(--mb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mb-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.mb-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(--mb-primary), var(--mb-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mb-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.mb-section-intro strong {\n color: var(--mb-text);\n}\n\n\/* === CARDS === *\/\n.mb-card {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mb-shadow-lg);\n border-color: var(--mb-primary);\n}\n\n.mb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mb-card p strong {\n color: var(--mb-text);\n}\n\n.mb-card-wide {\n text-align: left;\n}\n\n\/* === GRILLES === *\/\n.mb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mb-grid-compact .mb-card {\n padding: 1rem;\n}\n\n.mb-grid-compact .mb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mb-grid-compact .mb-card p {\n font-size: 12px;\n}\n\n\/* === INFO GRID (3 cols desktop) === *\/\n.mb-info-grid {\n grid-template-columns: repeat(3, 1fr);\n}\n\n\/* === WHY BLOCK === *\/\n.mb-why-block {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n\/* === TIMELINE === *\/\n.mb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mb-primary), var(--mb-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(232, 148, 58, .3);\n}\n\n.mb-timeline-content {\n flex: 1;\n background: var(--mb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mb-radius-sm);\n box-shadow: var(--mb-shadow);\n}\n\n.mb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mb-timeline-content p {\n font-size: 14px;\n color: var(--mb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mb-timeline-content p strong {\n color: var(--mb-text);\n}\n\n\/* === TIP BOX === *\/\n.mb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mb-primary-light);\n border-radius: var(--mb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mb-tip p {\n font-size: 14px;\n color: var(--mb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mb-accordion {\n background: var(--mb-white);\n border-radius: var(--mb-radius);\n box-shadow: var(--mb-shadow);\n overflow: hidden;\n}\n\n.mb-accordion-item {\n border-bottom: 1px solid var(--mb-border);\n margin: 0;\n padding: 0;\n}\n\n.mb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mb-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.mb-accordion-header:hover {\n background: var(--mb-primary-light);\n}\n\n.mb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mb-primary);\n transition: transform .2s ease;\n}\n\n.mb-accordion-item[open] .mb-accordion-header::after {\n content: '−';\n}\n\n.mb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mb-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mb-cta-box {\n background: linear-gradient(135deg, var(--mb-primary) 0%, var(--mb-accent) 50%, var(--mb-violet) 100%);\n border-radius: var(--mb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mb-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(242,201,76,.15) 0%, transparent 50%);\n}\n\n.mb-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\/* === DISCLAIMER === *\/\n.mb-disclaimer {\n font-size: 12px;\n color: var(--mb-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 .mb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mb-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .mb-card {\n padding: 1.125rem;\n }\n\n .mb-section {\n margin-bottom: 1.75rem;\n }\n\n .mb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mb-radius-sm);\n }\n\n .mb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mb-grid-compact {\n gap: .625rem;\n }\n\n .mb-grid-compact .mb-card {\n padding: .75rem;\n }\n\n .mb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mb-timeline-content h3 {\n font-size: 14px;\n }\n\n .mb-timeline-content p {\n font-size: 13px;\n }\n\n .mb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mb-section-intro {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mb-card {\n animation: mbFadeInUp .5s ease backwards;\n }\n .mb-card:nth-child(1) { animation-delay: .05s; }\n .mb-card:nth-child(2) { animation-delay: .1s; }\n .mb-card:nth-child(3) { animation-delay: .15s; }\n .mb-card:nth-child(4) { animation-delay: .2s; }\n .mb-card:nth-child(5) { animation-delay: .25s; }\n .mb-card:nth-child(6) { animation-delay: .3s; }\n .mb-card:nth-child(7) { animation-delay: .35s; }\n\n .mb-timeline-item {\n animation: mbFadeInUp .5s ease backwards;\n }\n .mb-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mb-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mb-timeline-item:nth-child(3) { animation-delay: .15s; }\n .mb-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes mbFadeInUp {\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 .mb-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":56674083570041,"sku":"NBAILAM0188","price":13.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/recharge-moustique-lamazuna.jpg?v=1771328343"},{"product_id":"spray-anti-moustique-pour-la-famille-125ml-mousticare","title":"Spray anti-moustique pour la famille – 125ml - MoustiCare","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray anti-moustique MoustiCare 125ml\nPalette détectée:\n - Primaire: #D4A017 (jaune moutarde\/doré du packaging et capuchon)\n - Secondaire: #4A8C3F (vert feuillage, label bio, feuilles)\n - Accent: #C0392B (rouge du badge 6H)\nAmbiance: Naturel\/bio, familial, protection, végétal, confiance, été\/plein air\nPréfixe CSS: mc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Spray anti-moustique MoustiCare : une protection naturelle pour toute la famille\"\n 2. \"Pourquoi choisir un répulsif pour moustique naturel ?\"\n 3. \"Une efficacité prouvée contre de nombreux insectes\"\n 4. \"Composition transparente et naturelle\"\n 5. \"Comment utiliser ce spray anti-moustique ?\"\n 6. \"Pour qui est conçu ce répulsif moustique naturel ?\"\n 7. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🛡️ Protection 6h\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eSpray anti-moustique pour la famille – 125 ml\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eMoustiCare® Protection Essentielle\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eRépulsif naturel d'origine végétale, sans DEET et sans alcool. Protège adultes, enfants dès 6 mois et femmes enceintes contre les moustiques et insectes piqueurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eSpray anti-moustique MoustiCare : une protection naturelle pour toute la famille\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous cherchez un \u003cstrong\u003erépulsif naturel moustique\u003c\/strong\u003e efficace et sûr pour protéger vos proches, y compris les tout-petits ?\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Origine végétale\u003c\/h3\u003e\n \u003cp\u003eFormule certifiée bio à base d'Eucalyptus Citriodora\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⏱️ Jusqu'à 6 heures\u003c\/h3\u003e\n \u003cp\u003eProtection longue durée prouvée en conditions réelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e👶 Dès 6 mois\u003c\/h3\u003e\n \u003cp\u003eConvient aux nourrissons, enfants et femmes enceintes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans DEET\u003c\/h3\u003e\n \u003cp\u003eSans substance de synthèse et sans alcool\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir un répulsif pour moustique naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-testimonial\"\u003e\n \u003cp class=\"mc-testimonial-text\"\u003eBeaucoup de sprays anti-moustiques conventionnels contiennent du DEET ou d'autres substances de synthèse qui peuvent irriter les peaux sensibles, notamment celles des enfants. Ce \u003cstrong\u003espray anti-moustique corps\u003c\/strong\u003e MoustiCare mise sur le \u003cstrong\u003ep-Menthane-3,8-diol\u003c\/strong\u003e, un actif issu de l'Eucalyptus Citriodora reconnu pour ses propriétés répulsives puissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eRésultat :\u003c\/strong\u003e une protection fiable sans compromettre le confort ni la sécurité de votre famille.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eUne efficacité prouvée contre de nombreux insectes\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eCe \u003cstrong\u003espray anti moustique\u003c\/strong\u003e ne se limite pas aux moustiques classiques. Son efficacité a été démontrée contre de nombreux nuisibles :\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🦟 Moustique Tigre\u003c\/h3\u003e\n \u003cp\u003eDe plus en plus présent en France, ce moustique agressif est efficacement repoussé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌍 Moustiques tropicaux\u003c\/h3\u003e\n \u003cp\u003eVecteurs du \u003cstrong\u003epaludisme\u003c\/strong\u003e, de la \u003cstrong\u003edengue\u003c\/strong\u003e, du \u003cstrong\u003echikungunya\u003c\/strong\u003e, de la \u003cstrong\u003efièvre jaune\u003c\/strong\u003e et du \u003cstrong\u003evirus West Nile\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🐛 Autres insectes\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eTaons, tiques, aoûtats, mouches et guêpes\u003c\/strong\u003e sont également repoussés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e🧳\u003c\/span\u003e\n \u003cp\u003eQue vous partiez en vacances en zone tropicale ou que vous profitiez simplement d'une soirée en terrasse, ce \u003cstrong\u003erépulsif naturel pour moustique\u003c\/strong\u003e vous accompagne dans toutes les situations, en toutes zones géographiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition transparente et naturelle\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLa formule de ce spray peau MoustiCare a été pensée pour allier efficacité et douceur :\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card mc-card-highlight\"\u003e\n \u003ch3\u003e🧬 p-Menthane-3,8-diol (20 % d'actifs)\u003c\/h3\u003e\n \u003cp\u003eActif répulsif d'origine végétale, extrait de l'Eucalyptus Citriodora. L'ingrédient clé qui assure une protection longue durée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌵 Aloé Véra Bio\u003c\/h3\u003e\n \u003cp\u003eApaise et protège la peau, idéal pour les peaux délicates des enfants et des personnes sensibles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eSans DEET, sans substance de synthèse, sans alcool\u003c\/strong\u003e — uniquement ce dont votre peau a besoin\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser ce spray anti-moustique ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eL'application est simple et rapide pour une \u003cstrong\u003eaction immédiate\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eVaporisez sur le corps\u003c\/h3\u003e\n \u003cp\u003eVaporisez uniformément et généreusement sur une peau propre et sèche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eProtégez le visage\u003c\/h3\u003e\n \u003cp\u003ePour le visage et le cou, vaporisez d'abord dans vos mains puis appliquez délicatement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eFrictionnez légèrement\u003c\/h3\u003e\n \u003cp\u003eRépartissez de manière homogène pour une couverture optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eEn cas de transpiration, forte humidité ou baignade, renouvelez l'application\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=\"mc-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce répulsif moustique naturel ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eC'est tout l'intérêt de ce produit : il a été formulé pour convenir à \u003cstrong\u003etoute la famille\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧑 Adultes\u003c\/h3\u003e\n \u003cp\u003eAbsence d'odeur chimique et toucher non gras pour un confort total au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e👶 Enfants dès 6 mois\u003c\/h3\u003e\n \u003cp\u003eLes parents sont rassurés de pouvoir l'utiliser sur leurs enfants et nourrissons en toute sécurité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eUtilisation en toute sérénité grâce à la formulation 100 % naturelle et sans substance de synthèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e👁️ Contact et application\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eÉvitez tout contact avec les yeux et les muqueuses. Tenez hors de portée des enfants. Ne pas utiliser en cas d'allergie connue à l'un des constituants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Usage externe uniquement\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eNe pas avaler — usage externe uniquement. Ce produit est un répulsif cutané et ne remplace en aucun cas un traitement médical antipaludéen ou toute autre prescription médicale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🩺 Zones à risque\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eEn zone à risque, consultez votre médecin avant le départ pour adapter votre protection. Ce répulsif complète les mesures préventives mais ne les remplace pas.\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=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mc-cta-box\"\u003e\n \u003cp\u003e🧳 Format pratique de \u003cstrong\u003e125 ml\u003c\/strong\u003e, le spray MoustiCare se glisse facilement dans un sac à main ou un bagage cabine. Une protection naturelle, familiale et efficace : exactement ce qu'il vous faut pour profiter de l'extérieur en toute tranquillité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit est un répulsif cutané et ne constitue pas un traitement médical. Consultez un professionnel de santé pour toute question relative à la prévention des maladies vectorielles.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mc-cream: #faf8f2;\n --mc-white: #ffffff;\n --mc-primary: #D4A017;\n --mc-primary-dark: #8B6914;\n --mc-primary-light: #fdf6e3;\n --mc-secondary: #4A8C3F;\n --mc-secondary-light: #e8f5e4;\n --mc-accent: #C0392B;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e0e0e0;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #4A8C3F 0%, #3a7a30 40%, #8B6914 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-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,160,23,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 60%, rgba(74,140,63,.1) 0%, transparent 50%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-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.mc-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: .02em;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\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.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-secondary), var(--mc-primary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-secondary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mc-card-highlight {\n border-color: var(--mc-secondary);\n background: var(--mc-secondary-light);\n}\n\n.mc-card-highlight:hover {\n border-color: var(--mc-primary);\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-secondary), var(--mc-primary));\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(74,140,63,.3);\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-secondary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-secondary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-secondary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-secondary) 0%, #2d6b24 50%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(212,160,23,.15) 0%, transparent 60%);\n}\n\n.mc-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\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n\n .mc-badges-top {\n gap: 6px;\n }\n\n .mc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n\n .mc-timeline-item {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .mc-timeline-item:nth-child(4) { animation-delay: .2s; }\n .mc-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":56715997544825,"sku":"MC0010","price":13.19,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-anti-moustique-pour-la-famille-125ml-mousticare-lifestyle.webp?v=1771835821"},{"product_id":"spray-peau-anti-moustique-special-zones-infestees-125ml-mousticare","title":"Spray peau anti-moustique – Spécial zones infestées - 75ml - MoustiCare","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Spray peau anti-moustique MoustiCare® – Zones Infestées 125ml\nPalette détectée:\n - Primaire: #5B8C2A (vert feuillage dominant du packaging)\n - Secondaire: #E8446A (rose\/rouge du capuchon)\n - Accent: #F4C542 (jaune\/doré du fond étiquette)\nAmbiance: Naturel\/végétal, protection, tropicale, familiale, packaging coloré et vivant\nPréfixe CSS: mc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Spray peau anti-moustique MoustiCare® – Protection renforcée zones infestées\"\n 2. \"Un actif végétal puissant : le p-Menthane-3,8-diol\"\n 3. \"Efficacité prouvée contre les moustiques dangereux\"\n 4. \"Comment utiliser ce spray anti-moustique ?\"\n 5. \"Composition\"\n 6. \"Pour qui est conçu ce spray ?\"\n 7. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Actif 100 % végétal\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🛡️ Jusqu'à 9h de protection\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e👶 Dès 6 mois\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🚫 Sans DEET\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eSpray peau anti-moustique MoustiCare® – Zones infestées\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003e125 ml · Vaporisateur · Fabriqué en France\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe bouclier naturel de toute la famille contre les moustiques les plus dangereux, y compris le moustique tigre. Formulé sans DEET et sans alcool, efficace immédiatement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eSpray peau anti-moustique : LA protection cutanée renforcée pour zones infestées\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eVous préparez un voyage en zone tropicale ou vous vivez dans une région fortement exposée aux moustiques ? Ce spray est votre allié incontournable.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🕐 9 heures\u003c\/h3\u003e\n \u003cp\u003eProtection continue contre les piqûres, dès la première vaporisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Origine végétale\u003c\/h3\u003e\n \u003cp\u003eActif issu de l'Eucalyptus Citriodora, sans répulsif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans DEET\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle aux répulsifs chimiques classiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e👨‍👩‍👧‍👦 Toute la famille\u003c\/h3\u003e\n \u003cp\u003eAdultes, femmes enceintes et enfants dès 6 mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eUn actif végétal puissant : le p-Menthane-3,8-diol\u003c\/h2\u003e\n \u003cdiv class=\"mc-highlight-box\"\u003e\n \u003cdiv class=\"mc-highlight-icon\"\u003e🧬\u003c\/div\u003e\n \u003cdiv class=\"mc-highlight-content\"\u003e\n \u003cp\u003e\u003cstrong\u003ep-Menthane-3,8-diol (PMD) à 25 % de concentration\u003c\/strong\u003e, un actif issu de l'\u003cem\u003eEucalyptus Citriodora\u003c\/em\u003e. Reconnu pour ses propriétés répulsives puissantes, cet ingrédient d'origine végétale constitue une alternative sérieuse aux répulsifs chimiques classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Action immédiate\u003c\/h3\u003e\n \u003cp\u003eAgit dès l'application et forme une barrière protectrice sur la peau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧴 Sans alcool\u003c\/h3\u003e\n \u003cp\u003eFormule douce pour les peaux sensibles, adaptée à un usage familial\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eEfficacité prouvée contre les moustiques dangereux\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eCe répulsif naturel ne se contente pas de repousser les moustiques ordinaires. Son efficacité a été démontrée contre les espèces les plus préoccupantes.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card mc-card-danger\"\u003e\n \u003ch3\u003e🦟 Moustique tigre\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAedes albopictus\u003c\/em\u003e, vecteur de la \u003cstrong\u003edengue\u003c\/strong\u003e et du \u003cstrong\u003echikungunya\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-danger\"\u003e\n \u003ch3\u003e🌍 Paludisme\u003c\/h3\u003e\n \u003cp\u003eEfficace contre les moustiques vecteurs du \u003cstrong\u003epaludisme\u003c\/strong\u003e en zones tropicales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card mc-card-danger\"\u003e\n \u003ch3\u003e⚠️ Fièvre jaune \u0026amp; West Nile\u003c\/h3\u003e\n \u003cp\u003eProtection contre les moustiques transmettant la \u003cstrong\u003efièvre jaune\u003c\/strong\u003e et le \u003cstrong\u003evirus West Nile\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e🗺️\u003c\/span\u003e\n \u003cp\u003eParticulièrement adapté aux \u003cstrong\u003ezones infestées\u003c\/strong\u003e : régions tropicales, équatoriales ou zones tempérées à forte prolifération estivale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser ce spray anti-moustique ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien le vaporisateur avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eVaporisez généreusement\u003c\/h3\u003e\n \u003cp\u003eAppliquez uniformément et généreusement sur peau propre et sèche, sur toutes les zones exposées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eVisage et cou\u003c\/h3\u003e\n \u003cp\u003eVaporisez d'abord dans le creux des mains, puis appliquez en frictionnant légèrement le visage et le cou.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n \u003cp\u003eEn cas de sudation importante, de forte humidité ou après une baignade, renouvelez l'application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAction immédiate :\u003c\/strong\u003e vous êtes protégé dès la première vaporisation, pour une durée pouvant atteindre \u003cstrong\u003e9 heures\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mc-composition-box\"\u003e\n \u003cdiv class=\"mc-composition-main\"\u003e\n \u003cdiv class=\"mc-composition-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cp class=\"mc-composition-name\"\u003ep-Menthane-3,8-diol (PMD)\u003c\/p\u003e\n \u003cp class=\"mc-composition-detail\"\u003eConcentration : \u003cstrong\u003e25 %\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp class=\"mc-composition-detail\"\u003eOrigine : \u003cem\u003eEucalyptus Citriodora\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-composition-tags\"\u003e\n \u003cspan class=\"mc-comp-tag\"\u003e🚫 Sans DEET\u003c\/span\u003e\n \u003cspan class=\"mc-comp-tag\"\u003e🚫 Sans alcool\u003c\/span\u003e\n \u003cspan class=\"mc-comp-tag\"\u003e🌱 Actif végétal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePour qui est conçu ce spray ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧑 Adultes\u003c\/h3\u003e\n \u003cp\u003eVoyageurs ou résidents en zones infestées, protection longue durée pour vos aventures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤰 Femmes enceintes\u003c\/h3\u003e\n \u003cp\u003eFormule douce sans DEET et sans alcool, compatible avec la grossesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e👶 Enfants dès 6 mois\u003c\/h3\u003e\n \u003cp\u003eAdaptée aux nourrissons et enfants, pour protéger toute la famille en toute sérénité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e📦 Contenance \u0026amp; format\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e125 ml\u003c\/strong\u003e en vaporisateur pratique et nomade, idéal pour les voyages.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🇫🇷 Fabrication\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eFabriqué en \u003cstrong\u003eFrance\u003c\/strong\u003e par la \u003cstrong\u003eSociété Oasis\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e📋 N° inventaire biocides\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e24631 TP 19\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un \u003cstrong\u003ebiocide répulsif\u003c\/strong\u003e destiné à un usage cutané. Il ne remplace en aucun cas les mesures complémentaires de protection (moustiquaires, vêtements longs) ni un avis médical, notamment avant un séjour en zone à risque de paludisme. En cas de doute, consultez votre médecin ou votre pharmacien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eCe produit est un biocide. Utilisez les produits biocides avec précaution. Avant toute utilisation, lisez l'étiquette et les informations concernant le produit.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #f7f9f3;\n --mc-white: #ffffff;\n --mc-primary: #5B8C2A;\n --mc-primary-dark: #3d6a14;\n --mc-primary-light: #eef5e6;\n --mc-secondary: #E8446A;\n --mc-accent: #F4C542;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e0e0e0;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #3d6a14 0%, #5B8C2A 40%, #7aad45 70%, #4a7a1e 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(244,197,66,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(232,68,106,.1) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-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.mc-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: .05em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Card danger variant *\/\n.mc-card-danger {\n border-left: 4px solid var(--mc-secondary);\n}\n\n.mc-card-danger:hover {\n border-color: var(--mc-secondary);\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX (composition vedette) === *\/\n.mc-highlight-box {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid var(--mc-primary);\n}\n\n.mc-highlight-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.mc-highlight-content p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--mc-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mc-composition-box {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid var(--mc-primary);\n}\n\n.mc-composition-main {\n display: flex;\n gap: 1.25rem;\n align-items: center;\n margin-bottom: 1.25rem;\n}\n\n.mc-composition-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mc-composition-name {\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.mc-composition-detail {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mc-composition-tags {\n display: flex;\n flex-wrap: wrap;\n gap: .5rem;\n padding-top: 1rem;\n border-top: 1px solid var(--mc-border);\n}\n\n.mc-comp-tag {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n background: var(--mc-primary-light);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-highlight-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n padding: 1.25rem;\n }\n\n .mc-highlight-icon {\n font-size: 32px;\n }\n\n .mc-composition-main {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .mc-composition-icon {\n font-size: 36px;\n }\n\n .mc-composition-tags {\n justify-content: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n\n .mc-timeline-item {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .mc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":56716054561145,"sku":"MC0005","price":9.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-peau-anti-moustique-special-zones-infestees-125ml-mous-lifestyle.webp?v=1771837412"},{"product_id":"roller-anti-moustique-50ml-mousticare","title":"Roll on Anti-Moustique - 50ml - MoustiCare","description":"\u003cdiv class=\"mc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mc-hero\"\u003e\n\u003cdiv class=\"mc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mc-hero-content\"\u003e\n\u003cdiv class=\"mc-badges-top\"\u003e\n\u003cspan class=\"mc-badge\"\u003e🌿 100% origine végétale\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e🛡️ Protection 4H\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e👨👩👧👦 Toute la famille\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mc-hero-title\"\u003eRoller Anti-Moustique MoustiCare®\u003c\/span\u003e\n\u003cp class=\"mc-subtitle\"\u003eProtection essentielle — Format roll-on 50 ml\u003c\/p\u003e\n\u003cp class=\"mc-description\"\u003eUn roll on répulsif naturel à base d'Eucalyptus Citriodora, sans DEET ni alcool, pour repousser moustiques, tiques et insectes piqueurs jusqu'à 4 heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eRoll on Anti-Moustique MoustiCare® : une protection naturelle et efficace jusqu'à 4 heures\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eVous cherchez un \u003cstrong\u003eanti-moustique naturel et efficace\u003c\/strong\u003e pour protéger toute votre famille ? Le Roller Anti-Moustique MoustiCare® 50 ml est un répulsif corporel format roll-on, formulé \u003cstrong\u003esans DEET, sans alcool et sans insecticide\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"mc-grid-compact\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🌱 Actif végétal\u003c\/h3\u003e\n\u003cp\u003eEucalyptus Citriodora, un répulsif reconnu d'origine 100% naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🦟 Anti-moustique tigre\u003c\/h3\u003e\n\u003cp\u003eRepousse efficacement le moustique Tigre et les moustiques tropicaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e⏱️ 4 heures de protection\u003c\/h3\u003e\n\u003cp\u003eUne efficacité prouvée jusqu'à 4 heures par application\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🚫 Sans DEET\u003c\/h3\u003e\n\u003cp\u003eSans alcool, sans insecticide et sans produit de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce roller anti-moustique naturel ?\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eFace à la multiplication des produits répulsifs chargés en substances chimiques, ce roller MoustiCare® fait le choix d'une formule épurée et respectueuse de votre peau. Son principe actif, le \u003cstrong\u003ep-menthane-3,8 diol\u003c\/strong\u003e (issu de l'Eucalyptus Citriodora), est un répulsif reconnu d'origine végétale. Associé à de l'\u003cstrong\u003eAloé Vera BIO\u003c\/strong\u003e aux propriétés apaisantes et adoucissantes, il offre une application confortable, même sur les peaux sensibles.\u003c\/p\u003e\n\u003cdiv class=\"mc-grid\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🦟 Moustiques communs, tigres et tropicaux\u003c\/h3\u003e\n\u003cp\u003eAnti-moustique naturel efficace contre toutes les espèces de moustiques, y compris les plus redoutées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🪲 Tiques, aoûtats, taons et moucherons\u003c\/h3\u003e\n\u003cp\u003eUn spectre d'action large pour une protection complète en extérieur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🕐 Jusqu'à 4 heures par application\u003c\/h3\u003e\n\u003cp\u003eProtection optimale renouvelable jusqu'à 3 fois par jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🎒 Format roller compact et sans gaz\u003c\/h3\u003e\n\u003cp\u003ePratique à glisser dans le sac, idéal pour les voyages et les randonnées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e👨👩👧👦 Toute la famille\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les membres de la famille pour une protection partagée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eProduit par la société OASIS à Amiens, gage de qualité et de traçabilité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eComposition du Roll on MoustiCare®\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eUne formule \u003cstrong\u003esans alcool, sans DEET, sans insecticide et sans produit de synthèse\u003c\/strong\u003e. N° Inventaire Biocides : 44511 TP 19.\u003c\/p\u003e\n\u003cdiv class=\"mc-grid\"\u003e\n\u003cdiv class=\"mc-card mc-card-ingredient\"\u003e\n\u003ch3\u003e🧪 P-menthane-3,8 diol\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e10%\u003c\/strong\u003e — CAS : 42822-86-6\u003cbr\u003eSubstance active biocide d'origine végétale, cœur de la formule répulsive\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card mc-card-ingredient\"\u003e\n\u003ch3\u003e🌿 Eucalyptus Citriodora\u003c\/h3\u003e\n\u003cp\u003eActif répulsif naturel reconnu pour son efficacité contre les insectes piqueurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card mc-card-ingredient\"\u003e\n\u003ch3\u003e💧 Aloé Vera BIO\u003c\/h3\u003e\n\u003cp\u003eApaise et adoucit la peau pour une application confortable, même sur peaux sensibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eComment utiliser ce roller anti-moustique naturel extérieur ?\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eL'utilisation est simple et rapide, idéale avant une balade en forêt, un repas en terrasse ou une soirée en extérieur.\u003c\/p\u003e\n\u003cdiv class=\"mc-timeline\"\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003eSecouez bien le roller avant chaque utilisation pour homogénéiser la formule\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eAppliquez uniformément\u003c\/h3\u003e\n\u003cp\u003ePassez le roll-on généreusement sur une peau propre et sèche : bras, jambes, nuque, chevilles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eFrictionnez légèrement\u003c\/h3\u003e\n\u003cp\u003eRépartissez le produit pour couvrir l'ensemble des zones exposées\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eProtection immédiate\u003c\/h3\u003e\n\u003cp\u003eL'action répulsive est instantanée et dure jusqu'à 4 heures\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n\u003cp\u003eEn cas de sudation, forte humidité ou baignade — maximum 3 applications par jour\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-tip\"\u003e\n\u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eUn flacon de 50 ml dure environ \u003cstrong\u003eune semaine\u003c\/strong\u003e à raison d'une application quotidienne. Le format idéal à glisser dans votre sac pour les vacances ou les randonnées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce roll on répulsif anti-moustique ?\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eCe roller convient à \u003cstrong\u003etoute la famille\u003c\/strong\u003e et se révèle particulièrement pratique pour les activités en plein air. Si vous recherchez un répulsif naturel à appliquer directement sur la peau, sans compromis sur la composition ni sur l'efficacité, ce produit est fait pour vous.\u003c\/p\u003e\n\u003cdiv class=\"mc-grid-compact\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🏕️ Camping\u003c\/h3\u003e\n\u003cp\u003eNuits sereines en pleine nature\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🥾 Randonnée\u003c\/h3\u003e\n\u003cp\u003eProtection longue durée sur les sentiers\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🧺 Pique-nique\u003c\/h3\u003e\n\u003cp\u003eRepas en extérieur sans nuisibles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🌺 Jardinage\u003c\/h3\u003e\n\u003cp\u003eTravaillez au jardin l'esprit tranquille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e✈️ Voyages tropicaux\u003c\/h3\u003e\n\u003cp\u003eIndispensable en zones à risque\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🎯 Application ciblée\u003c\/h3\u003e\n\u003cp\u003eRoll-on précis : bras, jambes, nuque et chevilles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"mc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mc-accordion\"\u003e\n\u003cdetails class=\"mc-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"mc-accordion-header\"\u003e⚠️ Usage et sécurité\u003c\/summary\u003e\n\u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n\u003cp\u003eProduit biocide : utilisez-le avec précaution. Lisez attentivement l'étiquette et les informations relatives au produit avant utilisation. Évitez le contact avec les yeux et les muqueuses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mc-accordion-item\"\u003e\n\u003csummary class=\"mc-accordion-header\"\u003e🩺 Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit \u003cstrong\u003ene remplace en aucun cas un avis médical\u003c\/strong\u003e, notamment en zone à risque de maladies vectorielles. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"mc-disclaimer\"\u003eCe produit est un biocide (TP 19). Utilisez les produits biocides avec précaution. Avant toute utilisation, lisez l'étiquette et les informations concernant le produit.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mc-cream: #f6f9f2;\n --mc-white: #ffffff;\n --mc-primary: #4A8C2A;\n --mc-primary-dark: #2d6014;\n --mc-primary-light: #e8f5de;\n --mc-secondary: #E8D44D;\n --mc-accent: #D4382C;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #dde8d4;\n --mc-shadow: 0 4px 24px rgba(45, 96, 20, .08);\n --mc-shadow-lg: 0 12px 48px rgba(45, 96, 20, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6014 0%, #4A8C2A 40%, #6aad3d 70%, #8fc462 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(ellipse at 20% 80%, rgba(232, 212, 77, .12) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255, 255, 255, .08) 0%, transparent 50%),\n 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 C30 5 35 15 30 25 C25 15 30 5 30 5Z' fill='white' fill-opacity='0.04'\/%3E%3Cpath d='M10 35 C10 35 15 45 10 55 C5 45 10 35 10 35Z' fill='white' fill-opacity='0.03'\/%3E%3Cpath d='M50 30 C50 30 55 40 50 50 C45 40 50 30 50 30Z' fill='white' fill-opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.mc-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.mc-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.mc-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\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT VARIANT === *\/\n.mc-card-ingredient {\n border-top: 4px solid var(--mc-primary);\n}\n\n.mc-card-ingredient:hover {\n border-top-color: var(--mc-secondary);\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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(74, 140, 42, .3);\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border: 1px solid rgba(74, 140, 42, .15);\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-section-intro {\n font-size: 14px;\n }\n\n .mc-badges-top {\n gap: 6px;\n }\n\n .mc-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n\n .mc-timeline-item {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .mc-timeline-item:nth-child(4) { animation-delay: .2s; }\n .mc-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":56716121473401,"sku":"MC0025","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/roller-anti-moustique-50ml-mousticare-lifestyle.webp?v=1771838380"},{"product_id":"spray-anti-moustique-special-vetements-tissus-100ml-mousticare","title":"Spray anti-moustique - Spécial vêtements \u0026 tissus - 75ml - MoustiCare","description":"\u003cdiv class=\"mc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mc-hero\"\u003e\n\u003cdiv class=\"mc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mc-hero-content\"\u003e\n\u003cdiv class=\"mc-badges-top\"\u003e\n\u003cspan class=\"mc-badge\"\u003e🌿 Géraniol végétal\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e🛡️ 4 à 6 semaines\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e🚫 Sans DEET ni alcool\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mc-hero-title\"\u003eSpray anti-moustique vêtements \u0026amp; tissus MoustiCare®\u003c\/span\u003e\n\u003cp class=\"mc-subtitle\"\u003eLa protection naturelle qui s'applique sur vos textiles, pas sur votre peau\u003c\/p\u003e\n\u003cp class=\"mc-description\"\u003eFormulé au Géraniol d'origine végétale, ce spray imprègne vos vêtements, moustiquaires et équipements pour repousser moustiques (dont le Tigre), tiques, aoûtats et guêpes pendant plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eSpray anti-moustique MoustiCare® pour vêtements et tissus – 75 ml\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eVous cherchez un \u003cstrong\u003erépulsif moustique naturel\u003c\/strong\u003e qui protège sans être appliqué directement sur la peau ? Le \u003cstrong\u003espray anti-moustique vêtements et tissus MoustiCare®\u003c\/strong\u003e est la solution idéale.\u003c\/p\u003e\n\u003cdiv class=\"mc-grid-compact\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🌱 Géraniol végétal\u003c\/h3\u003e\n\u003cp\u003eActif d'origine naturelle extrait de la plante \u003cem\u003eCymbopogon\u003c\/em\u003e, efficace et respectueux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🦟 Anti moustique Tigre\u003c\/h3\u003e\n\u003cp\u003eRepousse les moustiques européens et tropicaux, y compris le redouté moustique Tigre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e👕 Spécial textiles\u003c\/h3\u003e\n\u003cp\u003eS'applique sur les vêtements et tissus : aucun contact nécessaire avec la peau\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🚫 Sans synthèse\u003c\/h3\u003e\n\u003cp\u003eFormule sans substance de synthèse, sans alcool et sans DEET\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003ePourquoi choisir un spray anti-moustique pour tissus ?\u003c\/h2\u003e\n\u003cdiv class=\"mc-highlight-box\"\u003e\n\u003cp\u003eLa plupart des \u003cstrong\u003esprays anti-moustiques\u003c\/strong\u003e s'appliquent sur le corps, mais les insectes piquent aussi à travers les vêtements fins. Traiter vos textiles offre une \u003cstrong\u003edouble barrière de protection\u003c\/strong\u003e complémentaire. C'est particulièrement utile pour les enfants en poussette, les randonneurs ou lors de nuits sous moustiquaire en zone tropicale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-grid\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e👶 Familles protégées\u003c\/h3\u003e\n\u003cp\u003eIdéal pour protéger les enfants en poussette sans appliquer de produit sur leur peau fragile\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🥾 Randonneurs sereins\u003c\/h3\u003e\n\u003cp\u003eDouble barrière de protection lors de vos sorties en pleine nature, forêt ou campagne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🌍 Voyages tropicaux\u003c\/h3\u003e\n\u003cp\u003eProtection renforcée sous moustiquaire en zone tropicale pour des nuits tranquilles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-tip\"\u003e\n\u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement aux répulsifs à base de DEET, ce \u003cstrong\u003erépulsif naturel\u003c\/strong\u003e MoustiCare® mise sur le Géraniol : une formule \u003cstrong\u003esans substance de synthèse et sans alcool\u003c\/strong\u003e, à la senteur agréable, qui ne tache pas vos vêtements.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eUne protection longue durée sur de nombreux supports\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eUn seul traitement suffit pour offrir une \u003cstrong\u003eprotection efficace de 4 à 6 semaines\u003c\/strong\u003e, selon les conditions d'utilisation. Ce spray s'applique sur une grande variété de surfaces :\u003c\/p\u003e\n\u003cdiv class=\"mc-grid\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e👔 Vêtements\u003c\/h3\u003e\n\u003cp\u003eChemises, pantalons, chaussettes, casquettes… tous vos habits du quotidien et d'aventure\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🎒 Équipements de voyage\u003c\/h3\u003e\n\u003cp\u003eSacs à dos, tentes, hamacs : traitez tout votre matériel pour une protection globale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🏠 Textiles intérieur \u0026amp; extérieur\u003c\/h3\u003e\n\u003cp\u003eMoustiquaires, rideaux, poussettes : sécurisez votre environnement au complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-tip\"\u003e\n\u003cspan class=\"mc-tip-icon\"\u003e🐛\u003c\/span\u003e\n\u003cp\u003eL'action ne se limite pas aux moustiques : ce spray repousse également les \u003cstrong\u003eaoûtats, taons, guêpes et tiques\u003c\/strong\u003e, ce qui en fait un compagnon polyvalent pour toutes vos activités en plein air.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eComposition naturelle et transparente\u003c\/h2\u003e\n\u003cdiv class=\"mc-composition-box\"\u003e\n\u003cdiv class=\"mc-composition-item mc-composition-main\"\u003e\n\u003cdiv class=\"mc-composition-label\"\u003eSubstance active biocide\u003c\/div\u003e\n\u003cdiv class=\"mc-composition-value\"\u003eGéraniol (n° CAS : 106-24-1) – \u003cstrong\u003e2 % (m\/m)\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-composition-item\"\u003e\n\u003cdiv class=\"mc-composition-label\"\u003eTraces de\u003c\/div\u003e\n\u003cdiv class=\"mc-composition-value\"\u003eCitral, Citronellol\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-composition-item\"\u003e\n\u003cdiv class=\"mc-composition-label\"\u003eExcipients\u003c\/div\u003e\n\u003cdiv class=\"mc-composition-value\"\u003eqsp 75 ml\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-composition-item\"\u003e\n\u003cdiv class=\"mc-composition-label\"\u003eOrigine de l'actif\u003c\/div\u003e\n\u003cdiv class=\"mc-composition-value\"\u003eVégétale, issue de \u003cem\u003eCymbopogon\u003c\/em\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-grid-compact mc-grid-compact-3\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🚫 Sans synthèse\u003c\/h3\u003e\n\u003cp\u003eAucune substance chimique de synthèse\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🍃 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eFormule douce et respectueuse des textiles\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🌿 Origine végétale\u003c\/h3\u003e\n\u003cp\u003eActif extrait de \u003cem\u003eCymbopogon\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eComment utiliser ce spray anti-moustique sur vos tissus ?\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eSon utilisation est très simple :\u003c\/p\u003e\n\u003cdiv class=\"mc-timeline\"\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAgitez fortement\u003c\/strong\u003e le flacon avant chaque emploi pour bien homogénéiser la formule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eVaporisez à bonne distance\u003c\/h3\u003e\n\u003cp\u003eVaporisez \u003cstrong\u003euniformément et généreusement\u003c\/strong\u003e à environ \u003cstrong\u003e25 cm\u003c\/strong\u003e de la surface à traiter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eCouverture optimale\u003c\/h3\u003e\n\u003cp\u003eChaque pulvérisation délivre \u003cstrong\u003e0,18 ml\u003c\/strong\u003e et couvre environ \u003cstrong\u003e80 cm²\u003c\/strong\u003e de tissu.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez après lavage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eRenouvelez l'application après chaque lavage\u003c\/strong\u003e du textile traité pour maintenir l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-tip\"\u003e\n\u003cspan class=\"mc-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003ePour une protection complète, associez ce spray tissus à un \u003cstrong\u003eanti-moustique spray corps\u003c\/strong\u003e de la gamme MoustiCare®.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"mc-accordion\"\u003e\n\u003cdetails class=\"mc-accordion-item\"\u003e\n\u003csummary class=\"mc-accordion-header\"\u003e⚠️ Usage et sécurité\u003c\/summary\u003e\n\u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n\u003cp\u003eUsage externe uniquement – ne pas appliquer directement sur la peau. Peut provoquer une allergie cutanée. En cas de contact avec la peau, lavez abondamment à l'eau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mc-accordion-item\"\u003e\n\u003csummary class=\"mc-accordion-header\"\u003e🩺 En cas d'irritation\u003c\/summary\u003e\n\u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n\u003cp\u003eEn cas d'irritation ou d'éruption cutanée, consultez un médecin. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mc-accordion-item\"\u003e\n\u003csummary class=\"mc-accordion-header\"\u003e📋 Informations réglementaires\u003c\/summary\u003e\n\u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eFabriqué en France\u003c\/strong\u003e – N° Inventaire Biocides : 5389 TP 19 – UFI : D800-U0G2-W002-4X7V\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=\"mc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"mc-cta-box\"\u003e\n\u003cp\u003e🌿 Ce \u003cstrong\u003erépulsif naturel pour moustique\u003c\/strong\u003e est un allié précieux pour profiter sereinement de vos soirées d'été, randonnées et voyages en zones tempérées comme tropicales. Il ne remplace toutefois pas les mesures de précaution habituelles ni un avis médical en cas de voyage en zone à risque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mc-disclaimer\"\u003eUtilisez les produits biocides avec précaution. Avant toute utilisation, lisez l'étiquette et les informations concernant le produit.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mc-cream: #f4f7f2;\n --mc-white: #ffffff;\n --mc-primary: #4a8c3f;\n --mc-primary-dark: #2d6a2e;\n --mc-primary-light: #e8f3e5;\n --mc-secondary: #3a7a32;\n --mc-accent: #d94040;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #d9e6d5;\n --mc-shadow: 0 4px 24px rgba(45, 106, 46, .08);\n --mc-shadow-lg: 0 12px 48px rgba(45, 106, 46, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #2d6a2e 0%, #4a8c3f 50%, #6aad5a 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-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 10 Q35 20 30 30 Q25 20 30 10Z' fill='%23ffffff' fill-opacity='0.08'\/%3E%3Cpath d='M10 40 Q15 50 10 60 Q5 50 10 40Z' fill='%23ffffff' fill-opacity='0.05'\/%3E%3Cpath d='M50 35 Q55 45 50 55 Q45 45 50 35Z' fill='%23ffffff' fill-opacity='0.06'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-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.mc-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 text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.mc-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n.mc-grid-compact-3 {\n grid-template-columns: repeat(3, 1fr);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.mc-highlight-box {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n margin-bottom: 1.5rem;\n}\n\n.mc-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--mc-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mc-composition-box {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.mc-composition-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 1.5rem;\n border-bottom: 1px solid var(--mc-border);\n gap: 1rem;\n}\n\n.mc-composition-item:last-child {\n border-bottom: none;\n}\n\n.mc-composition-main {\n background: var(--mc-primary-light);\n}\n\n.mc-composition-label {\n font-size: 14px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n flex-shrink: 0;\n}\n\n.mc-composition-value {\n font-size: 14px;\n color: var(--mc-text-light);\n text-align: right;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-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(74, 140, 63, .3);\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-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.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-grid-compact-3 {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n\n .mc-highlight-box {\n padding: 1rem;\n }\n\n .mc-highlight-box p {\n font-size: 14px;\n }\n\n .mc-composition-item {\n flex-direction: column;\n gap: .25rem;\n padding: .875rem 1rem;\n }\n\n .mc-composition-value {\n text-align: left;\n font-size: 13px;\n }\n\n .mc-composition-label {\n font-size: 13px;\n }\n}\n\n@media (max-width: 480px) {\n .mc-grid-compact-3 {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .mc-grid-compact-3 .mc-card:last-child {\n grid-column: 1 \/ -1;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n\n .mc-timeline-item {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .mc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .mc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .mc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":56716549095801,"sku":"NBAIMOU0004","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-anti-moustique-special-vetements-tissus-75ml-mousticar-lifestyle.webp?v=1771842100"},{"product_id":"diffuseur-huile-essentielle-anti-moustique-mousticare","title":"Diffuseur Huile essentielle Anti-Moustique - MoustiCare","description":"\u003cdiv class=\"mc-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mc-hero\"\u003e\n\u003cdiv class=\"mc-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mc-hero-content\"\u003e\n\u003cdiv class=\"mc-badges-top\"\u003e\n\u003cspan class=\"mc-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e🦟 Anti-moustique Tigre\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mc-badge\"\u003e⏱️ Efficace 1 mois\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mc-hero-title\"\u003eDiffuseur Anti-Moustique MoustiCare\u003c\/span\u003e\n\u003cp class=\"mc-subtitle\"\u003e8 bâtonnets en rotin • 100 mL • Jusqu'à 30 m²\u003c\/p\u003e\n\u003cp class=\"mc-description\"\u003eUne protection naturelle, silencieuse et sans entretien pour profiter de vos soirées d'été en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eDiffuseur anti-moustique MoustiCare : une protection naturelle pour toute la maison\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eVous cherchez un \u003cstrong\u003erépulsif naturel moustique\u003c\/strong\u003e efficace, sans insecticide et sans substance de synthèse ? Le \u003cstrong\u003ediffuseur anti-moustique MoustiCare\u003c\/strong\u003e est la solution idéale.\u003c\/p\u003e\n\u003cdiv class=\"mc-grid-compact\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🌿 Formule naturelle\u003c\/h3\u003e\n\u003cp\u003eÀ base d'huile essentielle d'Eucalyptus Citriodora, sans insecticide chimique ni substance de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🦟 Anti-moustique Tigre\u003c\/h3\u003e\n\u003cp\u003eRepousse les moustiques — y compris le redouté moustique Tigre — ainsi que la majorité des mouches.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🎋 8 bâtonnets rotin\u003c\/h3\u003e\n\u003cp\u003eBâtonnets 100 % naturels en rotin pour une diffusion douce et continue dans votre intérieur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e📅 1 mois de protection\u003c\/h3\u003e\n\u003cp\u003eUne efficacité prolongée pendant un mois entier, sans entretien quotidien ni rechargement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eComment fonctionne ce diffuseur huile essentielle anti-moustique ?\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eUn principe aussi simple qu'ingénieux : le répulsif contenu dans le flacon de \u003cstrong\u003e100 mL\u003c\/strong\u003e remonte par capillarité le long des bâtonnets naturels en rotin.\u003c\/p\u003e\n\u003cdiv class=\"mc-timeline\"\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eCapillarité naturelle\u003c\/h3\u003e\n\u003cp\u003eLe liquide répulsif remonte naturellement le long des bâtonnets en rotin et se diffuse dans l'air ambiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eBarrière olfactive\u003c\/h3\u003e\n\u003cp\u003eEn se diffusant, il crée une barrière olfactive qui éloigne efficacement les insectes piqueurs. Action effective \u003cstrong\u003edès 1 heure\u003c\/strong\u003e après mise en place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eIntensité réglable\u003c\/h3\u003e\n\u003cp\u003eRéglez l'intensité de la diffusion en ajustant le nombre de tiges : plus vous en mettez, plus la diffusion est puissante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eRaviver l'effet\u003c\/h3\u003e\n\u003cp\u003eRetournez simplement les bâtonnets pour raviver la senteur au fil des jours. Une astuce toute simple qui prolonge l'efficacité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eUn répulsif pour moustique naturel, sans compromis\u003c\/h2\u003e\n\u003cp class=\"mc-section-intro\"\u003eCe qui distingue ce diffuseur de nombreuses solutions disponibles sur le marché, c'est sa composition résolument naturelle.\u003c\/p\u003e\n\u003cdiv class=\"mc-grid\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🧪 Substance active biocide\u003c\/h3\u003e\n\u003cp\u003eEucalyptus Citriodora Oil, Hydrated, Cyclized (1,5 %) — N° CAS : 1245629-80-4. Reconnue pour ses propriétés répulsives puissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🚫 Zéro chimie\u003c\/h3\u003e\n\u003cp\u003eAucun insecticide chimique, aucune substance de synthèse. Une formule respectueuse de votre intérieur et de votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🎋 Rotin 100 % naturel\u003c\/h3\u003e\n\u003cp\u003eBâtonnets en rotin entièrement naturels pour une diffusion régulière et prolongée, avec un doux parfum d'été.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-tip\"\u003e\n\u003cspan class=\"mc-tip-icon\"\u003e🌸\u003c\/span\u003e\n\u003cp\u003eL'huile essentielle d'Eucalyptus Citriodora est utilisée sous forme cyclisée et hydratée, ce qui garantit une \u003cstrong\u003ediffusion régulière et prolongée\u003c\/strong\u003e dans votre intérieur, tout en laissant un agréable et \u003cstrong\u003edoux parfum d'été\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eUne efficacité prouvée sur 30 m² pendant 1 mois\u003c\/h2\u003e\n\u003cdiv class=\"mc-grid-compact\"\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e📐 Jusqu'à 30 m²\u003c\/h3\u003e\n\u003cp\u003eProtège une pièce complète : salon, chambre, cuisine ou véranda.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e📅 30 jours continus\u003c\/h3\u003e\n\u003cp\u003eProtection continue pendant environ 30 jours sans intervention.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🔇 Silencieux\u003c\/h3\u003e\n\u003cp\u003eAlternative aux sprays et prises électriques : sans bruit, sans flamme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-card\"\u003e\n\u003ch3\u003e🛡️ Prévention Tigre\u003c\/h3\u003e\n\u003cp\u003eParticulièrement adapté aux zones exposées au moustique Tigre, vecteur de maladies tropicales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-tip\"\u003e\n\u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eAvoir un \u003cstrong\u003erépulsif moustique naturel\u003c\/strong\u003e en diffusion permanente dans vos pièces de vie constitue un geste de prévention simple et efficace, surtout dans les zones à risque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"mc-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"mc-timeline\"\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eOuvrir le flacon\u003c\/h3\u003e\n\u003cp\u003eÔtez le bouchon du flacon et positionnez les 8 bâtonnets en rotin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003ePatienter 1 heure\u003c\/h3\u003e\n\u003cp\u003eAttendez environ \u003cstrong\u003e1 heure\u003c\/strong\u003e pour que la diffusion devienne pleinement effective.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eAjuster l'intensité\u003c\/h3\u003e\n\u003cp\u003eAjustez le nombre de tiges selon la taille de la pièce et l'intensité souhaitée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-item\"\u003e\n\u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mc-timeline-content\"\u003e\n\u003ch3\u003eEntretenir la diffusion\u003c\/h3\u003e\n\u003cp\u003eRetournez régulièrement les bâtonnets pour raviver l'effet répulsif. Conservez à température ambiante, à l'abri de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"mc-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eInformations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"mc-accordion\"\u003e\n\u003cdetails class=\"mc-accordion-item\"\u003e\n\u003csummary class=\"mc-accordion-header\"\u003e📦 Caractéristiques du produit\u003c\/summary\u003e\n\u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eContenance :\u003c\/strong\u003e 100 mL\u003cbr\u003e\u003cstrong\u003eDurée d'efficacité :\u003c\/strong\u003e 1 mois\u003cbr\u003e\u003cstrong\u003eSurface couverte :\u003c\/strong\u003e jusqu'à 30 m²\u003cbr\u003e\u003cstrong\u003eDurée de conservation :\u003c\/strong\u003e 60 mois\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mc-accordion-item\"\u003e\n\u003csummary class=\"mc-accordion-header\"\u003e🇫🇷 Fabrication et références\u003c\/summary\u003e\n\u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eFabrication :\u003c\/strong\u003e France — Société Oasis, Amiens\u003cbr\u003e\u003cstrong\u003eN° Inventaire Biocides :\u003c\/strong\u003e 44505 (TP 19)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mc-accordion-item\"\u003e\n\u003csummary class=\"mc-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un biocide répulsif. Utilisez-le avec précaution. Lisez toujours l'étiquette et les informations relatives au produit avant utilisation. Ce diffuseur ne remplace en aucun cas les mesures de protection recommandées par les autorités sanitaires dans les zones à risque.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mc-cta-box\"\u003e\n\u003cp\u003e🌿 Protégez naturellement votre foyer avec le diffuseur MoustiCare — efficace, silencieux et sans chimie, pour des soirées d'été en toute sérénité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mc-disclaimer\"\u003eCe produit est un biocide répulsif (TP 19). Utilisez les biocides avec précaution. Avant toute utilisation, lisez l'étiquette et les informations concernant le produit.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --mc-cream: #f5f7f2;\n --mc-white: #ffffff;\n --mc-primary: #2d7a3a;\n --mc-primary-dark: #1b5426;\n --mc-primary-light: #e8f5ea;\n --mc-secondary: #c41e2a;\n --mc-accent: #f0c040;\n\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n\n --mc-border: #dce8dc;\n --mc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #1b5426 0%, #2d7a3a 45%, #3a9948 100%);\n border-radius: var(--mc-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(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-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.mc-subtitle {\n color: rgba(255,255,255,.85);\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.mc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-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(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-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.mc-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(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-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.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), #3a9948);\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(45,122,58,.3);\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-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.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.mc-cta-box {\n background: linear-gradient(135deg, var(--mc-primary) 0%, var(--mc-primary-dark) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mc-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.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-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 .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\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 .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTICARE","offers":[{"title":"Default Title","offer_id":56716636160377,"sku":"NBAIMOU0010","price":15.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/diffuseur-anti-moustique-avec-8-batonnets-en-rotins-moustica-lifestyle.webp?v=1771844496"},{"product_id":"spray-anti-moustique-peau-enfant-bebe-30ml-moustikids","title":"Spray Anti-Moustique Bébé \u0026 Enfant - 30ml - Moustikids","description":"\u003cdiv class=\"mk-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mk-hero\"\u003e\n\u003cdiv class=\"mk-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"mk-hero-content\"\u003e\n\u003cdiv class=\"mk-badges-top\"\u003e\n\u003cspan class=\"mk-badge\"\u003e👶 Dès 6 mois\u003c\/span\u003e \u003cspan class=\"mk-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e \u003cspan class=\"mk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"mk-badge\"\u003e⏱️ Protection 4h\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"mk-hero-title\"\u003eSpray anti-moustique MoustiKids\u003c\/span\u003e\n\u003cp class=\"mk-subtitle\"\u003eProtection naturelle spéciale peau enfant \u0026amp; bébé - 30 ml\u003c\/p\u003e\n\u003cp class=\"mk-description\"\u003eUn répulsif doux, sans alcool, à l'Aloe Vera Bio. Efficace contre les moustiques (dont le moustique Tigre) et les tiques. Le format compact idéal pour protéger les tout-petits partout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"mk-section\"\u003e\n\u003ch2\u003eSpray anti-moustique naturel pour enfant et bébé : une protection douce dès 6 mois\u003c\/h2\u003e\n\u003cp class=\"mk-section-intro\"\u003eQuand les beaux jours arrivent, protéger la peau fragile de votre bébé ou de votre enfant contre les moustiques devient une priorité.\u003c\/p\u003e\n\u003cdiv class=\"mk-grid-compact\"\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🧴 Format nomade 30 ml\u003c\/h3\u003e\n\u003cp\u003eSe glisse partout : sac à langer, poussette ou valise de vacances.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e👶 Dès 6 mois\u003c\/h3\u003e\n\u003cp\u003eSpécialement conçu pour les peaux sensibles des tout-petits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🛡️ Efficace et doux\u003c\/h3\u003e\n\u003cp\u003eProtection respectueuse des peaux les plus fragiles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🌱 100% naturel\u003c\/h3\u003e\n\u003cp\u003eSubstance active d'origine végétale, formule sans alcool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"mk-section\"\u003e\n\u003ch2\u003eUne formule naturelle, sans alcool, enrichie en Aloe Vera Bio\u003c\/h2\u003e\n\u003cp class=\"mk-section-intro\"\u003eUne composition pensée pour les tout-petits, alliant efficacité répulsive et douceur pour la peau.\u003c\/p\u003e\n\u003cdiv class=\"mk-grid\"\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🌿 Eucalyptus Citriodora\u003c\/h3\u003e\n\u003cp\u003eSubstance active d'origine végétale concentrée à \u003cstrong\u003e10 %\u003c\/strong\u003e, reconnue pour ses propriétés répulsives puissantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e💧 Aloe Vera Bio\u003c\/h3\u003e\n\u003cp\u003eApaise et hydrate la peau de votre enfant à chaque application pour un confort optimal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🚫 Sans alcool\u003c\/h3\u003e\n\u003cp\u003eFormule douce qui respecte l'épiderme fragile des bébés et jeunes enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-composition-detail\"\u003e\n\u003cdetails class=\"mk-accordion-item\"\u003e\n\u003csummary class=\"mk-accordion-header\"\u003e📋 Liste complète des ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n\u003cp\u003e\u003cstrong\u003eSubstance active :\u003c\/strong\u003e Eucalyptus Citriodora oil, hydrated, cyclized (CAS n° 1245629-80-4) — 10 % m\/m\u003c\/p\u003e\n\u003cp style=\"margin-top: .5rem;\"\u003e\u003cstrong\u003eAutres ingrédients :\u003c\/strong\u003e Aloe Vera Bio, excipients qsp 30 ml\u003c\/p\u003e\n\u003cp style=\"margin-top: .5rem;\"\u003e\u003cstrong\u003eAllergènes :\u003c\/strong\u003e contient Eucalyptus Citriodora, Citronellol, Linalool, Citronellal, Limonène\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"mk-section\"\u003e\n\u003ch2\u003eEfficacité prouvée contre les moustiques et les tiques\u003c\/h2\u003e\n\u003cp class=\"mk-section-intro\"\u003eCe n'est pas parce qu'un produit est doux qu'il ne peut pas être performant. MoustiKids allie les deux.\u003c\/p\u003e\n\u003cdiv class=\"mk-grid\"\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🦟 Moustiques communs\u003c\/h3\u003e\n\u003cp\u003eProtection fiable contre les espèces courantes présentes en Europe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🐅 Moustique Tigre\u003c\/h3\u003e\n\u003cp\u003eEfficace contre cette espèce particulièrement présente en zone méditerranéenne.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🕷️ Tiques\u003c\/h3\u003e\n\u003cp\u003eRepousse les tiques, fréquentes lors des promenades en nature et en forêt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-stats-bar\"\u003e\n\u003cdiv class=\"mk-stat\"\u003e\n\u003cspan class=\"mk-stat-number\"\u003e4h\u003c\/span\u003e \u003cspan class=\"mk-stat-label\"\u003ede protection par application\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-stat\"\u003e\n\u003cspan class=\"mk-stat-number\"\u003e80 cm²\u003c\/span\u003e \u003cspan class=\"mk-stat-label\"\u003ecouverts par pulvérisation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-stat\"\u003e\n\u003cspan class=\"mk-stat-number\"\u003e~2 sem.\u003c\/span\u003e \u003cspan class=\"mk-stat-label\"\u003ed'utilisation (3 appli.\/jour)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"mk-section\"\u003e\n\u003ch2\u003eComment appliquer ce spray anti-moustique pour enfant ?\u003c\/h2\u003e\n\u003cp class=\"mk-section-intro\"\u003eL'utilisation est simple et rapide, même avec un bébé qui gigote !\u003c\/p\u003e\n\u003cdiv class=\"mk-timeline\"\u003e\n\u003cdiv class=\"mk-timeline-item\"\u003e\n\u003cdiv class=\"mk-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"mk-timeline-content\"\u003e\n\u003ch3\u003eVaporisez généreusement\u003c\/h3\u003e\n\u003cp\u003eAppliquez uniformément sur la peau propre et sèche de votre enfant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-timeline-item\"\u003e\n\u003cdiv class=\"mk-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"mk-timeline-content\"\u003e\n\u003ch3\u003eVisage et cou : méthode douce\u003c\/h3\u003e\n\u003cp\u003eVaporisez d'abord dans vos mains, puis appliquez délicatement sur le visage et le cou.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-timeline-item\"\u003e\n\u003cdiv class=\"mk-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"mk-timeline-content\"\u003e\n\u003ch3\u003eFrictionnez légèrement\u003c\/h3\u003e\n\u003cp\u003eRépartissez bien le produit pour une couverture homogène et une protection optimale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-timeline-item\"\u003e\n\u003cdiv class=\"mk-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"mk-timeline-content\"\u003e\n\u003ch3\u003eRenouvelez si nécessaire\u003c\/h3\u003e\n\u003cp\u003eAprès une baignade, une forte sudation ou une exposition à l'humidité. Maximum \u003cstrong\u003e3 applications par jour\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"mk-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi importantes\u003c\/h2\u003e\n\u003cdiv class=\"mk-accordion\"\u003e\n\u003cdetails class=\"mk-accordion-item\"\u003e\n\u003csummary class=\"mk-accordion-header\"\u003e👁️ Contact avec les yeux, la bouche et le nez\u003c\/summary\u003e\n\u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n\u003cp\u003eÉvitez tout contact avec les yeux, la bouche et le nez. Le produit peut provoquer une sévère irritation des yeux en cas de contact direct. En cas de contact accidentel, rincez abondamment à l'eau claire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mk-accordion-item\"\u003e\n\u003csummary class=\"mk-accordion-header\"\u003e🔒 Stockage et sécurité\u003c\/summary\u003e\n\u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le flacon hors de portée des enfants lorsqu'il n'est pas utilisé. Stockez dans un endroit frais et sec, à l'abri de la lumière directe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mk-accordion-item\"\u003e\n\u003csummary class=\"mk-accordion-header\"\u003e👶 Âge minimum\u003c\/summary\u003e\n\u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n\u003cp\u003eCe spray est réservé aux enfants de \u003cstrong\u003e6 mois et plus\u003c\/strong\u003e. Ne pas utiliser sur les nourrissons de moins de 6 mois.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"mk-accordion-item\"\u003e\n\u003csummary class=\"mk-accordion-header\"\u003e⚕️ Avis médical\u003c\/summary\u003e\n\u003cdiv class=\"mk-accordion-content mt-3\"\u003e\n\u003cp\u003eCe spray anti-moustique naturel ne remplace en aucun cas un avis médical. En cas de réaction cutanée inhabituelle, cessez l'utilisation et consultez un professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"mk-section\"\u003e\n\u003ch2\u003ePourquoi choisir MoustiKids by MoustiCare ?\u003c\/h2\u003e\n\u003cdiv class=\"mk-grid\"\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n\u003cp\u003eUn produit conçu et fabriqué en France, garantissant des standards de qualité élevés.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e🌍 1% for the Planet\u003c\/h3\u003e\n\u003cp\u003eEngagement environnemental concret : 1 % du chiffre d'affaires reversé pour la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-card\"\u003e\n\u003ch3\u003e✅ Certifié Bio\u003c\/h3\u003e\n\u003cp\u003eFormule certifiée biologique pour une transparence totale sur les ingrédients.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"mk-cta-box\"\u003e\n\u003cp\u003e🛡️ Efficacité, douceur et praticité au quotidien.\u003cbr\u003eProtégez vos tout-petits naturellement avec MoustiKids !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"mk-disclaimer\"\u003eLes produits biocides doivent être utilisés avec précaution. Avant toute utilisation, lisez l'étiquette et les informations concernant le produit.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --mk-cream: #f4f9fc;\n --mk-white: #ffffff;\n --mk-primary: #5BC0DE;\n --mk-primary-dark: #2a8fa8;\n --mk-primary-light: #e8f6fb;\n --mk-secondary: #4CAF50;\n --mk-accent: #E85D5D;\n --mk-text: #1a1a1a;\n --mk-text-light: #5a6a7a;\n --mk-border: #e0ecf2;\n --mk-shadow: 0 4px 24px rgba(42, 143, 168, .08);\n --mk-shadow-lg: 0 12px 48px rgba(42, 143, 168, .15);\n --mk-radius: 20px;\n --mk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mk-hero {\n position: relative;\n background: linear-gradient(135deg, #4db8d1 0%, #5BC0DE 40%, #7dd3e8 70%, #4CAF50 100%);\n border-radius: var(--mk-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(--mk-shadow-lg);\n}\n\n.mk-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 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.05) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mk-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.mk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mk-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(--mk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mk-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.mk-description {\n color: rgba(255,255,255,.88);\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.mk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mk-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.mk-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(--mk-primary), var(--mk-secondary));\n border-radius: 2px;\n}\n\n.mk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.mk-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mk-grid-compact .mk-card {\n padding: 1rem;\n}\n\n.mk-grid-compact .mk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mk-grid-compact .mk-card p {\n font-size: 12px;\n}\n\n\/* === STATS BAR === *\/\n.mk-stats-bar {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.5rem;\n background: linear-gradient(135deg, var(--mk-primary-light), #e6f9e8);\n border-radius: var(--mk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.mk-stat {\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.mk-stat-number {\n font-size: clamp(22px, 4vw, 32px);\n font-weight: 900;\n color: var(--mk-primary-dark);\n letter-spacing: -.02em;\n}\n\n.mk-stat-label {\n font-size: clamp(11px, 1.8vw, 13px);\n color: var(--mk-text-light);\n font-weight: 600;\n line-height: 1.3;\n}\n\n\/* === TIMELINE === *\/\n.mk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mk-primary), var(--mk-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.mk-timeline-content {\n flex: 1;\n background: var(--mk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mk-radius-sm);\n box-shadow: var(--mk-shadow);\n}\n\n.mk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mk-timeline-content p {\n font-size: 14px;\n color: var(--mk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === ACCORDÉON === *\/\n.mk-accordion {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n box-shadow: var(--mk-shadow);\n overflow: hidden;\n}\n\n.mk-composition-detail {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n box-shadow: var(--mk-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.mk-accordion-item {\n border-bottom: 1px solid var(--mk-border);\n margin: 0;\n padding: 0;\n}\n\n.mk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mk-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.mk-accordion-header:hover {\n background: var(--mk-primary-light);\n}\n\n.mk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mk-primary);\n transition: transform .2s ease;\n}\n\n.mk-accordion-item[open] .mk-accordion-header::after {\n content: '−';\n}\n\n.mk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mk-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.mk-cta-box {\n background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 100%);\n border-radius: var(--mk-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.mk-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.mk-disclaimer {\n font-size: 12px;\n color: var(--mk-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 .mk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mk-card {\n padding: 1.125rem;\n }\n\n .mk-section {\n margin-bottom: 1.75rem;\n }\n\n .mk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mk-radius-sm);\n }\n\n .mk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mk-grid-compact {\n gap: .625rem;\n }\n\n .mk-grid-compact .mk-card {\n padding: .75rem;\n }\n\n .mk-stats-bar {\n grid-template-columns: 1fr;\n gap: .75rem;\n padding: 1rem;\n }\n\n .mk-stat {\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .mk-stat-number {\n font-size: 20px;\n }\n\n .mk-stat-label {\n font-size: 12px;\n text-align: left;\n }\n\n .mk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mk-timeline-content h3 {\n font-size: 14px;\n }\n\n .mk-timeline-content p {\n font-size: 13px;\n }\n\n .mk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mk-card {\n animation: mkFadeInUp .5s ease backwards;\n }\n .mk-card:nth-child(1) { animation-delay: .05s; }\n .mk-card:nth-child(2) { animation-delay: .1s; }\n .mk-card:nth-child(3) { animation-delay: .15s; }\n .mk-card:nth-child(4) { animation-delay: .2s; }\n .mk-card:nth-child(5) { animation-delay: .25s; }\n .mk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mkFadeInUp {\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 .mk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MOUSTIKIDS","offers":[{"title":"Default Title","offer_id":56721548411257,"sku":"MC0055","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spray-anti-moustique-bebe-enfant-30ml-moustikids-packshothd.webp?v=1776947595"},{"product_id":"repulsif-moustique-liquide-beurre-murumuru-comme-avant","title":"Répulsif Moustique Liquide au Beurre de Murumuru – Comme Avant","description":"\u003cdiv class=\"murm-premium\"\u003e\n \u003cdiv class=\"murm-hero\"\u003e\n \u003cdiv class=\"murm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"murm-hero-content\"\u003e\n \u003cdiv class=\"murm-badges-top\"\u003e\n \u003cspan class=\"murm-badge\"\u003e🌿 100% origine naturelle\u003c\/span\u003e\n \u003cspan class=\"murm-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"murm-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n \u003cspan class=\"murm-badge\"\u003e👶 Dès 6 mois\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"murm-hero-title\"\u003eRépulsif Moustique Liquide\u003c\/span\u003e\n \u003cp class=\"murm-subtitle\" style=\"color:white;\"\u003eAu beurre de Murumuru — Comme Avant\u003c\/p\u003e\n \u003cp class=\"murm-description\" style=\"color:white;\"\u003eUne protection naturelle et douce jusqu'à \u003cstrong\u003e4 heures\u003c\/strong\u003e, efficace contre les moustiques communs et le moustique tigre. Sans DEET, sans alcool, sans fini gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"murm-section\"\u003e\n \u003ch2\u003eUn répulsif pour moustique naturel, doux et efficace\u003c\/h2\u003e\n \u003cp class=\"murm-section-intro\"\u003eVous cherchez un \u003cstrong\u003espray anti-moustique\u003c\/strong\u003e qui protège réellement, sans agresser votre peau ni l'environnement ? Le \u003cstrong\u003eRépulsif Moustique Liquide au Beurre de Murumuru\u003c\/strong\u003e de Comme Avant a été pensé pour vous offrir une protection fiable contre les moustiques, y compris le redoutable moustique tigre, tout en respectant la sensibilité de votre peau et celle de vos proches.\u003c\/p\u003e\n \u003cp class=\"murm-section-intro\"\u003eSa formule d'origine naturelle, enrichie en \u003cstrong\u003ebeurre de Murumuru\u003c\/strong\u003e et en huile de noisette, laisse un fini doux et non gras. Loin des sprays chimiques classiques, ce \u003cstrong\u003erépulsif à moustique\u003c\/strong\u003e mise sur des actifs végétaux pour repousser efficacement les insectes piqueurs, avec une délicate odeur citronnée bien plus agréable que les répulsifs traditionnels.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"murm-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce moustique répulsif naturel ?\u003c\/h2\u003e\n \u003cdiv class=\"murm-grid\"\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e⏱️ Jusqu'à 4 heures\u003c\/h3\u003e\n \u003cp\u003eUne efficacité prouvée contre les moustiques communs et les moustiques tigres.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e👶 Dès 6 mois\u003c\/h3\u003e\n \u003cp\u003eAdapté à toute la famille, des plus petits aux plus grands.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e💧 Sans effet gras\u003c\/h3\u003e\n \u003cp\u003eTexture fluide qui pénètre rapidement, sans film collant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🚫 Formule clean\u003c\/h3\u003e\n \u003cp\u003eSans colorant, sans parfum de synthèse, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; biodégradable\u003c\/h3\u003e\n \u003cp\u003eRespectueux de votre peau et de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriqué près de Marseille dans une démarche écoresponsable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"murm-section\"\u003e\n \u003ch2\u003eComposition : la force des ingrédients végétaux\u003c\/h2\u003e\n \u003cp class=\"murm-section-intro\"\u003eLa formule courte et transparente est l'une des grandes forces de ce \u003cstrong\u003erépulsif pour moustique naturel\u003c\/strong\u003e :\u003c\/p\u003e\n \u003cdiv class=\"murm-grid\"\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🌰 Huile de noisette\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eCorylus Avellana Seed Oil\u003c\/em\u003e\u003cbr\u003eNourrissante et pénétrante, elle apporte douceur à la peau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🌿 Émollient végétal\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eIsoamyl Laurate\u003c\/em\u003e\u003cbr\u003ePour une texture fluide et un toucher non gras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🍋 PMD\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePMD Rich Botanic Oil\u003c\/em\u003e\u003cbr\u003eActif anti-moustique d'origine naturelle, issu de l'eucalyptus citronné, reconnu pour son efficacité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🌴 Beurre de Murumuru\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eAstrocaryum Murumuru Seed Butter\u003c\/em\u003e\u003cbr\u003eAdoucit et protège la peau en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-tip\"\u003e\n \u003cspan class=\"murm-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eAucun ingrédient superflu : seulement ce qui est utile pour votre peau et votre tranquillité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"murm-section\"\u003e\n \u003ch2\u003eComment utiliser ce spray anti moustique ?\u003c\/h2\u003e\n \u003cdiv class=\"murm-timeline\"\u003e\n \u003cdiv class=\"murm-timeline-item\"\u003e\n \u003cdiv class=\"murm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"murm-timeline-content\"\u003e\n \u003ch3\u003eAgitez le flacon\u003c\/h3\u003e\n \u003cp\u003eSecouez bien avant chaque utilisation pour homogénéiser la formule.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-timeline-item\"\u003e\n \u003cdiv class=\"murm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"murm-timeline-content\"\u003e\n \u003ch3\u003eVaporisez à 15 cm de la peau\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les zones exposées : bras, jambes, chevilles, nuque. Évitez le contour des yeux et de la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-timeline-item\"\u003e\n \u003cdiv class=\"murm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"murm-timeline-content\"\u003e\n \u003ch3\u003eRenouvelez toutes les 4 heures\u003c\/h3\u003e\n \u003cp\u003eOu après une baignade pour conserver une protection optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-timeline-item\"\u003e\n \u003cdiv class=\"murm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"murm-timeline-content\"\u003e\n \u003ch3\u003ePour les jeunes enfants\u003c\/h3\u003e\n \u003cp\u003eAppliquez d'abord le produit dans le creux de votre main puis étalez-le délicatement sur leur peau. Lavez-vous les mains après application.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"murm-section\"\u003e\n \u003ch2\u003ePour qui est conçu cet anti-moustique spray ?\u003c\/h2\u003e\n \u003cp class=\"murm-section-intro\"\u003eCe \u003cstrong\u003erépulsif naturel moustique\u003c\/strong\u003e convient aux adultes et aux enfants \u003cstrong\u003eà partir de 6 mois\u003c\/strong\u003e. Il est déconseillé aux enfants de moins de 6 mois et aux femmes enceintes ou allaitantes. En cas de doute, demandez l'avis de votre médecin ou pharmacien.\u003c\/p\u003e\n \u003cdiv class=\"murm-tip\"\u003e\n \u003cspan class=\"murm-tip-icon\"\u003e⚠️\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003eCe produit ne remplace pas un avis médical et ne dispense pas des mesures de protection complémentaires (vêtements couvrants, moustiquaires) en zone à risque.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"murm-section\"\u003e\n \u003ch2\u003eUn geste utile pour la planète\u003c\/h2\u003e\n \u003cdiv class=\"murm-grid-compact\"\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre\u003c\/h3\u003e\n \u003cp\u003e90 ml rechargeable et entièrement recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication locale\u003c\/h3\u003e\n \u003cp\u003eProduit près de Marseille, en circuit court.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e🌱 Vegan \u0026amp; cruelty-free\u003c\/h3\u003e\n \u003cp\u003eNon testé sur les animaux, conforme à la réglementation européenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"murm-card\"\u003e\n \u003ch3\u003e♻️ Biodégradable\u003c\/h3\u003e\n \u003cp\u003eUne formule pensée pour respecter l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"murm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eVos interrogations, nos réponses\u003c\/h2\u003e\n \u003cdiv class=\"murm-accordion\"\u003e\n \u003cdetails class=\"murm-accordion-item\"\u003e\n \u003csummary class=\"murm-accordion-header\"\u003e🦟 Est-il efficace contre le moustique tigre ?\u003c\/summary\u003e\n \u003cdiv class=\"murm-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, grâce au \u003cstrong\u003ePMD\u003c\/strong\u003e, actif d'origine naturelle reconnu pour son action contre les moustiques tigres comme contre les moustiques communs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"murm-accordion-item\"\u003e\n \u003csummary class=\"murm-accordion-header\"\u003e⏱️ Quelle est sa durée d'efficacité ?\u003c\/summary\u003e\n \u003cdiv class=\"murm-accordion-content mt-3\"\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e4 heures par application\u003c\/strong\u003e. Renouvelez l'application après ce délai ou après une baignade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"murm-accordion-item\"\u003e\n \u003csummary class=\"murm-accordion-header\"\u003e💧 Laisse-t-il un film gras ?\u003c\/summary\u003e\n \u003cdiv class=\"murm-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, sa texture fluide pénètre rapidement sans effet collant ni fini gras sur la peau.\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 --murm-cream: #faf6ef;\n --murm-white: #ffffff;\n --murm-primary: #b87850;\n --murm-primary-dark: #8b5a3a;\n --murm-primary-light: #f5e8db;\n --murm-secondary: #d4a373;\n --murm-accent: #e9a23b;\n --murm-text: #2a1f17;\n --murm-text-light: #6b5c50;\n --murm-border: #e8dccb;\n --murm-shadow: 0 4px 24px rgba(139, 90, 58, .08);\n --murm-shadow-lg: 0 12px 48px rgba(139, 90, 58, .15);\n --murm-radius: 20px;\n --murm-radius-sm: 12px;\n}\n\n.murm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--murm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--murm-text);\n line-height: 1.6;\n}\n\n.murm-premium p {\n color: var(--murm-text);\n}\n\n.murm-hero {\n position: relative;\n background: linear-gradient(135deg, #c89070 0%, #b87850 50%, #8b5a3a 100%);\n border-radius: var(--murm-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(--murm-shadow-lg);\n}\n\n.murm-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%), radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .15;\n}\n\n.murm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.murm-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.murm-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.murm-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 680px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.murm-description strong {\n color: white;\n font-weight: 800;\n}\n\n.murm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.murm-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(--murm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.murm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.murm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.murm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--murm-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.murm-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(--murm-primary), var(--murm-secondary));\n border-radius: 2px;\n}\n\n.murm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--murm-text-light);\n margin: 0 auto 1.25rem;\n max-width: 760px;\n line-height: 1.75;\n}\n\n.murm-section-intro strong {\n color: var(--murm-primary-dark);\n font-weight: 700;\n}\n\n.murm-card {\n background: var(--murm-white);\n border-radius: var(--murm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--murm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.murm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--murm-shadow-lg);\n border-color: var(--murm-primary);\n}\n\n.murm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--murm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.murm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--murm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.murm-card em {\n color: var(--murm-primary);\n font-size: 12px;\n font-weight: 600;\n}\n\n.murm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.murm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.murm-grid-compact .murm-card {\n padding: 1rem;\n}\n\n.murm-grid-compact .murm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.murm-grid-compact .murm-card p {\n font-size: 12px;\n}\n\n.murm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.murm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.murm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--murm-primary), var(--murm-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(184, 120, 80, .3);\n}\n\n.murm-timeline-content {\n flex: 1;\n background: var(--murm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--murm-radius-sm);\n box-shadow: var(--murm-shadow);\n}\n\n.murm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--murm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.murm-timeline-content p {\n font-size: 14px;\n color: var(--murm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.murm-accordion {\n background: var(--murm-white);\n border-radius: var(--murm-radius);\n box-shadow: var(--murm-shadow);\n overflow: hidden;\n}\n\n.murm-accordion-item {\n border-bottom: 1px solid var(--murm-border);\n margin: 0;\n padding: 0;\n}\n\n.murm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.murm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--murm-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.murm-accordion-header:hover {\n background: var(--murm-primary-light);\n}\n\n.murm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.murm-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--murm-primary);\n transition: transform .2s ease;\n}\n\n.murm-accordion-item[open] .murm-accordion-header::after {\n content: '−';\n}\n\n.murm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--murm-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.murm-accordion-content p {\n margin: 0;\n color: var(--murm-text-light);\n}\n\n.murm-accordion-content strong {\n color: var(--murm-primary-dark);\n}\n\n.murm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--murm-primary-light);\n border-radius: var(--murm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.murm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.murm-tip p {\n font-size: 14px;\n color: var(--murm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .murm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .murm-card {\n padding: 1.125rem;\n }\n .murm-section {\n margin-bottom: 1.75rem;\n }\n .murm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--murm-radius-sm);\n }\n .murm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .murm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .murm-grid-compact {\n gap: .625rem;\n }\n .murm-grid-compact .murm-card {\n padding: .75rem;\n }\n .murm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .murm-timeline-content {\n padding: .875rem 1rem;\n }\n .murm-timeline-content h3 {\n font-size: 14px;\n }\n .murm-timeline-content p {\n font-size: 13px;\n }\n .murm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .murm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .murm-card {\n animation: fadeInUp .5s ease backwards;\n }\n .murm-card:nth-child(1) { animation-delay: .05s; }\n .murm-card:nth-child(2) { animation-delay: .1s; }\n .murm-card:nth-child(3) { animation-delay: .15s; }\n .murm-card:nth-child(4) { animation-delay: .2s; }\n .murm-card:nth-child(5) { animation-delay: .25s; }\n .murm-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 .murm-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":57192642937209,"sku":"NBAICAV0175","price":18.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/repulsif-moustique-liquide-au-beurre-de-murumuru-comme-avant-packshothd.webp?v=1777641364"},{"product_id":"trousse-essentiels-de-lete-spf30-apres-soleil-repulsif-moustique-comme-avant","title":"Trousse été Comme Avant - Crème solaire SPF30, Après-soleil \u0026 Répulsif moustique","description":"\u003cdiv class=\"cav-premium\"\u003e\n \u003cdiv class=\"cav-hero\"\u003e\n \u003cdiv class=\"cav-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cav-hero-content\"\u003e\n \u003cdiv class=\"cav-badges-top\"\u003e\n \u003cspan class=\"cav-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"cav-badge\"\u003e🇫🇷 Fabriqué près de Marseille\u003c\/span\u003e\n \u003cspan class=\"cav-badge\"\u003e♻️ Sans plastique\u003c\/span\u003e\n \u003cspan class=\"cav-badge\"\u003e✋ Fait main\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cav-hero-title\"\u003eTrousse Essentiels de l'Été\u003c\/span\u003e\n \u003cp class=\"cav-subtitle\"\u003eSPF30 · Après-soleil · Répulsif moustique\u003c\/p\u003e\n \u003cp class=\"cav-description\"\u003eLe rituel solaire naturel signé Comme Avant : 3 cosmétiques solides bio en formats pleins, réunis dans une jolie trousse en coton bio, pour un été serein et respectueux de votre peau comme des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"cav-section\"\u003e\n \u003ch2\u003eLa Trousse Essentiels de l'Été : votre rituel solaire naturel signé Comme Avant\u003c\/h2\u003e\n \u003cp class=\"cav-section-intro\"\u003eVous cherchez à profiter pleinement du soleil tout en respectant votre peau et la planète ? La \u003cstrong\u003eTrousse Essentiels de l'Été de Comme Avant\u003c\/strong\u003e réunit dans un seul kit les 3 indispensables pour des vacances sereines : une \u003cstrong\u003ecrème solaire minérale solide\u003c\/strong\u003e, un \u003cstrong\u003eaprès-soleil nourrissant\u003c\/strong\u003e et un \u003cstrong\u003erépulsif anti-moustiques solide\u003c\/strong\u003e. Trois cosmétiques solides certifiés bio, fabriqués à la main dans le Sud de la France, à la composition courte et sans plastique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cav-section\"\u003e\n \u003ch2\u003eCe que contient votre trousse\u003c\/h2\u003e\n \u003cdiv class=\"cav-grid\"\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e☀️ 1 crème solaire solide (80 g)\u003c\/h3\u003e\n \u003cp\u003eSPF30, à filtre UV minéral, pour une protection respectueuse de la peau et des océans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e🌸 1 après-soleil solide (70 g)\u003c\/h3\u003e\n \u003cp\u003eAux délicieux parfums d'abricots et fruits de la passion. Enrichi à l'\u003cstrong\u003ehuile d'amande douce\u003c\/strong\u003e, pour apaiser et nourrir la peau après l'exposition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e🦟 1 répulsif moustique solide (80 g)\u003c\/h3\u003e\n \u003cp\u003ePour profiter des soirées d'été en toute tranquillité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e👜 1 trousse en coton biologique\u003c\/h3\u003e\n \u003cp\u003eOfferte, pratique pour transporter vos cosmétiques partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e✨ Formats pleins\u003c\/h3\u003e\n \u003cp\u003eIl ne s'agit pas d'échantillons : ces formats vous accompagnent tout l'été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cav-section\"\u003e\n \u003ch2\u003ePourquoi adopter les cosmétiques solides Comme Avant ?\u003c\/h2\u003e\n \u003cdiv class=\"cav-grid-compact\"\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e🌱 Certifiés bio\u003c\/h3\u003e\n \u003cp\u003eListe d'ingrédients très courte et soigneusement sélectionnée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e🚫 Sans controverses\u003c\/h3\u003e\n \u003cp\u003eSans ingrédients controversés ni emballage plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e📦 Étuis recyclables\u003c\/h3\u003e\n \u003cp\u003eConditionnés dans des étuis carton pour réduire votre impact.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e✋ Faits main\u003c\/h3\u003e\n \u003cp\u003ePrès de Marseille, dans une démarche artisanale et transparente.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e✈️ Idéaux en voyage\u003c\/h3\u003e\n \u003cp\u003ePas de fuite, autorisés en bagage cabine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-card\"\u003e\n \u003ch3\u003e🌊 Ocean-friendly\u003c\/h3\u003e\n \u003cp\u003eFiltres minéraux respectueux des écosystèmes marins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cav-section\"\u003e\n \u003ch2\u003eComment utiliser vos cosmétiques solides ?\u003c\/h2\u003e\n \u003cdiv class=\"cav-timeline\"\u003e\n \u003cdiv class=\"cav-timeline-item\"\u003e\n \u003cdiv class=\"cav-timeline-number\"\u003e☀️\u003c\/div\u003e\n \u003cdiv class=\"cav-timeline-content\"\u003e\n \u003ch3\u003eCrème solaire minérale solide\u003c\/h3\u003e\n \u003cp\u003eAppliquez le stick directement sur la peau sèche, 15 à 20 minutes avant l'exposition. Renouvelez toutes les 2 heures et après chaque baignade. Insistez sur les zones sensibles : visage, épaules, décolleté, oreilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-timeline-item\"\u003e\n \u003cdiv class=\"cav-timeline-number\"\u003e🌸\u003c\/div\u003e\n \u003cdiv class=\"cav-timeline-content\"\u003e\n \u003ch3\u003eAprès-soleil solide\u003c\/h3\u003e\n \u003cp\u003eAprès la douche, faites glisser le stick sur l'ensemble du corps puis massez doucement. L'huile d'amande douce aide à \u003cstrong\u003enourrir et adoucir la peau\u003c\/strong\u003e mise à mal par le soleil et le sel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cav-timeline-item\"\u003e\n \u003cdiv class=\"cav-timeline-number\"\u003e🦟\u003c\/div\u003e\n \u003cdiv class=\"cav-timeline-content\"\u003e\n \u003ch3\u003eRépulsif moustique solide\u003c\/h3\u003e\n \u003cp\u003eAppliquez sur les zones découvertes (chevilles, poignets, nuque) avant de sortir, surtout en fin de journée. Évitez le contour des yeux et la bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cav-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette trousse ?\u003c\/h2\u003e\n \u003cdiv class=\"cav-testimonial\"\u003e\n \u003cp class=\"cav-testimonial-text\"\u003eCette trousse est idéale si vous souhaitez \u003cstrong\u003esimplifier votre routine estivale\u003c\/strong\u003e, voyager léger ou offrir un \u003cstrong\u003ecadeau utile et engagé\u003c\/strong\u003e. Elle convient à toute la famille, aussi bien à la mer qu'à la montagne. Pour les enfants en bas âge et les femmes enceintes ou allaitantes, vérifiez la compatibilité de chaque produit avec un professionnel de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"cav-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"cav-accordion\"\u003e\n \u003cdetails class=\"cav-accordion-item\"\u003e\n \u003csummary class=\"cav-accordion-header\"\u003e🧢 Mesures de protection essentielles\u003c\/summary\u003e\n \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n \u003cp\u003eCes cosmétiques ne se substituent pas à des mesures de protection essentielles : évitez l'exposition aux heures les plus chaudes, portez un chapeau et hydratez-vous régulièrement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cav-accordion-item\"\u003e\n \u003csummary class=\"cav-accordion-header\"\u003e⚠️ Réactions cutanées\u003c\/summary\u003e\n \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de réaction cutanée, cessez l'utilisation. Ces produits ne remplacent en aucun cas un avis ou un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"cav-accordion-item\"\u003e\n \u003csummary class=\"cav-accordion-header\"\u003e🧊 Conservation \u0026amp; sécurité\u003c\/summary\u003e\n \u003cdiv class=\"cav-accordion-content mt-3\"\u003e\n \u003cp\u003eTenez-les hors de portée des enfants et conservez-les à température ambiante, à l'abri de la chaleur directe.\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 --cav-cream: #faf6f0;\n --cav-white: #ffffff;\n --cav-primary: #d49a5c;\n --cav-primary-dark: #8a5a2b;\n --cav-primary-light: #f5e9d7;\n --cav-secondary: #c87a5a;\n --cav-accent: #e8b87c;\n --cav-text: #2a1f15;\n --cav-text-light: #6b5a48;\n --cav-border: #e8ddc9;\n --cav-shadow: 0 4px 24px rgba(138, 90, 43, .08);\n --cav-shadow-lg: 0 12px 48px rgba(138, 90, 43, .15);\n --cav-radius: 20px;\n --cav-radius-sm: 12px;\n}\n\n.cav-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cav-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--cav-text);\n}\n\n.cav-hero {\n position: relative;\n background: linear-gradient(135deg, #e8b87c 0%, #d49a5c 50%, #c87a5a 100%);\n border-radius: var(--cav-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(--cav-shadow-lg);\n}\n\n.cav-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: .6;\n}\n\n.cav-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cav-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.cav-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.cav-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 680px;\n margin: 0 auto;\n}\n\n.cav-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cav-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(--cav-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cav-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.cav-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cav-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cav-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.cav-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(--cav-primary), var(--cav-secondary));\n border-radius: 2px;\n}\n\n.cav-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cav-text-light);\n margin: 0 auto 1.75rem;\n max-width: 700px;\n line-height: 1.7;\n}\n\n.cav-card {\n background: var(--cav-white);\n border-radius: var(--cav-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cav-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cav-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cav-shadow-lg);\n border-color: var(--cav-primary);\n}\n\n.cav-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cav-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cav-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cav-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.cav-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cav-grid-compact .cav-card {\n padding: 1rem;\n}\n\n.cav-grid-compact .cav-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cav-grid-compact .cav-card p {\n font-size: 12px;\n}\n\n.cav-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cav-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cav-timeline-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--cav-primary), var(--cav-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: 22px;\n box-shadow: 0 4px 12px rgba(212, 154, 92, .3);\n}\n\n.cav-timeline-content {\n flex: 1;\n background: var(--cav-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cav-radius-sm);\n box-shadow: var(--cav-shadow);\n}\n\n.cav-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cav-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.cav-timeline-content p {\n font-size: 14px;\n color: var(--cav-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.cav-testimonial {\n background: var(--cav-white);\n border-radius: var(--cav-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cav-shadow);\n border-left: 4px solid var(--cav-primary);\n max-width: 850px;\n margin: 0 auto;\n}\n\n.cav-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cav-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.cav-accordion {\n background: var(--cav-white);\n border-radius: var(--cav-radius);\n box-shadow: var(--cav-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.cav-accordion-item {\n border-bottom: 1px solid var(--cav-border);\n margin: 0;\n padding: 0;\n}\n\n.cav-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cav-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cav-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.cav-accordion-header:hover {\n background: var(--cav-primary-light);\n}\n\n.cav-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cav-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--cav-primary);\n transition: transform .2s ease;\n}\n\n.cav-accordion-item[open] .cav-accordion-header::after {\n content: '−';\n}\n\n.cav-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cav-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cav-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .cav-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .cav-card {\n padding: 1.125rem;\n }\n .cav-section {\n margin-bottom: 1.75rem;\n }\n .cav-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cav-radius-sm);\n }\n .cav-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .cav-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .cav-grid-compact {\n gap: .625rem;\n }\n .cav-grid-compact .cav-card {\n padding: .75rem;\n }\n .cav-timeline-number {\n width: 38px;\n height: 38px;\n font-size: 18px;\n }\n .cav-timeline-content {\n padding: .875rem 1rem;\n }\n .cav-timeline-content h3 {\n font-size: 14px;\n }\n .cav-timeline-content p {\n font-size: 13px;\n }\n .cav-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .cav-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .cav-testimonial {\n padding: 1.25rem;\n }\n .cav-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .cav-card {\n animation: cavFadeInUp .5s ease backwards;\n }\n .cav-card:nth-child(1) { animation-delay: .05s; }\n .cav-card:nth-child(2) { animation-delay: .1s; }\n .cav-card:nth-child(3) { animation-delay: .15s; }\n .cav-card:nth-child(4) { animation-delay: .2s; }\n .cav-card:nth-child(5) { animation-delay: .25s; }\n .cav-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cavFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cav-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":57215829115257,"sku":"NBAICAV0176","price":55.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/trousse-essentiels-de-lete-spf30-apres-soleil-repulsif-moust-lifestyle.webp?v=1777967893"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/collectionantimoustique_11zon.jpg?v=1776948967","url":"https:\/\/www.naturellement-bio.com\/collections\/anti-moustique.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}