.nav-burger-only{display:none;}.nav-links.open .nav-burger-only{display:block;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;background:var(--blue-accent);color:white;padding:0.8rem 1.5rem;border-radius:0 0 8px 8px;font-weight:600;font-size:0.9rem;text-decoration:none;transition:top 0.2s;pointer-events:none;}.skip-link:focus{top:0;pointer-events:auto;}:root{--blue-deep:#0a2342;--blue-mid:#1a4a7a;--blue-light:#e8f4fd;--blue-accent:#2e90d4;--water:#6dbde3;--white:#ffffff;--gray-light:#f4f8fb;--gray-text:#4a5568;--text-dark:#0f1f2e;--gold:#c9a84c;}html{scroll-behavior:smooth;}body{font-family:'DM Sans',sans-serif;color:var(--text-dark);background:var(--white);}h1,h2,h3{font-family:'DM Sans',sans-serif;}#main-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 4rem;background:rgba(255,255,255,0.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(10,35,66,0.07);box-shadow:0 2px 20px rgba(10,35,66,0.06);transition:padding 0.3s,box-shadow 0.3s;}.nav-logo{font-family:'DM Sans',sans-serif;font-size:1.7rem;font-weight:700;color:var(--white);letter-spacing:0.04em;text-decoration:none;}.nav-logo span{color:var(--water);}.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center;}
#sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--blue-deep);padding:1rem 1.2rem;box-shadow:0 -4px 24px rgba(10,35,66,0.28);transition:opacity 0.3s;}#sticky-cta::before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue-accent),var(--water));}.sticky-cta-btn{display:block;width:100%;text-align:center;background:linear-gradient(135deg,var(--blue-accent) 0%,var(--water) 100%);color:white;font-family:"DM Sans",sans-serif;font-size:1rem;font-weight:700;padding:0.9rem 1.4rem;border-radius:8px;text-decoration:none;letter-spacing:0.01em;box-shadow:0 4px 16px rgba(46,144,212,0.35);transition:opacity 0.2s,transform 0.2s;}.sticky-cta-btn:hover{opacity:0.92;transform:translateY(-1px);}.sticky-cta-btn:active{transform:translateY(0);}
@media(max-width:768px){#sticky-cta{display:block;}}.nav-links a{color:var(--blue-deep);text-decoration:none;font-size:0.9rem;font-weight:500;letter-spacing:0.03em;transition:color 0.2s;text-transform:uppercase;}.nav-links a:not(.btn):hover,.nav-links a:not(.btn).active,.nav-links a:not(.btn)[aria-current="page"]{color:var(--blue-accent);font-weight:600;}.nav-links a.btn:hover{opacity:0.88;transform:translateY(-1px);}.nav-links li:last-child a:hover{color:#0a2342 !important;font-weight:600 !important;opacity:0.85;transform:translateY(-1px);transition:opacity 0.2s,transform 0.2s;}.nav-cta:hover{color:#0a2342 !important;font-weight:600 !important;opacity:0.85;transform:translateY(-1px);transition:opacity 0.2s,transform 0.2s;}.nav-cta::after{display:none !important;}.nav-links .btn{display:inline-flex;align-items:center;padding:0.45rem 1.1rem;line-height:1;min-height:unset;height:auto;}.nav-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;}.nav-burger span{width:24px;height:2px;background:var(--blue-deep);border-radius:2px;transition:0.3s;}#accueil{min-height:100vh;background:linear-gradient(165deg,var(--blue-deep) 0%,#0d3058 50%,#143f6e 100%);display:flex;flex-direction:column;position:relative;overflow:visible;}.hero-bg-circles{position:absolute;inset:0;pointer-events:none;overflow:hidden;}.hero-bg-circles::before{content:'';position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(109,189,227,0.12) 0%,transparent 70%);top:-200px;right:-200px;animation:pulse 8s ease-in-out infinite;}.hero-bg-circles::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(46,144,212,0.1) 0%,transparent 70%);bottom:-100px;left:10%;animation:pulse 10s ease-in-out infinite 2s;}@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.1);opacity:0.7;}}.wave{position:absolute;bottom:-1px;left:0;right:0;overflow:hidden;line-height:0;}.wave svg{display:block;width:100%;height:80px;}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:flex-start;gap:4rem;max-width:1280px;width:100%;margin:0 auto;padding:4.5rem 4rem 2rem;position:relative;z-index:1;flex:1;}.hero-content{position:relative;z-index:1;animation:fadeUp 0.9s ease both;}.hero-visual{display:flex;justify-content:center;align-items:flex-start;animation:fadeUp 0.9s ease 0.2s both;overflow:visible;margin-top:0;}.hero-visual img{width:85%;max-width:none;height:auto;object-fit:contain;border-radius:0;filter:drop-shadow(0 16px 32px rgba(0,0,0,0.25));margin-left:0;margin-right:0;}@keyframes fadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.hero-tag{display:inline-block;font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--water);border:1px solid rgba(109,189,227,0.4);padding:0.35rem 1rem;border-radius:100px;margin-bottom:1.5rem;}.hero-content h1{font-family:'DM Sans',sans-serif;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:0;height:3.3em;overflow:visible;}.hero-content h1 em{color:var(--water);font-style:normal;}.hero-content p{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,0.75);margin-bottom:2rem;max-width:580px;}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;}.hero-cta-desktop{position:relative;z-index:1;animation:fadeUp 0.9s ease 0.35s both;}.hero-cta-mobile{display:none;}.btn{padding:0.85rem 2rem;border-radius:6px;font-size:0.9rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all 0.25s;letter-spacing:0.02em;display:inline-block;}.btn-primary{background:var(--blue-accent);color:white;border:none;}.btn-primary:hover{background:#237ab8;transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,144,212,0.35);}.btn-outline{background:transparent;color:white;border:1px solid rgba(255,255,255,0.4);}.btn-outline:hover{border-color:var(--water);color:var(--water);transform:translateY(-2px);}.hero-stats{display:flex;gap:3rem;margin-top:3rem;animation:fadeUp 0.9s ease 0.3s both;}.stat{text-align:left;display:flex;flex-direction:column;}.stat-number{font-family:'DM Sans',sans-serif;font-size:2.2rem;font-weight:700;color:var(--white);}.stat-label{font-size:0.78rem;color:rgba(255,255,255,0.65);letter-spacing:0.05em;text-transform:uppercase;max-width:120px;line-height:1.3;}section{padding:6rem 4rem;box-sizing:border-box;overflow:hidden;}.section-label{font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--blue-accent);margin-bottom:0.8rem;}h2.section-title{font-family:'DM Sans',sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;color:var(--blue-deep);line-height:1.2;margin-bottom:1rem;}.section-desc{font-size:1.05rem;line-height:1.8;color:var(--gray-text);max-width:700px;margin:0 auto;}.divider{width:50px;height:3px;background:linear-gradient(90deg,var(--blue-accent),var(--water));border-radius:2px;margin:1.2rem auto 2rem;}#intro{background:#f0f6fb;padding-top:2.5rem;padding-bottom:3rem;}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;max-width:1200px;margin:0 auto;}.intro-text p{font-size:1rem;line-height:1.9;color:var(--gray-text);margin-bottom:1.2rem;}.intro-text a{color:var(--blue-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s;}.intro-text a:hover{border-color:var(--blue-accent);}.criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;}.criteria-card{background:var(--white);border-radius:14px;padding:1.6rem 1.2rem;border:1px solid rgba(46,144,212,0.13);box-shadow:0 2px 12px rgba(10,35,66,0.06);transition:box-shadow 0.22s,transform 0.22s,border-color 0.22s;display:flex;flex-direction:column;align-items:center;text-align:center;}.criteria-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(10,35,66,0.11);border-color:rgba(46,144,212,0.28);}.criteria-icon{font-size:1.8rem;margin-bottom:0.6rem;}.criteria-icon-svg{width:52px;height:52px;background:linear-gradient(135deg,#e8f4fd,#cce7f8);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 0.9rem;color:var(--blue-accent);flex-shrink:0;box-shadow:0 2px 8px rgba(46,144,212,0.12);}.criteria-card h3{font-size:0.84rem;font-weight:600;color:var(--blue-deep);line-height:1.45;margin:0;flex:1;display:flex;align-items:center;justify-content:center;}.criteria-card h4{font-size:0.85rem;font-weight:500;color:var(--blue-deep);line-height:1.5;}.filter-diagram{background:linear-gradient(135deg,var(--blue-deep),#1a4a7a);border-radius:16px;padding:2rem;color:white;margin-top:2.5rem;}.filter-diagram h3{font-family:'DM Sans',sans-serif;font-size:1.2rem;margin-bottom:1.5rem;color:var(--water);}.filter-steps{display:flex;gap:0;align-items:flex-start;justify-content:center;}.filter-step{flex:1;text-align:center;padding:1rem 0.5rem;position:relative;display:flex;flex-direction:column;align-items:center;}.filter-step:not(:last-child)::after{content:'→';position:absolute;right:-8px;top:42px;color:var(--water);font-size:1.4rem;line-height:1;}.step-circle{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.1);border:2px solid var(--water);display:flex;align-items:center;justify-content:center;margin:0 auto 0.9rem;font-size:1.6rem;overflow:hidden;flex-shrink:0;}.step-circle img{width:100%;height:100%;object-fit:cover;display:block;}.filter-step p{font-size:0.78rem;color:rgba(255,255,255,0.75);line-height:1.4;max-width:90px;}.price-block{display:flex;align-items:center;gap:2rem;background:var(--blue-light);border:1px solid rgba(46,144,212,0.2);border-radius:12px;padding:1.5rem 2rem;margin-top:1.5rem;}.price-main{font-family:'DM Sans',sans-serif;font-size:2.5rem;font-weight:700;color:var(--blue-deep);}.price-main small{font-size:1rem;font-weight:400;color:var(--gray-text);font-family:'DM Sans',sans-serif;}.price-detail{font-size:0.9rem;color:var(--gray-text);line-height:1.6;}.price-detail strong{color:var(--blue-deep);}#pourquoi{background:var(--blue-deep);color:white;padding-top:3rem;padding-bottom:3rem;}#pourquoi .section-label{color:var(--water);}#pourquoi h2.section-title{color:white;}#pourquoi .section-desc{color:rgba(255,255,255,0.7);}.polluants-intro{max-width:900px;margin:0 auto 4rem;text-align:center;}.polluants-intro .divider{margin:1.2rem auto 2rem;}.polluants-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto;}.polluant-card{background:#0d2d4a;border:1px solid rgba(109,189,227,0.18);border-radius:16px;padding:1.8rem;transition:background 0.25s,transform 0.25s,box-shadow 0.25s;cursor:default;position:relative;overflow:visible;box-shadow:0 4px 24px rgba(0,0,0,0.25),inset 0 1px 0 rgba(109,189,227,0.12);}.polluant-card h3{font-family:'DM Sans',sans-serif;font-size:1.15rem;color:var(--water);margin-bottom:0.8rem;}.polluant-card p{font-size:0.88rem;color:rgba(255,255,255,0.65);line-height:1.7;}@media(hover:hover) and (pointer:fine){.polluant-card:hover{background:#122840;transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,0.25),0 0 0 1px rgba(109,189,227,0.35),inset 0 1px 0 rgba(109,189,227,0.15);}}@media(hover:none){.criteria-card,.way-card,.polluant-card,.purif-feature-card,.nsf-badge,.solution-block,.charbon-block,.pp-block{transform:none !important;transition:none !important;box-shadow:revert !important;}}.polluant-tag{display:inline-block;font-size:0.7rem;padding:0.25rem 0.7rem;border-radius:100px;margin-bottom:0.8rem;font-weight:500;letter-spacing:0.05em;}.tag-moderate{background:rgba(201,168,76,0.2);color:var(--gold);border:1px solid rgba(201,168,76,0.3);}.tag-high{background:rgba(220,80,80,0.2);color:#f09090;border:1px solid rgba(220,80,80,0.3);}.tag-low{background:rgba(80,200,120,0.2);color:#80e0a0;border:1px solid rgba(80,200,120,0.3);}.solution-badge{margin-top:1rem;font-size:0.75rem;color:var(--water);display:flex;align-items:center;gap:0.4rem;}.solution-badge::before{content:'✓';font-weight:700;}#purificateur{background:white;padding-top:3rem;padding-bottom:3rem;}.purif-header{text-align:center;max-width:1200px;margin:0 auto 2.5rem;}.purif-content{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start;max-width:1200px;margin:0 auto;}.purif-text{min-width:0;}.purif-text p{font-size:1rem;line-height:1.9;color:var(--gray-text);margin-bottom:1.2rem;}.purif-visual{position:sticky;top:5.5rem;}.card-usages{margin-top:1.5rem;padding:1.1rem 1rem 1.2rem;background:var(--blue-light);border-radius:10px;border:1px solid rgba(46,144,212,0.12);}.card-usages-label{font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue-accent);margin:0 0 0.85rem;text-align:center;}.card-usages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;}.usage-item{display:flex;flex-direction:column;align-items:center;gap:0.4rem;text-align:center;}.usage-item span{font-size:0.72rem;font-weight:600;color:var(--blue-deep);line-height:1.3;}.purif-secondary-cta{margin-top:1.8rem;text-align:center;}.btn-ghost-purif{display:inline-flex;align-items:center;gap:0.9rem;background:transparent;color:var(--blue-deep);border:1.5px solid rgba(10,35,66,0.18);border-radius:12px;padding:0.85rem 1.4rem;text-decoration:none;transition:all 0.25s;}.btn-ghost-purif:hover{border-color:var(--blue-deep);background:rgba(10,35,66,0.03);transform:translateY(-1px);}.btn-ghost-icon{width:34px;height:34px;border-radius:8px;background:rgba(46,144,212,0.08);color:var(--blue-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.25s,color 0.25s;}.btn-ghost-purif:hover .btn-ghost-icon{background:var(--blue-accent);color:#fff;}.btn-ghost-text{display:flex;flex-direction:column;gap:0.1rem;text-align:left;}.btn-ghost-main{font-size:0.9rem;font-weight:600;color:var(--blue-deep);line-height:1.2;}.btn-ghost-sub{font-size:0.72rem;color:var(--gray-text);font-weight:400;}.btn-ghost-arrow{font-size:1.1rem;color:var(--blue-accent);margin-left:0.2rem;transition:transform 0.25s;}.btn-ghost-purif:hover .btn-ghost-arrow{transform:translateX(3px);}.product-card{background:white;border-radius:20px;padding:3rem 2.5rem;box-shadow:0 20px 60px rgba(10,35,66,0.12);text-align:center;position:relative;overflow:hidden;}.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-accent),var(--water));}.product-icon-main{font-size:5rem;margin-bottom:1rem;animation:float 4s ease-in-out infinite;}@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}.product-card h3{font-family:'DM Sans',sans-serif;font-size:1.5rem;color:var(--blue-deep);margin-bottom:0.5rem;}.product-card .tagline{font-size:0.9rem;color:var(--gray-text);margin-bottom:2rem;}.spec-list{list-style:none;text-align:left;margin-bottom:2rem;}.spec-list li{display:flex;align-items:flex-start;gap:0.7rem;padding:0.6rem 0;border-bottom:1px solid var(--gray-light);font-size:0.9rem;color:var(--gray-text);}.spec-list li:last-child{border-bottom:none;}.spec-icon{color:var(--blue-accent);flex-shrink:0;font-size:1rem;margin-top:2px;}.cta-product{display:block;text-align:center;background:linear-gradient(135deg,var(--blue-accent),var(--water));color:white;padding:1rem;border-radius:8px;font-weight:500;text-decoration:none;transition:opacity 0.2s,transform 0.2s;}.cta-product:hover{opacity:0.9;transform:translateY(-2px);}#aidez{background:white;padding-top:3rem;padding-bottom:3rem;}.aidez-inner{max-width:900px;margin:0 auto;text-align:center;}.aidez-inner .divider{margin:1.2rem auto 2rem;}.aidez-inner .section-desc{margin:0 auto 3rem;}.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;}.way-card{background:var(--gray-light);border-radius:14px;padding:2rem 1.5rem;text-align:center;border:1px solid transparent;transition:all 0.25s;}.way-card:hover{border-color:var(--blue-accent);box-shadow:0 8px 30px rgba(46,144,212,0.12);transform:translateY(-4px);}.way-icon{font-size:2.5rem;margin-bottom:1rem;}.way-card h3{font-family:'DM Sans',sans-serif;font-size:1.1rem;color:var(--blue-deep);margin-bottom:0.6rem;}.way-card p{font-size:0.88rem;color:var(--gray-text);line-height:1.6;}.newsletter-block{background:linear-gradient(135deg,var(--blue-deep),#1a4a7a);border-radius:20px;padding:3rem;color:white;margin-top:2rem;}.newsletter-block h3{font-family:'DM Sans',sans-serif;font-size:1.5rem;margin-bottom:0.5rem;}.newsletter-block p{font-size:0.9rem;color:rgba(255,255,255,0.7);margin-bottom:1.5rem;}.newsletter-form{display:flex;gap:0.8rem;max-width:500px;margin:0 auto;}.newsletter-form input{flex:1;padding:0.8rem 1.2rem;border-radius:6px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:white;font-size:0.9rem;outline:none;font-family:'DM Sans',sans-serif;}.newsletter-form input::placeholder{color:rgba(255,255,255,0.60);}.newsletter-form input:focus{border-color:var(--water);}.newsletter-form button{padding:0.8rem 1.5rem;background:var(--blue-accent);color:white;border:none;border-radius:6px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:background 0.2s;font-family:'DM Sans',sans-serif;white-space:nowrap;}.newsletter-form button:hover{background:#237ab8;}footer{background:var(--blue-deep);color:rgba(255,255,255,0.6);padding:3rem 4rem 2rem;}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem;}.footer-brand .nav-logo{font-size:1.5rem;display:block;margin-bottom:1rem;text-decoration:none;}.footer-brand p{font-size:0.88rem;line-height:1.7;max-width:280px;}footer h3,footer h4{font-size:0.85rem;font-weight:500;color:white;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:1.4rem;}footer ul{list-style:none;padding-top:0.2rem;}footer ul li{margin-bottom:0.75rem;}footer ul a{color:rgba(255,255,255,0.55);text-decoration:none;font-size:0.88rem;transition:color 0.2s;}footer ul a:hover{color:var(--water);}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;}.social-links{display:flex;gap:0.8rem;}.social-links a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6);text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:0.85rem;transition:background 0.2s,color 0.2s;}.social-links a:hover{background:var(--blue-accent);color:white;}.page-section{display:block;width:100%;padding:0;}.page-section h1{font-family:'DM Sans',sans-serif;font-size:2.5rem;color:var(--blue-deep);margin-bottom:1rem;}.page-section .lead{font-size:1.1rem;color:var(--gray-text);line-height:1.8;margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(0,0,0,0.08);}.polluant-detail{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(0,0,0,0.06);}.polluant-detail h2{font-family:'DM Sans',sans-serif;font-size:1.6rem;color:var(--blue-deep);margin-bottom:1rem;}.polluant-detail h3{font-size:1rem;color:var(--blue-mid);font-weight:500;margin:1.2rem 0 0.5rem;}.polluant-detail p{font-size:0.97rem;line-height:1.85;color:var(--gray-text);margin-bottom:0.8rem;}.polluant-detail ul{padding-left:1.5rem;margin-bottom:0.8rem;}.polluant-detail ul li{font-size:0.93rem;line-height:1.8;color:var(--gray-text);margin-bottom:0.3rem;}.polluant-detail a{color:var(--blue-accent);text-decoration:none;}.polluant-detail a:hover{text-decoration:underline;}.back-btn{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.88rem;color:var(--blue-accent);cursor:pointer;background:none;border:none;padding:0;margin-bottom:3rem;font-family:'DM Sans',sans-serif;text-decoration:none;}.back-btn:hover{opacity:0.7;}.back-btn:focus-visible{outline:3px solid var(--blue-accent);outline-offset:2px;}*:focus-visible{outline:3px solid var(--blue-accent);outline-offset:2px;}a:focus-visible,button:focus-visible{outline:3px solid var(--blue-accent);outline-offset:2px;}.btn:focus-visible{outline:3px solid var(--water);outline-offset:3px;box-shadow:0 0 0 6px rgba(46,144,212,0.2);}.hotspot-dot:focus-visible{outline:3px solid white;outline-offset:3px;}.main-site{display:block;}.pest-carousel{position:relative;width:100%;max-width:780px;margin:2rem auto 2.5rem;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(10,35,66,0.13);}.pest-carousel-track{display:flex;transition:transform 0.45s cubic-bezier(.77,0,.18,1);}.pest-slide{min-width:100%;}.pest-slide img{width:100%;height:auto;display:block;border-radius:12px;max-height:70vh;object-fit:contain;}.pest-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.92);border:none;border-radius:50%;width:44px;height:44px;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--blue-deep);box-shadow:0 2px 10px rgba(0,0,0,0.15);transition:background 0.2s;z-index:10;}.pest-btn:hover{background:white;}.pest-prev{left:12px;}.pest-next{right:12px;}.pest-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 8px;background:#f4f8fb;border-top:1px solid rgba(46,144,212,0.1);}.pest-dot{width:9px;height:9px;border-radius:50%;background:#c5d6e8;cursor:pointer;transition:background 0.2s;}.pest-dot.active{background:var(--blue-mid);}.polluants-intro-hero{text-align:center;padding-bottom:2rem;margin-bottom:1rem;}.polluants-intro-hero h1{font-size:2.2rem;margin-bottom:1.2rem;}.polluant-quote{border-left:3px solid var(--blue-accent);padding:1rem 1.5rem;background:var(--gray-light);border-radius:0 8px 8px 0;margin:1.5rem 0;font-style:italic;color:var(--gray-text);}.polluant-quote small{font-style:normal;color:var(--blue-mid);}.section-subtitle{font-family:'DM Sans',sans-serif;font-size:1.6rem;color:var(--blue-deep);margin-bottom:1rem;}#page-polluants{background:#f0f6fb;max-width:100%;padding:0;}.polluants-page-wrap{max-width:780px;margin:0 auto;padding:7rem 2rem 5rem;}#page-polluants .back-btn{margin-bottom:3rem;margin-top:4rem;}#page-ameliorer .back-btn{margin-bottom:3rem;margin-top:4rem;}#page-charbon .back-btn{margin-bottom:3rem;margin-top:4rem;}#page-pp .back-btn{margin-bottom:3rem;margin-top:4rem;}#page-confidentialite .back-btn{margin-bottom:3rem;margin-top:4rem;}#page-mentions .back-btn{margin-bottom:3rem;margin-top:4rem;}#page-accessibilite .back-btn{margin-bottom:3rem;margin-top:4rem;}.polluants-intro-hero{text-align:left;margin-bottom:0;padding-bottom:2.5rem;border-bottom:none;}.polluants-intro-hero h1{font-size:2.6rem;color:var(--blue-deep);margin-bottom:1rem;line-height:1.2;}.polluants-intro-hero .lead{font-size:1.05rem;color:var(--gray-text);line-height:1.9;border-bottom:none;padding-bottom:0;margin-bottom:0;}.drop-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;color:#b8d8ee;}.drop-divider::before,.drop-divider::after{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,#b8d8ee,transparent);}.drop-divider svg{flex-shrink:0;opacity:0.7;}.polluant-detail{background:white;border-radius:16px;padding:2rem 2.2rem;margin-bottom:0;border-bottom:none;box-shadow:0 2px 16px rgba(10,35,66,0.06);border-left:4px solid var(--blue-accent);position:relative;overflow:hidden;}.polluant-detail::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(109,189,227,0.08),transparent 70%);pointer-events:none;}.polluant-detail.pd-intro{border-left-color:#6dbde3;}.polluant-detail.pd-chlore{border-left-color:#6dbde3;}.polluant-detail.pd-micro{border-left-color:#4a90c4;}.polluant-detail.pd-pest{border-left-color:#c9a84c;background:#fffdf5;}.polluant-detail.pd-pfas{border-left-color:#c0392b;background:#fff8f8;}.polluant-detail.pd-med{border-left-color:#7f8c8d;}.polluant-detail.pd-bio{border-left-color:#27ae60;background:#f8fff9;}.polluant-detail.pd-cov{border-left-color:#8e44ad;background:#fdf8ff;}.polluant-detail.pd-alu{border-left-color:#95a5a6;}.polluant-detail.pd-cvm{border-left-color:#e67e22;background:#fff9f5;}.polluant-detail.pd-ssp{border-left-color:#2e90d4;}.polluant-detail h2{font-family:'DM Sans',sans-serif;font-size:1.4rem;color:var(--blue-deep);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;width:100%;}.polluant-detail h3{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue-accent);margin:1.4rem 0 0.5rem;padding-top:1rem;border-top:1px solid rgba(46,144,212,0.12);}.polluant-detail p{color:#4a5568;line-height:1.85;font-size:0.96rem;margin-bottom:0.8rem;}.polluant-detail ul{padding-left:1.2rem;margin:0.5rem 0;}.polluant-detail li{color:#4a5568;line-height:1.8;font-size:0.96rem;margin-bottom:0.3rem;}.polluant-detail a{color:var(--blue-accent);}.polluant-detail.pd-intro-text{background:transparent;box-shadow:none;border-left:none;border-radius:0;padding:1.5rem 0;}.polluant-detail.pd-intro-text::before{display:none;}.polluant-detail.pd-intro-text p{color:var(--gray-text);font-size:1rem;line-height:1.9;}.polluant-detail.pd-intro-text a{color:var(--blue-accent);}.polluant-detail.pd-intro-text .section-subtitle{font-size:1.8rem;margin-bottom:0.8rem;}.polluant-detail.pd-cvm{display:none;}#page-ameliorer{background:#f0f6fb;max-width:100%;padding:0;}.ameliorer-wrap{max-width:780px;margin:0 auto;padding:7rem 2rem 5rem;}.solution-block{background:white;border-radius:16px;padding:2rem 2.2rem;margin-bottom:0;box-shadow:0 2px 16px rgba(10,35,66,0.06);border-left:4px solid var(--blue-accent);position:relative;overflow:hidden;}.solution-block::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(109,189,227,0.07),transparent 70%);pointer-events:none;}.sol-gratuit{border-left-color:#95a5a6;}.sol-carafe{border-left-color:#6dbde3;}.sol-robinet{border-left-color:#4a90c4;}.sol-1etape{border-left-color:#c9a84c;background:#fffdf5;}.sol-2etapes{border-left-color:#27ae60;background:#f8fff9;}.sol-osmose{border-left-color:#2e90d4;background:#f0f8ff;}.eweo-badge{display:inline-flex;align-items:center;gap:0.4rem;background:rgba(39,174,96,0.1);color:#27ae60;border:1px solid rgba(39,174,96,0.25);border-radius:20px;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:600;letter-spacing:0.03em;margin-left:0.8rem;vertical-align:middle;}.polluant-card{position:relative;overflow:visible;}.eweo-card-badge{position:absolute;top:-8px;right:12px;display:inline-flex;align-items:center;gap:0.3rem;background:#27ae60;color:#ffffff;border:2px solid #2ecc71;border-radius:14px;padding:0.25rem 0.7rem;font-size:0.7rem;font-weight:700;letter-spacing:0.02em;white-space:nowrap;z-index:10;box-shadow:0 2px 8px rgba(39,174,96,0.4);}.eweo-card-badge svg{flex-shrink:0;stroke:#fff;}.solution-block h2{font-family:'DM Sans',sans-serif;font-size:1.35rem;color:var(--blue-deep);margin-bottom:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:0.4rem;}.solution-block h3{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue-accent);margin:1.4rem 0 0.5rem;padding-top:1rem;border-top:1px solid rgba(46,144,212,0.12);}.solution-block p{color:#4a5568;line-height:1.85;font-size:0.96rem;margin-bottom:0.8rem;}.solution-block ul,.solution-block ol{padding-left:1.3rem;margin:0.5rem 0 0.8rem;}.solution-block li{color:#4a5568;line-height:1.8;font-size:0.96rem;margin-bottom:0.25rem;}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:0.8rem;margin-top:1.2rem;}.pros,.cons{background:#f7fafc;border-radius:10px;padding:0.9rem 1rem;}.pros{border-top:3px solid #27ae60;}.cons{border-top:3px solid #e74c3c;}.pros-cons h4{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.5rem;}.pros h4{color:#27ae60;}.cons h4{color:#e74c3c;}.pros li,.cons li{font-size:0.87rem;line-height:1.6;color:#4a5568;margin-bottom:0.2rem;}.pros li::marker{color:#27ae60;}.cons li::marker{color:#e74c3c;}#page-ameliorer .drop-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;color:#b8d8ee;}#page-ameliorer .drop-divider::before,#page-ameliorer .drop-divider::after{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,#b8d8ee,transparent);}.recap-table-wrap{overflow-x:auto;margin:1.5rem 0;border-radius:12px;box-shadow:0 2px 16px rgba(10,35,66,0.07);}.recap-table{width:100%;border-collapse:collapse;background:white;font-size:0.88rem;}.recap-table thead tr{background:var(--blue-deep);color:white;}.recap-table thead th{padding:0.9rem 0.8rem;text-align:center;font-weight:600;font-size:0.78rem;letter-spacing:0.04em;white-space:nowrap;}.recap-table thead th:first-child{text-align:left;position:sticky;left:0;background:var(--blue-deep);z-index:3;}.recap-table tbody tr:nth-child(even){background:#f4f8fb;}.recap-table tbody tr:nth-child(odd){background:white;}.recap-table tbody tr.row-highlight{background:rgba(39,174,96,0.07);border-left:3px solid #27ae60;}.recap-table td{padding:0.7rem 0.8rem;color:#4a5568;vertical-align:middle;border-bottom:1px solid #e8f0f7;white-space:nowrap;text-align:center;}.recap-table td:first-child{font-weight:600;color:var(--blue-deep);white-space:nowrap;text-align:left;position:sticky;left:0;background:white;z-index:1;box-shadow:2px 0 6px rgba(10,35,66,0.06);}.recap-table tbody tr:nth-child(even) td:first-child{background:#f4f8fb;}.tag-ok{color:#27ae60;font-weight:600;}.tag-nok{color:#e74c3c;}.tag-med{color:#c9a84c;font-weight:500;}.tech-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0;}.tech-box{background:#f7fafc;border-radius:10px;padding:1rem 1.1rem;border-top:3px solid var(--blue-accent);}.tech-box h4{font-size:0.85rem;font-weight:700;color:var(--blue-deep);margin-bottom:0.6rem;letter-spacing:0.03em;}.tech-box ul{list-style:none;padding-left:0;margin:0;}.tech-box li{font-size:0.85rem;color:#4a5568;line-height:1.7;}.certif-note{background:#fff8e6;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:0.9rem 1.1rem;margin:1rem 0;font-size:0.9rem;color:#5a4a1a;line-height:1.7;}.certif-note strong{color:#8a6a00;}.solution-conclusion{background:linear-gradient(135deg,var(--blue-deep),var(--blue-mid));color:white;border-radius:16px;padding:2.2rem 2.5rem;margin-top:0;text-align:center;}.solution-conclusion h2{font-family:'DM Sans',sans-serif;font-size:1.6rem;color:white;margin-bottom:1rem;}.solution-conclusion p{color:rgba(255,255,255,0.85);line-height:1.8;margin-bottom:0.8rem;}.solution-conclusion strong{color:white;}.table-fullwidth-wrap{width:100%;max-width:100%;margin:0;padding:2.5rem 0 3rem;box-sizing:border-box;background:#f0f6fb;}.table-fullwidth-wrap h2{padding:0 2rem 1.5rem;}.table-fullwidth-wrap p{padding:0 2rem;}.recap-table thead th:nth-child(6){background:rgba(10,35,66,0.95) !important;border-top:3px solid #6dbde3;position:relative;}.recap-table tbody td:nth-child(6){border-left:1px solid rgba(109,189,227,0.3);border-right:1px solid rgba(109,189,227,0.3);font-weight:600;color:var(--blue-deep);}.recap-table tbody tr:last-child td:nth-child(6){border-bottom:2px solid rgba(109,189,227,0.4);}.filter-step.clickable{cursor:pointer;}.filter-step.clickable .step-circle{transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;}.filter-step.clickable:hover .step-circle{transform:scale(1.12);box-shadow:0 0 0 6px rgba(109,189,227,0.25);border-color:white;}.filter-step.clickable p{transition:color 0.2s;}.filter-step.clickable:hover p{color:white;}.step-learn-more{font-size:0.68rem;color:rgba(109,189,227,0.8);margin-top:0.3rem;opacity:0;transform:translateY(4px);transition:opacity 0.2s,transform 0.2s;max-width:90px;text-align:center;}.filter-step.clickable:hover .step-learn-more{opacity:1;transform:translateY(0);}#page-charbon{background:#f0f6fb;max-width:100%;padding:0;}.charbon-wrap{max-width:780px;margin:0 auto;padding:5.5rem 2rem 5rem;}.charbon-block{background:white;border-radius:16px;padding:2rem 2.2rem;margin-bottom:0;box-shadow:0 2px 16px rgba(10,35,66,0.06);border-left:4px solid var(--blue-accent);position:relative;overflow:hidden;}.charbon-block::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(109,189,227,0.07),transparent 70%);pointer-events:none;}.charbon-block h2{font-family:'DM Sans',sans-serif;font-size:1.35rem;color:var(--blue-deep);margin-bottom:1rem;}.charbon-block h3{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue-accent);margin:1.4rem 0 0.5rem;padding-top:1rem;border-top:1px solid rgba(46,144,212,0.12);}.charbon-block p{color:#4a5568;line-height:1.85;font-size:0.96rem;margin-bottom:0.8rem;}.charbon-block ul{padding-left:0;list-style:none;margin:0.5rem 0 0.8rem;}.charbon-block li{color:#4a5568;line-height:1.85;font-size:0.96rem;padding:0.3rem 0 0.3rem 1.2rem;position:relative;border-bottom:1px solid rgba(46,144,212,0.07);}.charbon-block li::before{content:'—';position:absolute;left:0;color:var(--blue-accent);}.charbon-block li strong{color:var(--blue-deep);}.charbon-block code{background:#e8f4fd;color:var(--blue-deep);padding:0.1rem 0.4rem;border-radius:4px;font-size:0.9rem;font-family:monospace;}.charbon-note{background:#fff8e6;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:0.9rem 1.1rem;margin:1rem 0;font-size:0.91rem;color:#5a4a1a;line-height:1.7;}.charbon-note strong{color:#8a6a00;}.charbon-alert{background:#fff0f0;border-left:3px solid #e74c3c;border-radius:0 10px 10px 0;padding:0.9rem 1.1rem;margin:1rem 0;font-size:0.91rem;color:#5a1a1a;line-height:1.7;}#page-pp{background:#f0f6fb;max-width:100%;padding:0;}.pp-wrap{max-width:780px;margin:0 auto;padding:5.5rem 2rem 5rem;}.pp-block{background:white;border-radius:16px;padding:2rem 2.2rem;margin-bottom:0;box-shadow:0 2px 16px rgba(10,35,66,0.06);border-left:4px solid var(--blue-accent);position:relative;overflow:hidden;}.pp-block::before{content:'';position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(109,189,227,0.07),transparent 70%);pointer-events:none;}.pp-block h2{font-family:'DM Sans',sans-serif;font-size:1.35rem;color:var(--blue-deep);margin-bottom:1rem;}.pp-block h3{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue-accent);margin:1.4rem 0 0.5rem;padding-top:1rem;border-top:1px solid rgba(46,144,212,0.12);}.pp-block p{color:#4a5568;line-height:1.85;font-size:0.96rem;margin-bottom:0.8rem;}.pp-block ul{padding-left:0;list-style:none;margin:0.5rem 0 0.8rem;}.pp-block li{color:#4a5568;line-height:1.85;font-size:0.96rem;padding:0.3rem 0 0.3rem 1.2rem;position:relative;border-bottom:1px solid rgba(46,144,212,0.07);}.pp-block li::before{content:'—';position:absolute;left:0;color:var(--blue-accent);}.pp-block li strong{color:var(--blue-deep);}.pp-note{background:#fff8e6;border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:0.9rem 1.1rem;margin:1rem 0;font-size:0.91rem;color:#5a4a1a;line-height:1.7;}.pp-note strong{color:#8a6a00;}.pp-alert{background:#fff0f0;border-left:3px solid #e74c3c;border-radius:0 10px 10px 0;padding:0.9rem 1.1rem;margin:1rem 0;font-size:0.91rem;color:#5a1a1a;line-height:1.7;}.color-indicator{display:flex;align-items:center;gap:1.5rem;background:#f7fafc;border-radius:12px;padding:1.2rem 1.4rem;margin:1rem 0;flex-wrap:wrap;}.color-swatch{display:flex;flex-direction:column;align-items:center;gap:0.4rem;font-size:0.8rem;color:#4a5568;font-weight:500;min-width:70px;}.swatch{width:52px;height:52px;border-radius:50%;border:2px solid rgba(0,0,0,0.08);box-shadow:inset 0 2px 6px rgba(0,0,0,0.1);}.swatch-arrow{font-size:1.4rem;color:var(--blue-accent);align-self:center;padding-top:0;}.color-indicator-label{font-size:0.82rem;color:var(--gray-text);line-height:1.6;flex:1;min-width:180px;}.micron-scale{background:linear-gradient(135deg,#e8f4fd,#f0f6fb);border-radius:12px;padding:1.2rem 1.4rem;margin:1rem 0;}.micron-row{display:flex;align-items:center;gap:1rem;padding:0.4rem 0;border-bottom:1px solid rgba(46,144,212,0.1);font-size:0.88rem;}.micron-row:last-child{border-bottom:none;}.micron-val{font-weight:700;color:var(--blue-deep);min-width:55px;font-size:0.85rem;}.micron-bar-wrap{flex:1;height:8px;background:rgba(46,144,212,0.1);border-radius:4px;overflow:hidden;}.micron-bar{height:100%;border-radius:4px;background:var(--blue-accent);}.micron-label{color:#4a5568;min-width:140px;font-size:0.82rem;}body{max-width:100%;}*,*::before,*::after{box-sizing:border-box;}img,video,iframe{max-width:100%;height:auto;}@media (max-width:900px){section{padding:4rem 1.5rem;box-sizing:border-box;}.hero-inner{padding:5.5rem 2rem 2rem;gap:2.5rem;}#main-nav{padding:0.9rem 1.5rem;}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(255,255,255,0.99);border-top:1px solid rgba(10,35,66,0.07);box-shadow:0 8px 24px rgba(10,35,66,0.08);padding:1.2rem 1.5rem;gap:0.8rem;z-index:99;}.nav-links.open{display:flex;}.nav-burger{display:flex;}.hero-inner{padding:5.5rem 2rem 2rem;}.hero-stats{gap:1.5rem;flex-wrap:wrap;}.intro-grid{grid-template-columns:1fr !important;gap:2.5rem;}.criteria-grid{grid-template-columns:1fr 1fr !important;}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem;}.ways-grid{grid-template-columns:repeat(2,1fr) !important;}.purif-content{grid-template-columns:1fr !important;gap:2rem;}.purif-text{order:1;}.purif-visual{order:2;position:static !important;}.polluants-grid{grid-template-columns:repeat(2,1fr);}.footer-inner{grid-template-columns:1fr 1fr !important;gap:2rem;}.footer-brand{grid-column:1 / -1;}.polluants-page-wrap,.ameliorer-wrap,.charbon-wrap,.pp-wrap{padding:5rem 1.5rem 3rem;}}@media (max-width:600px){#main-nav{padding:0.4rem 0.8rem !important;}.nav-logo-img img{height:44px !important;}section{padding:2.5rem 0.8rem !important;}.hero-inner{grid-template-columns:1fr !important;padding:4.5rem 0.8rem 2.5rem !important;text-align:center;gap:0;}.hero-visual{order:-1;}.hero-bg-circles::before{width:300px !important;height:300px !important;top:-50px !important;right:-50px !important;}.hero-bg-circles::after{width:200px !important;height:200px !important;bottom:-50px !important;left:5% !important;}.hero-visual img{width:auto !important;max-width:200px !important;margin:0 auto !important;display:block;border-radius:16px;filter:none !important;margin-left:0 !important;margin-right:0 !important;}.hero-content{padding:0;}.hero-content h1{font-size:clamp(1.7rem,7vw,2.2rem);line-height:1.15;height:auto;}.hero-content p{font-size:0.9rem;max-width:100%;padding:0;line-height:1.5;margin-bottom:0.2rem !important;}.hero-tag{font-size:0.7rem;}.wave svg{height:60px !important;}.wave{margin-top:-1px !important;}.hero-stats{display:grid !important;grid-template-columns:1fr 1fr !important;gap:0.5rem !important;margin-top:0.5rem;padding:0 0.3rem;align-items:stretch !important;}.stat{min-width:0;text-align:center;background:rgba(255,255,255,0.03);border:1px solid rgba(109,189,227,0.1);border-radius:10px;padding:0.5rem 0.3rem;height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;}.stat-number{font-size:1.3rem;}.stat-label{font-size:0.62rem;max-width:70px;line-height:1.25;margin:0 auto;text-align:center;}.hero-cta-desktop{display:none;}.hero-cta-mobile{display:flex;flex-direction:column;align-items:center;gap:0.8rem;padding:0 0.8rem 2rem;position:relative;z-index:1;animation:fadeUp 0.9s ease 0.35s both;}.hero-cta-mobile .btn{width:min(100%,260px);text-align:center;}.hero-stats{order:5;}.hero-content{display:flex;flex-direction:column;}.hero-cta .btn{width:100%;max-width:260px;text-align:center;}#intro{padding:2.5rem 0.8rem !important;border-top:none !important;overflow:hidden !important;}.intro-grid{grid-template-columns:1fr !important;padding:0 !important;margin:0 !important;gap:1.5rem !important;overflow:hidden !important;width:calc(100vw  -  1.6rem) !important;}.intro-grid > *{overflow:hidden !important;width:100% !important;}.intro-grid .criteria-grid{overflow-x:auto !important;overflow-y:visible !important;}.intro-grid .filter-diagram{overflow:hidden !important;}.intro-text{padding:0 !important;max-width:100% !important;width:100% !important;overflow:hidden !important;}.intro-text p{font-size:0.9rem;line-height:1.7;}.section-title{font-size:1.3rem !important;}.section-desc{font-size:0.9rem !important;padding:0 !important;max-width:100% !important;}.divider{margin:0.8rem auto 1rem;}.price-block{padding:0.8rem !important;flex-direction:column !important;gap:0.5rem;margin:1rem 0 !important;overflow:hidden !important;}.price-main{font-size:1.6rem;}.price-main small{font-size:0.85rem;}.price-detail{font-size:0.82rem;line-height:1.5;}#pourquoi{padding:2.5rem 0.8rem !important;}#pourquoi .section-desc{max-width:100% !important;}#purificateur{padding:2rem 0.8rem !important;}#aidez{padding:2rem 0.8rem !important;}.aidez-inner{padding:0 !important;text-align:center;}.aidez-inner .section-desc{max-width:100% !important;}.aidez-inner .divider{margin:0.8rem auto 1rem;}.polluants-page-wrap,.ameliorer-wrap,.charbon-wrap,.pp-wrap{padding:3.5rem 0.8rem 2.5rem !important;}.polluant-detail{padding:1rem 0.8rem !important;max-width:100% !important;border-radius:10px !important;margin-bottom:0.8rem !important;}.polluant-detail p,.polluant-detail ul{padding:0;}.polluants-intro-hero{padding:0;}.polluants-intro-hero h1{font-size:1.5rem !important;line-height:1.2;}.polluants-intro-hero .lead{font-size:0.9rem;line-height:1.7;}.polluant-detail h2{font-size:1.1rem !important;line-height:1.3;margin-bottom:0.8rem !important;}.polluant-detail h3{font-size:0.82rem !important;font-weight:700;letter-spacing:0.08em;margin:1rem 0 0.5rem !important;}.polluant-detail p{font-size:0.85rem !important;line-height:1.7 !important;}.polluant-detail li{font-size:0.84rem !important;line-height:1.65 !important;padding-left:0.2rem;}.polluant-detail ul{list-style-type:disc !important;padding-left:1.2rem !important;margin:0.4rem 0 0.6rem !important;}.footer-brand .nav-logo-img img{height:44px !important;}.criteria-grid{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0.6rem !important;padding:0.4rem 0 0.8rem !important;scrollbar-width:none;touch-action:pan-x pan-y;}.criteria-grid::-webkit-scrollbar{display:none;}.criteria-card{flex:0 0 38% !important;scroll-snap-align:start;padding:0.8rem !important;aspect-ratio:1 / 1;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center;}.criteria-grid::after{content:'';flex:0 0 1px;}.criteria-icon{font-size:1.4rem;margin-bottom:0.3rem;}.criteria-card h4{font-size:0.73rem;line-height:1.3;}.features-grid{grid-template-columns:1fr !important;gap:0.8rem;}.feature-card{padding:1rem 0.8rem;}.filter-diagram{padding:1rem 0.4rem !important;margin:1rem 0 !important;border-radius:12px !important;overflow:hidden !important;}.filter-diagram h3{text-align:center;font-size:0.9rem;margin-bottom:0.8rem;}.filter-steps{display:grid !important;grid-template-columns:1fr auto 1fr !important;grid-template-rows:auto auto auto !important;gap:0 !important;justify-items:center;align-items:center;}.filter-step{padding:0.2rem;display:flex;flex-direction:column;align-items:center;}.step-circle{width:52px;height:52px;font-size:0.9rem;}.filter-step p{font-size:0.7rem;max-width:80px;font-weight:600;line-height:1.3;text-align:center;}.filter-step:nth-child(1){grid-column:1 / -1;grid-row:1;margin-bottom:0;}.filter-step:nth-child(1)::after{content:'↓' !important;display:block !important;position:static !important;width:auto !important;height:auto !important;background:none !important;font-size:1.4rem;color:var(--water);margin-top:0.1rem;}.filter-step:nth-child(2){grid-column:1;grid-row:2;}.filter-step:nth-child(2)::after{display:none !important;}.filter-step:nth-child(3){grid-column:3;grid-row:2;}.filter-step:nth-child(3)::after{display:none !important;}.filter-steps::before{content:'→' !important;grid-column:2;grid-row:2;font-size:1.4rem;color:var(--water);display:flex !important;align-items:center;justify-content:center;padding:0 0.3rem;}.filter-steps::after{content:'↓';grid-column:1 / -1;grid-row:3;font-size:1.4rem;color:var(--water);margin:0.1rem 0;}.filter-step:nth-child(4){grid-column:1 / -1;grid-row:4;}.filter-step:nth-child(4)::after{display:none !important;}.filter-step.clickable .step-circle{box-shadow:0 0 0 2px rgba(46,144,212,0.3);animation:pulseClickable 2s ease-in-out infinite;}.step-learn-more{display:block !important;font-size:0.6rem;color:var(--blue-accent);font-weight:600;margin-top:0.15rem;}.polluants-grid{display:flex !important;overflow-x:auto !important;overflow-y:visible !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0.8rem !important;padding:0.8rem 0 !important;scrollbar-width:none;flex-wrap:nowrap;touch-action:pan-x pan-y;}.polluants-grid::-webkit-scrollbar{display:none;}.polluant-card{flex:0 0 75% !important;scroll-snap-align:start;padding:1.2rem 0.8rem 0.8rem !important;min-height:44px;overflow:visible !important;position:relative;}.nsf-section{padding:2rem 0.8rem !important;}.nsf-intro{margin-bottom:1.5rem !important;}.nsf-intro h2{font-size:1.3rem !important;}h2.section-title{font-size:1.3rem !important;}.section-label{font-size:0.7rem !important;}.nsf-intro p{font-size:0.82rem !important;line-height:1.6;}.nsf-orgs{display:flex !important;flex-wrap:nowrap !important;justify-content:center;align-items:stretch;gap:0.5rem;}.nsf-org-badge{flex:1;max-width:140px;padding:0.5rem !important;flex-direction:column;text-align:center;gap:0.3rem;font-size:0.7rem;}.nsf-org-logo{height:30px !important;}.nsf-org-name{font-size:0.68rem !important;}.nsf-org-sub{font-size:0.58rem !important;}.nsf-org-separator{display:block !important;font-size:1rem;color:#c0cdd8;flex-shrink:0;}.nsf-badges{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0.8rem !important;padding-bottom:0.8rem;scrollbar-width:none;touch-action:pan-x pan-y;}.nsf-badges::-webkit-scrollbar{display:none;}.nsf-badge{flex:0 0 80% !important;scroll-snap-align:start;padding:1.2rem 1rem;}.nsf-footer-note{font-size:0.75rem !important;line-height:1.6;}#purificateur .divider{margin-left:auto !important;margin-right:auto !important;}.purif-content{grid-template-columns:1fr !important;gap:1rem;padding:0 !important;}.purif-text{order:1 !important;padding:0 !important;}.purif-visual{order:2 !important;position:static !important;}.purif-text p{font-size:0.88rem;line-height:1.7;}.product-card{padding:1.2rem 0.8rem !important;width:100% !important;margin:0 !important;box-sizing:border-box !important;}.card-usages{padding:0.9rem 0.7rem 1rem !important;}.card-usages-grid{gap:0.3rem !important;}.usage-item span{font-size:0.68rem !important;}.btn-ghost-purif{padding:0.7rem 1rem !important;gap:0.7rem !important;}.btn-ghost-main{font-size:0.82rem !important;}.btn-ghost-sub{font-size:0.66rem !important;}.product-card h3{font-size:1.15rem;}.product-card .tagline{font-size:0.8rem;}.spec-list li{font-size:0.8rem;}.ways-grid{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0.8rem !important;padding-bottom:0.8rem;scrollbar-width:none;touch-action:pan-x pan-y;}.ways-grid::-webkit-scrollbar{display:none;}.way-card{flex:0 0 78% !important;scroll-snap-align:start;}.newsletter-block{padding:1.5rem 0.8rem !important;border-radius:10px !important;margin:0 !important;width:100% !important;box-sizing:border-box !important;}.newsletter-form{flex-direction:column !important;align-items:stretch !important;max-width:100% !important;}.newsletter-form input,.newsletter-form .btn{width:100% !important;max-width:100% !important;box-sizing:border-box !important;}div[style*="flex-wrap:wrap"]{flex-wrap:nowrap !important;}div[style*="flex-wrap:wrap"] .btn{font-size:0.72rem !important;padding:0.55rem 0.7rem !important;white-space:nowrap;}.footer-inner{grid-template-columns:1fr !important;gap:1.5rem;}.footer-brand{text-align:center;grid-column:auto !important;}.footer-bottom{flex-direction:column !important;gap:0.8rem;text-align:center;}.charbon-block,.pp-block{padding:1.2rem 0.8rem;}.charbon-block h2,.pp-block h2{font-size:1.1rem;}.pros-cons{grid-template-columns:1fr !important;}.tech-compare{grid-template-columns:1fr !important;}.solution-block{padding:1rem 0.8rem !important;border-radius:10px !important;margin-bottom:0.8rem !important;}.solution-block h2{font-size:1rem !important;line-height:1.3;margin-bottom:0.8rem !important;}.solution-block h3{font-size:0.78rem !important;font-weight:700;letter-spacing:0.06em;margin:0.8rem 0 0.4rem !important;}.solution-block p{font-size:0.82rem !important;line-height:1.65 !important;}.solution-block li{font-size:0.82rem !important;line-height:1.6 !important;}.solution-block ul{list-style-type:disc !important;padding-left:1.2rem !important;}.page-section .lead{font-size:0.88rem !important;line-height:1.7 !important;}.solution-conclusion{padding:1.2rem 0.8rem;}.table-fullwidth-wrap{padding:1rem 0;}.recap-table{font-size:0.72rem;}.recap-table td,.recap-table th{padding:0.4rem 0.3rem;}.btn{padding:0.65rem 1rem;font-size:0.82rem;}.back-btn{font-size:0.8rem;margin-top:2rem !important;}.pest-btn{width:32px;height:32px;font-size:1.1rem;}img{max-width:100% !important;height:auto !important;}.hotspot-dot{width:36px;height:36px;}.hotspot-dot::before{inset:-10px;}.nav-links a{padding:0.6rem 0;min-height:44px;display:flex;align-items:center;}.nav-links li a.btn,.nav-links li a.nav-cta{display:inline-flex !important;min-height:unset !important;height:auto !important;padding:0.45rem 1.1rem !important;align-self:center;width:fit-content;}.exploded-view-container{max-width:100% !important;}}@keyframes pulseClickable{0%,100%{box-shadow:0 0 0 3px rgba(46,144,212,0.3);}50%{box-shadow:0 0 0 8px rgba(46,144,212,0.15);}}@media (max-width:380px){.hero-content h1{font-size:1.6rem;}.stat-number{font-size:1.3rem;}.btn{padding:0.6rem 1rem;font-size:0.8rem;}.criteria-card{flex:0 0 85% !important;}.polluant-card{flex:0 0 88% !important;}}.nsf-section{background:white;border-top:1px solid rgba(46,144,212,0.08);border-bottom:1px solid rgba(46,144,212,0.08);padding:3rem 4rem;text-align:center;}.nsf-intro{max-width:680px;margin:0 auto 3rem;}.nsf-intro .section-label{margin-bottom:0.6rem;}.nsf-intro h2{font-family:'DM Sans',sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--blue-deep);margin-bottom:0.8rem;}.nsf-intro p{color:var(--gray-text);font-size:1rem;line-height:1.7;}.nsf-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1050px;margin:0 auto 3rem;}.nsf-badge{background:white;border-radius:16px;padding:1.8rem 1.5rem;box-shadow:0 4px 20px rgba(10,35,66,0.08);border:1px solid rgba(46,144,212,0.15);text-align:left;transition:transform 0.2s,box-shadow 0.2s;position:relative;overflow:hidden;display:flex;flex-direction:column;}.nsf-badge::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0;}.nsf-badge.nsf42::before{background:#2e90d4;}.nsf-badge.nsf53::before{background:#0a2342;}.nsf-badge.nsf401::before{background:#1a7a4a;}.nsf-badge:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(10,35,66,0.13);}.nsf-badge-header{display:flex;align-items:center;gap:0.8rem;margin-bottom:1rem;}.nsf-number{font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.25rem 0.6rem;border-radius:6px;white-space:nowrap;}.nsf42 .nsf-number{background:rgba(46,144,212,0.1);color:#2e90d4;}.nsf53 .nsf-number{background:rgba(10,35,66,0.1);color:#0a2342;}.nsf401 .nsf-number{background:rgba(26,122,74,0.1);color:#1a7a4a;}.nsf-badge-title{font-weight:700;font-size:1rem;color:var(--blue-deep);line-height:1.2;}.nsf-badge-desc{font-size:0.85rem;color:var(--gray-text);line-height:1.6;margin-bottom:0;flex:1;}.nsf-contaminants{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:auto;padding-top:1rem;}.nsf-tag{font-size:0.72rem;padding:0.2rem 0.55rem;border-radius:20px;font-weight:500;background:var(--gray-light);color:var(--blue-deep);}.nsf-footer-note{max-width:620px;margin:0 auto;font-size:0.82rem;color:#8a9ab0;line-height:1.6;}.nsf-footer-note strong{color:var(--blue-deep);}@media (max-width:600px){.nsf-badge{padding:1.4rem 1.2rem;}}.nsf-orgs{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap;}.nsf-org-badge{display:flex;align-items:center;gap:1rem;background:white;border-radius:12px;padding:1rem 1.5rem;box-shadow:0 2px 12px rgba(10,35,66,0.08);border:1px solid rgba(10,35,66,0.06);}.nsf-org-logo{height:56px;width:auto;object-fit:contain;background:transparent;}.nsf-org-label{display:flex;flex-direction:column;}.nsf-org-name{font-weight:700;font-size:0.9rem;color:var(--blue-deep);}.nsf-org-sub{font-size:0.75rem;color:var(--gray-text);}.nsf-org-separator{font-size:1.5rem;color:#c0cdd8;font-weight:300;}.nsf-tag-alert{background:rgba(200,16,46,0.08) !important;color:#c8102e !important;font-weight:600;}.purif-page-wrap{max-width:1100px;margin:0 auto;padding:12.5rem 2rem 6rem;}.purif-page-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center;margin-bottom:5rem;background:linear-gradient(165deg,var(--blue-deep) 0%,#0d3058 50%,#143f6e 100%);border-radius:24px;padding:3.5rem 3rem;position:relative;overflow:hidden;}.purif-page-hero::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(109,189,227,0.1) 0%,transparent 70%);top:-150px;right:-100px;pointer-events:none;}.purif-page-hero-text .section-label{margin-bottom:0.6rem;color:var(--water);}.purif-page-hero-text h1{font-family:'DM Sans',sans-serif;font-size:clamp(2rem,4vw,3rem);color:var(--white);line-height:1.15;margin-bottom:1rem;}.purif-page-hero-text .divider{background:linear-gradient(90deg,var(--water),rgba(109,189,227,0.3));}.purif-page-hero-text p{font-size:1.05rem;line-height:1.8;color:rgba(255,255,255,0.75);margin-bottom:1.5rem;}.purif-page-hero-img{display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,0.06);border-radius:18px;padding:1.5rem;position:relative;z-index:1;}.purif-page-hero-img img{width:100%;max-width:480px;height:auto;border-radius:14px;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.25));transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1),filter 0.5s ease;}.purif-page-hero-img img:hover{transform:scale(1.04) translateY(-6px);filter:drop-shadow(0 30px 50px rgba(0,0,0,0.35));}.purif-placeholder-img{width:100%;max-width:480px;aspect-ratio:4/3;background:linear-gradient(135deg,#e8f4fd,#d0e8f5);border-radius:20px;border:2px dashed rgba(46,144,212,0.3);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--blue-accent);font-size:0.9rem;gap:0.5rem;}.purif-features-title{text-align:center;margin-bottom:3rem;}.purif-features-title h2{font-family:'DM Sans',sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--blue-deep);margin-bottom:0.5rem;}.purif-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1.5rem;margin-bottom:5rem;}.purif-feature-card{background:white;border-radius:16px;padding:1.4rem;box-shadow:0 4px 20px rgba(10,35,66,0.07);border:1px solid rgba(46,144,212,0.1);transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;box-sizing:border-box;}.purif-feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(10,35,66,0.12);}.pp-filter-card:hover{transform:translateY(-4px);background:#edf4fa !important;box-shadow:0 8px 24px rgba(10,35,66,0.1);}.color-dot{width:52px;height:52px;border-radius:50%;border:2px solid rgba(0,0,0,0.1);box-shadow:inset 0 2px 6px rgba(0,0,0,0.08);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease;cursor:pointer;}.color-dot:hover{transform:scale(1.25);box-shadow:inset 0 2px 6px rgba(0,0,0,0.08),0 0 18px 4px var(--dot-glow,rgba(109,189,227,0.5));}.color-dot-wrap:hover .color-dot-label{color:var(--blue-deep);font-weight:700;}.color-dot-label{transition:color 0.3s,font-weight 0.2s;}.purif-feature-icon{font-size:2rem;margin-bottom:1rem;}.purif-feature-card h3{font-size:0.95rem;font-weight:700;color:var(--blue-deep);margin-bottom:0.6rem;line-height:1.3;}.purif-feature-card p{font-size:0.85rem;color:var(--gray-text);line-height:1.6;margin:0 0 1rem;}.purif-feature-img{margin-top:auto;padding-top:0.8rem;border-radius:10px;overflow:hidden;height:175px;flex-shrink:0;background:linear-gradient(135deg,#e8f4fd,#d0e8f5);border:1.5px dashed rgba(46,144,212,0.25);display:flex;align-items:center;justify-content:center;color:rgba(46,144,212,0.5);font-size:0.75rem;}.purif-feature-img img{width:100%;height:100%;object-fit:cover;display:block;}.purif-feature-img img{width:100%;height:100%;object-fit:cover;}.exploded-view-container{position:relative;max-width:500px;margin:0 auto;border-radius:20px;background:linear-gradient(145deg,#f8fbff 0%,#edf4fb 100%);padding:2rem;box-shadow:0 8px 40px rgba(10,35,66,0.08);}.exploded-img{width:100%;height:auto;display:block;}.hotspot{position:absolute;z-index:10;}.hotspot-dot{width:26px;height:26px;border-radius:50%;background:var(--blue-deep);border:3px solid rgba(255,255,255,0.95);box-shadow:0 2px 12px rgba(0,0,0,0.45),0 0 0 1px rgba(46,144,212,0.5);cursor:pointer;position:relative;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s;}.hotspot-dot::before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(46,144,212,0.3);animation:hotspot-ping 2s ease-out infinite;}@keyframes hotspot-ping{0%{transform:scale(1);opacity:0.8;}70%{transform:scale(1.6);opacity:0;}100%{transform:scale(1.6);opacity:0;}}.hotspot:hover .hotspot-dot{transform:scale(1.3);box-shadow:0 4px 20px rgba(46,144,212,0.7);background:var(--blue-accent);}.hotspot:hover .hotspot-dot::before{animation:none;opacity:0;}.hotspot-tooltip{position:absolute;width:210px;background:var(--blue-deep);color:white;border-radius:12px;padding:0.8rem 1rem;opacity:0;transform:translateY(6px);transition:opacity 0.3s,transform 0.3s;pointer-events:none;box-shadow:0 8px 30px rgba(10,35,66,0.25);z-index:20;}.hotspot-tooltip strong{display:block;font-size:0.82rem;font-weight:700;margin-bottom:0.3rem;color:var(--water);}.hotspot-tooltip span{font-size:0.76rem;line-height:1.5;color:rgba(255,255,255,0.85);}.hotspot-tooltip.right{left:32px;top:50%;transform:translateY(-50%) translateX(8px);}.hotspot-tooltip.left{right:32px;top:50%;transform:translateY(-50%) translateX(-8px);}.hotspot:hover .hotspot-tooltip{opacity:1;}.hotspot:hover .hotspot-tooltip.right{transform:translateY(-50%) translateX(0);}.hotspot:hover .hotspot-tooltip.left{transform:translateY(-50%) translateX(0);}.hotspot:focus-within .hotspot-tooltip{opacity:1;}.hotspot:focus-within .hotspot-tooltip.right{transform:translateY(-50%) translateX(0);}.hotspot:focus-within .hotspot-tooltip.left{transform:translateY(-50%) translateX(0);}.purif-specs-section{background:linear-gradient(135deg,var(--blue-deep) 0%,#0d3058 100%);border-radius:24px;padding:2.5rem;margin-bottom:3rem;color:white;}.purif-specs-section h2{font-family:'DM Sans',sans-serif;font-size:1.8rem;margin-bottom:0.4rem;color:white;}.purif-specs-section .divider{background:linear-gradient(90deg,rgba(255,255,255,0.6),rgba(255,255,255,0.1));margin-bottom:2rem;}.purif-specs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1rem;}.purif-spec-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0.6rem;padding:1.2rem 0.8rem;aspect-ratio:1 / 1;background:rgba(255,255,255,0.07);border-radius:14px;border:1px solid rgba(255,255,255,0.12);cursor:default;transition:background 0.25s ease,border-color 0.25s ease,transform 0.25s ease;box-sizing:border-box;}.purif-spec-item:hover{background:rgba(109,189,227,0.22);border-color:rgba(109,189,227,0.6);transform:scale(1.05);}.purif-spec-icon{font-size:1.8rem;line-height:1;}.purif-spec-label{font-size:0.78rem;font-weight:600;line-height:1.35;color:rgba(255,255,255,0.92);}.purif-spec-item span{font-size:0.9rem;line-height:1.4;color:rgba(255,255,255,0.85);}@media (max-width:900px){.purif-page-hero{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.5rem;}.purif-features-grid{grid-template-columns:repeat(2,1fr);}.purif-specs-grid{grid-template-columns:1fr;}}@media (max-width:600px){.purif-page-wrap{padding:2rem 0.8rem 4rem;padding-top:11rem !important;}.purif-features-grid{grid-template-columns:1fr;}.purif-specs-section{padding:1.5rem 0.8rem;border-radius:12px;}#purif-tabs-bar{top:56px !important;padding:0.3rem 0.5rem !important;}#purif-tabs-bar button{font-size:0.65rem !important;padding:0.5rem 0.3rem !important;}div[style*="display:flex;gap:1.5rem"]{flex-direction:column !important;}.exploded-view-container{width:100% !important;}.exploded-view-container img{max-width:100% !important;max-height:350px !important;}.spec-list li{font-weight:400 !important;}.spec-list li .spec-icon{font-weight:400 !important;}.color-indicator{justify-content:center !important;padding:0 0.5rem !important;}.filter-macro{display:flex !important;flex-direction:column !important;gap:1.2rem !important;overflow:visible !important;}.filter-macro img{width:100% !important;max-height:200px !important;object-fit:contain !important;border-radius:12px;}.filter-macro .filter-specs{width:100% !important;background:var(--gray-light);border-radius:12px;padding:1rem !important;}.filter-macro .filter-specs li{font-size:0.84rem !important;padding:0.4rem 0 !important;border-bottom:1px solid rgba(46,144,212,0.08);line-height:1.5 !important;}.purif-features-grid{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0.8rem !important;padding-bottom:0.8rem;scrollbar-width:none;touch-action:pan-x pan-y;}.purif-features-grid::-webkit-scrollbar{display:none;}.purif-feature-card{flex:0 0 80% !important;scroll-snap-align:start;}}.filter-hero{display:grid;grid-template-columns:1fr 180px;gap:3rem;align-items:center;margin-bottom:2.5rem;}.filter-hero h2{font-family:'DM Sans',sans-serif;font-size:clamp(1.4rem,3vw,2rem);color:var(--blue-deep);margin-bottom:0.5rem;}.filter-hero .filter-label{font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--blue-accent);margin-bottom:0.3rem;}.filter-hero p{font-size:0.92rem;line-height:1.75;color:var(--gray-text);}.filter-hero-img img{max-height:240px;width:auto;display:block;margin:0 auto;filter:drop-shadow(0 8px 20px rgba(10,35,66,0.1));}.filter-macro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-bottom:2.5rem;}.filter-macro img{width:100%;border-radius:16px;object-fit:cover;max-height:240px;box-shadow:0 8px 28px rgba(10,35,66,0.1);}.filter-specs{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.65rem;}.filter-specs li{display:flex;align-items:flex-start;gap:0.7rem;font-size:0.88rem;line-height:1.55;color:var(--gray-text);}.filter-specs li::before{content:"✓";color:var(--blue-accent);font-weight:700;flex-shrink:0;}.filter-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:0.5rem;}.filter-layer{background:var(--blue-light);border-radius:14px;padding:1.1rem 1rem;border-left:4px solid var(--blue-accent);}.filter-layer h4{font-size:0.75rem;font-weight:700;color:var(--blue-deep);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.25rem;}.filter-layer .fl-range{font-size:1.05rem;font-weight:800;color:var(--blue-accent);margin-bottom:0.25rem;}.filter-layer p{font-size:0.75rem;color:var(--gray-text);line-height:1.4;margin:0;}.filter-badges{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:1rem;}.filter-badge{background:var(--blue-deep);color:white;font-size:0.7rem;font-weight:700;padding:0.3rem 0.75rem;border-radius:20px;letter-spacing:0.02em;}@media (max-width:900px){.filter-hero{grid-template-columns:1fr;}.filter-hero-img{order:-1;}.filter-macro{grid-template-columns:1fr;}.filter-layers{grid-template-columns:1fr;}}@media (max-width:600px){.purif-tab{font-size:0.65rem !important;padding:0.5rem 0.3rem !important;}}
/* ── Hero advantages bar — 5 cartes pleine largeur ── */
.hero-advantages-bar{width:100%;max-width:1280px;margin:0 auto;padding:0 4rem 2.8rem;position:relative;z-index:1;animation:fadeUp 0.9s ease 0.4s both;}
.hero-advantages{display:flex;align-items:stretch;gap:0;background:rgba(0,0,0,0.28);border:1px solid rgba(255,255,255,0.13);border-radius:16px;overflow:hidden;backdrop-filter:blur(14px);}
.hero-adv-sep{width:1px;background:rgba(255,255,255,0.09);flex-shrink:0;margin:0.7rem 0;}
.hero-adv-card{display:flex;align-items:center;gap:0.8rem;flex:1;padding:1.05rem 1.1rem;transition:background 0.22s;position:relative;cursor:default;}
.hero-adv-card:hover{background:rgba(255,255,255,0.04);}
.hero-adv-highlight{}
.hero-adv-card:nth-child(1) .hero-adv-icon-wrap{background:rgba(109,189,227,0.2);border:1px solid rgba(109,189,227,0.4);color:#6dbde3;}
.hero-adv-card:nth-child(3) .hero-adv-icon-wrap{background:rgba(52,211,153,0.2);border:1px solid rgba(52,211,153,0.4);color:#34d399;}
.hero-adv-card:nth-child(5) .hero-adv-icon-wrap{background:rgba(251,191,36,0.2);border:1px solid rgba(251,191,36,0.4);color:#fbbf24;}
.hero-adv-card:nth-child(7) .hero-adv-icon-wrap{background:rgba(110,231,183,0.2);border:1px solid rgba(110,231,183,0.4);color:#6ee7b7;}
.hero-adv-card:nth-child(9) .hero-adv-icon-wrap{background:rgba(196,181,253,0.2);border:1px solid rgba(196,181,253,0.4);color:#c4b5fd;}
.hero-adv-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.22s;}
.hero-adv-card:hover .hero-adv-icon-wrap{transform:scale(1.1);}
.hero-adv-text{display:flex;flex-direction:column;gap:0.1rem;min-width:0;}
.hero-adv-text strong{font-size:0.86rem;color:rgba(255,255,255,0.9);font-weight:600;line-height:1.3;white-space:nowrap;}
.hero-adv-text span{font-size:0.76rem;color:rgba(255,255,255,0.60);line-height:1.3;}
.hero-adv-card:nth-child(1) .hero-adv-num{color:#6dbde3;}
.hero-adv-card:nth-child(3) .hero-adv-num{color:#34d399;}
.hero-adv-card:nth-child(5) .hero-adv-num{color:#fbbf24;}
.hero-adv-card:nth-child(7) .hero-adv-num{color:#6ee7b7;}
.hero-adv-card:nth-child(9) .hero-adv-num{color:#c4b5fd;}
.hero-adv-num{font-family:'DM Sans',sans-serif;font-style:normal;font-weight:700;font-size:0.95rem;}

/* ── Filtre visuel cliquable ── */
.filter-diagram-visual{background:linear-gradient(135deg,rgba(10,35,66,0.06),rgba(46,144,212,0.08));border:1.5px solid rgba(46,144,212,0.2);border-radius:16px;padding:1.4rem 1.2rem 1.2rem;}
.filter-visual-wrap{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-wrap:wrap;}
.fv-step{display:flex;flex-direction:column;align-items:center;gap:0.4rem;text-align:center;}
.fv-step span{font-size:0.78rem;color:var(--blue-deep);font-weight:600;line-height:1.3;}
.fv-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;}
.fv-icon-water{background:rgba(46,144,212,0.1);color:var(--blue-mid);}
.fv-icon-clean{background:rgba(46,144,212,0.12);color:var(--blue-mid);}
.fv-arrow{font-size:1.2rem;color:var(--blue-mid);opacity:0.5;flex-shrink:0;}
.fv-filter{text-decoration:none;color:inherit;cursor:pointer;padding:0.6rem 0.7rem;border-radius:14px;border:2px solid rgba(46,144,212,0.2);background:#fff;transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s;position:relative;}
.fv-filter:hover{border-color:var(--blue-accent);box-shadow:0 4px 18px rgba(46,144,212,0.18);transform:translateY(-3px);}
.fv-filter-body{position:relative;display:flex;justify-content:center;}
.fv-filter-img{width:54px;height:54px;object-fit:contain;}
.fv-filter-badge{position:absolute;top:-6px;right:-8px;background:var(--blue-deep);color:#fff;font-size:0.6rem;font-weight:700;padding:2px 6px;border-radius:8px;white-space:nowrap;}
.fv-badge-cto{background:var(--blue-accent);}
.fv-filter-name{font-size:0.75rem;color:var(--blue-deep);font-weight:700;line-height:1.3;}
.fv-filter-name small{font-weight:400;color:var(--gray-text);font-size:0.68rem;}
.fv-cta{font-size:0.68rem;color:var(--blue-accent);font-weight:700;margin-top:2px;}

@media(max-width:900px){.hero-advantages-bar{padding:0 1.5rem 2rem;}.hero-advantages{flex-wrap:wrap;border-radius:12px;}.hero-adv-sep{display:none;}.hero-adv-card{flex:1 1 calc(50% - 1px);min-width:0;border-bottom:1px solid rgba(255,255,255,0.08);}.hero-adv-card:nth-child(9),.hero-adv-card:last-child{border-bottom:none;}}@media(max-width:600px){.hero-advantages-bar{padding:0 0.8rem 0.8rem;}.hero-adv-card{flex:1 1 100%;}.filter-visual-wrap{gap:0.3rem;}.fv-arrow{font-size:0.9rem;}.fv-filter-img{width:42px;height:42px;}}

/* ── Section visuel produit ── */
.produit-visuel-section{background:var(--white);padding:5rem 4rem;}
.produit-visuel-inner{max-width:900px;margin:0 auto;}
.produit-visuel-header{text-align:center;margin-bottom:2.5rem;}
.produit-visuel-desc{font-size:0.9rem;color:var(--gray-text);margin-top:0.5rem;}
.produit-img-wrap{position:relative;display:inline-block;width:100%;cursor:pointer;border-radius:20px;overflow:hidden;background:#000;}
.produit-img-full{width:100%;height:auto;display:block;border-radius:20px;transition:transform 0.5s ease;}
.produit-img-wrap:hover .produit-img-full{transform:scale(1.03);}

/* Étiquettes hover */
.produit-label{position:absolute;opacity:0;transform:translateY(8px);transition:opacity 0.35s ease,transform 0.35s ease;pointer-events:none;display:flex;align-items:center;gap:8px;}
.produit-img-wrap:hover .produit-label{opacity:1;transform:translateY(0);pointer-events:auto;}
.produit-label-pp{top:34%;left:3%;}
.produit-label-cto{top:34%;right:3%;}
.produit-label-dot{width:12px;height:12px;border-radius:50%;background:var(--water);border:2px solid #fff;box-shadow:0 0 0 3px rgba(109,189,227,0.4);flex-shrink:0;animation:ping-dot 2s ease-in-out infinite;}
.produit-label-cto .produit-label-dot{background:#6ee7b7;box-shadow:0 0 0 3px rgba(110,231,183,0.4);}
@keyframes ping-dot{0%,100%{box-shadow:0 0 0 3px rgba(109,189,227,0.4);}50%{box-shadow:0 0 0 7px rgba(109,189,227,0.15);}}
.produit-label-card{background:rgba(10,35,66,0.88);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);border-radius:10px;padding:0.6rem 0.9rem;color:#fff;}
.produit-label-card strong{display:block;font-size:0.82rem;font-weight:700;color:#fff;margin-bottom:0.2rem;}
.produit-label-card span{display:block;font-size:0.72rem;color:rgba(255,255,255,0.6);margin-bottom:0.35rem;}
.produit-label-card a{font-size:0.72rem;color:var(--water);text-decoration:none;font-weight:600;}
.produit-label-cto .produit-label-card a{color:#6ee7b7;}
.produit-label-cto{flex-direction:row-reverse;}
.produit-label-cto .produit-label-card{text-align:right;}

/* Mobile */
@media(max-width:900px){.produit-visuel-section{padding:3rem 1.5rem;}}
@media(max-width:600px){.produit-visuel-section{padding:2rem 0.8rem;}.produit-label{display:none;}}

/* ── Section purificateur solo (sans carte) ── */
.purif-solo{max-width:720px;margin:0 auto;}
.purif-solo p{font-size:1rem;line-height:1.9;color:var(--gray-text);margin-bottom:1.2rem;}
.purif-solo-ctas{display:flex;gap:1rem;align-items:center;margin-top:2rem;flex-wrap:wrap;}
.btn-purif-discover{display:inline-flex;align-items:center;gap:0.55rem;background:var(--blue-deep);color:#fff;border:2px solid var(--blue-deep);border-radius:8px;padding:0.85rem 1.8rem;font-size:0.92rem;font-weight:600;text-decoration:none;transition:all 0.25s;letter-spacing:0.01em;}
.btn-purif-discover:hover{background:transparent;color:var(--blue-deep);transform:translateY(-2px);box-shadow:0 6px 20px rgba(10,35,66,0.15);}
.btn-purif-discover svg{flex-shrink:0;transition:transform 0.25s;}
.btn-purif-discover:hover svg{transform:scale(1.15);}
.btn-purif-support{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,var(--blue-accent),var(--water));color:#fff;border:none;border-radius:8px;padding:0.85rem 1.8rem;font-size:0.92rem;font-weight:600;text-decoration:none;transition:all 0.25s;letter-spacing:0.01em;}
.btn-purif-support:hover{opacity:0.88;transform:translateY(-2px);box-shadow:0 6px 20px rgba(46,144,212,0.35);}
@media(max-width:600px){.purif-solo-ctas{flex-direction:column;align-items:stretch;}.btn-purif-discover,.btn-purif-support{justify-content:center;}}

/* ── Bouton Découvrir purificateur ── */
.btn-discover-purif{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--blue-deep) 0%,#1a4a7a 100%);color:#fff;border:none;border-radius:12px;padding:1rem 1.6rem;text-decoration:none;transition:all 0.28s;box-shadow:0 4px 20px rgba(10,35,66,0.2);position:relative;overflow:hidden;}
.btn-discover-purif::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(109,189,227,0.15),transparent);opacity:0;transition:opacity 0.28s;}
.btn-discover-purif:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(10,35,66,0.28);}
.btn-discover-purif:hover::before{opacity:1;}
.btn-discover-icon{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.28s;}
.btn-discover-purif:hover .btn-discover-icon{background:rgba(255,255,255,0.2);}
.btn-discover-text{display:flex;flex-direction:column;gap:0.15rem;text-align:left;}
.btn-discover-main{font-size:0.95rem;font-weight:700;color:#fff;line-height:1.2;}
.btn-discover-sub{font-size:0.72rem;color:rgba(255,255,255,0.55);font-weight:400;}
.btn-discover-arrow{font-size:1.2rem;color:var(--water);margin-left:0.2rem;transition:transform 0.28s;}
.btn-discover-purif:hover .btn-discover-arrow{transform:translateX(4px);}

/* ── Fix gras dans les listes des onglets filtres ── */
.filter-specs li strong,
.charbon-block li strong,
.charbon-block p strong,
.pp-block li strong,
.pp-block p strong,
.purif-feature-card p strong {
  font-weight:600;
  color:var(--blue-deep);
  font-synthesis:none;
}

@media (hover: none) and (pointer: coarse) {
  .criteria-card:hover,
  .polluant-card:hover,
  .way-card:hover,
  .nsf-badge:hover,
  .purif-feature-card:hover,
  .purif-spec-item:hover,
  .solution-block:hover,
  .btn-primary:hover,
  .btn-outline:hover,
  .btn-discover-purif:hover,
  .btn-purif-support:hover,
  .hero-adv-card:hover,
  .fv-filter:hover,
  .filter-step.clickable:hover .step-circle,
  .hotspot:hover .hotspot-dot,
  .color-dot:hover {
    transform: none !important;
    box-shadow: none !important;
    background: initial;
    border-color: initial;
    opacity: 1 !important;
  }
  .hotspot:hover .hotspot-tooltip { opacity: 0 !important; pointer-events: none !important; }
  .hero-adv-card:hover .hero-adv-icon-wrap { transform: none !important; background: rgba(109,189,227,0.15) !important; }
  .btn-discover-purif:hover .btn-discover-arrow { transform: none !important; }
  .step-learn-more { display: none !important; }
}

@media (max-width: 768px) {
  .exploded-view-container { overflow: visible !important; }
  .hotspot-tooltip {
    position: fixed !important;
    width: calc(100vw - 2rem) !important;
    max-width: 320px !important;
    left: 50% !important;
    top: auto !important;
    /* Décalé au-dessus du sticky CTA (≈90px) pour ne pas être chevauché */
    bottom: calc(90px + 1rem) !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    opacity: 0;
    pointer-events: none;
    z-index: 1000;
  }
  .hotspot-tooltip.show {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) !important;
  }
  .hotspot:hover .hotspot-tooltip { opacity: 0 !important; }
  .hotspot-dot { width: 28px !important; height: 28px !important; }
  /* Zone de tap élargie (44px total, WCAG) */
  .hotspot-dot::after { content:''; position:absolute; inset:-8px; border-radius:50%; }
}
@media (max-width:600px){.pp-filter-grid{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0.8rem !important;padding-bottom:0.6rem;scrollbar-width:none;touch-action:pan-x pan-y;}.pp-filter-grid::-webkit-scrollbar{display:none;}.pp-filter-grid .pp-filter-card{flex:0 0 72% !important;scroll-snap-align:start;}}

/* ── Pour aller plus loin ── */
.further-links-wrap { background: #f0f6fb; padding: 2rem 0; }
.further-links-inner { max-width: 860px; margin: 0 auto; padding: 0 2rem; }
.further-links-box { background: white; border-radius: 14px; padding: 1.5rem; box-shadow: 0 2px 12px rgba(10,35,66,0.06); }
.further-links-title { font-size: 0.88rem; color: var(--blue-deep); font-weight: 600; margin-bottom: 0.8rem; }
.further-links-list { display: flex; flex-wrap: wrap; gap: 0.7rem; }
.further-links-list a { font-size: 0.82rem; color: var(--blue-accent); text-decoration: none; border-bottom: 1px solid rgba(46,144,212,0.3); white-space: nowrap; }
.further-links-list a:hover { border-color: var(--blue-accent); }
@media (max-width: 600px) {
  .further-links-list { flex-direction: column; gap: 0.55rem; }
  .further-links-list a { white-space: normal; padding: 0.35rem 0; border-bottom: 1px solid rgba(46,144,212,0.15); font-size: 0.85rem; }
}
/* ── ANIMATIONS SCROLL (reveal) ─────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(18px);transition:opacity 0.65s cubic-bezier(0.22,1,0.36,1),transform 0.65s cubic-bezier(0.22,1,0.36,1);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.08s;}
.reveal-delay-2{transition-delay:0.16s;}
.reveal-delay-3{transition-delay:0.24s;}
.reveal-delay-4{transition-delay:0.32s;}
.reveal-delay-5{transition-delay:0.40s;}
.reveal-delay-6{transition-delay:0.48s;}

/* ── UNDERLINE ANIMÉ (nav) ───────────────────────────────────────────────── */
.nav-links a:not(.btn){position:relative;}
.nav-links a:not(.btn)::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--blue-accent);border-radius:2px;transition:width 0.25s ease;}
.nav-links a:not(.btn):hover::after,.nav-links a:not(.btn).active::after,.nav-links a:not(.btn)[aria-current="page"]::after{width:100%;}

/* ── HOVER CARDS (transitions enrichies) ────────────────────────────────── */
.polluant-card{transition:background 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;}
.nsf-badge{transition:transform 0.3s ease,box-shadow 0.3s ease;}
.criteria-card{transition:box-shadow 0.3s ease,transform 0.3s ease,border-color 0.3s ease;}
.way-card{transition:border-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease;}

/* ── NSF TAGS CASCADE ───────────────────────────────────────────────────── */
.nsf-contaminants span{opacity:0;transform:translateY(6px);transition:opacity 0.35s ease,transform 0.35s ease;}
.nsf-badge.visible .nsf-contaminants span{opacity:1;transform:translateY(0);}
.nsf-badge.visible .nsf-contaminants span:nth-child(1){transition-delay:0.05s;}
.nsf-badge.visible .nsf-contaminants span:nth-child(2){transition-delay:0.12s;}
.nsf-badge.visible .nsf-contaminants span:nth-child(3){transition-delay:0.19s;}
.nsf-badge.visible .nsf-contaminants span:nth-child(4){transition-delay:0.26s;}
.nsf-badge.visible .nsf-contaminants span:nth-child(5){transition-delay:0.33s;}

/* ── PREFER-REDUCED-MOTION ──────────────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){.reveal,.nsf-contaminants span{transition:none;}.reveal{opacity:1;transform:none;}.nsf-contaminants span{opacity:1;transform:none;}}
#hero-typewriter{display:inline;position:relative;}#hero-typewriter::after{content:'';display:inline-block;width:3px;height:0.85em;background:var(--water);margin-left:2px;vertical-align:baseline;animation:tw-blink 0.7s step-end infinite;}@keyframes tw-blink{0%,100%{opacity:1;}50%{opacity:0;}}#hero-typewriter.tw-idle::after{animation:tw-blink 0.7s step-end infinite;}#hero-typewriter.tw-typing::after{opacity:1;animation:none;}#hero-typewriter.tw-done::after{display:none;}@media(max-width:600px){#hero-typewriter::after{display:none;}}
.hero-badges{display:flex;justify-content:space-between;gap:0.5rem;margin:0.6rem 0 1rem;}.hero-badge{flex:1;display:inline-flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:600;letter-spacing:0.03em;color:rgba(255,255,255,0.85);border:1px solid rgba(109,189,227,0.3);background:rgba(109,189,227,0.08);padding:0.4rem 0.6rem;border-radius:8px;opacity:0;transform:translateY(8px) scale(0.97);transition:opacity 0.7s ease,transform 0.7s ease;backdrop-filter:blur(4px);white-space:nowrap;}.hero-badge.visible{opacity:1;transform:translateY(0) scale(1);}@media(max-width:600px){.hero-badges{display:none !important;}}

/* Hotspots (vue éclatée) — affichage forcé du tooltip quand .show est actif (toggle JS) */
.hotspot-tooltip.show{opacity:1!important;pointer-events:auto!important}
/* Desktop uniquement : ces transforms positionnent les tooltips à gauche/droite du dot.
   Sur mobile (≤768px), le tooltip est en position:fixed centré en bas — ne pas écraser son translateX(-50%). */
@media (min-width:769px){
  .hotspot-tooltip.right.show{transform:translateY(-50%) translateX(0)!important}
  .hotspot-tooltip.left.show{transform:translateY(-50%) translateX(0)!important}
}

/* ── P2.1 — Classes extraites des styles inline ─────────────────────────── */
.polluant-eweo-badge{position:absolute;top:-8px;right:12px;display:inline-flex;align-items:center;gap:4px;background:#27ae60;color:#fff;border:2px solid #2ecc71;border-radius:14px;padding:3px 10px;font-size:0.7rem;font-weight:700;white-space:nowrap;z-index:10;box-shadow:0 2px 8px rgba(39,174,96,0.4)}
.pp-filter-card{background:rgba(255,255,255,0.95);border:1px solid rgba(255,255,255,0.3);border-radius:14px;padding:1.2rem 1.4rem;transition:background 0.2s,transform 0.2s,box-shadow 0.2s;cursor:default}
.garantie-grid{max-width:900px;margin:2rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}
.garantie-card{background:white;border-radius:14px;padding:1.2rem 1.5rem;border:1px solid rgba(46,144,212,0.12);box-shadow:0 2px 10px rgba(10,35,66,0.05);display:flex;align-items:flex-start;gap:0.8rem;height:100%;box-sizing:border-box;align-self:stretch}
/* ── P2.5 — Burger fix mobile (source unique, retiré de eweo-common.js) ─── */


/* ── P2.3/2.4 — Widget qualité-eau (fusion doublon index + analyse-eau-robinet) ─── */
/* Overrides spécifiques par page (#qualite-eau background/padding, .qe-search-row mobile) conservés inline dans chaque page */
.qe-outer{max-width:860px;margin:0 auto;padding:0 2rem}
.qe-header-block{text-align:center;padding:3rem 1rem 2.5rem}
.qe-intro-text{color:var(--gray-text);font-size:1rem;line-height:1.7;max-width:500px;margin:0 auto}
.qe-dark-card{position:relative;overflow:visible;background:linear-gradient(145deg,#071d35 0%,#0a2342 50%,#0e3360 100%);border-radius:24px;padding:2.8rem 3rem;box-shadow:0 2px 0 rgba(109,189,227,0.15) inset,0 32px 80px rgba(10,35,66,0.22),0 0 0 1px rgba(109,189,227,0.12)}
.qe-card-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.qe-glow-1{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(46,144,212,0.13) 0%,transparent 65%);top:-150px;right:-80px}
.qe-glow-2{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(109,189,227,0.07) 0%,transparent 65%);bottom:-60px;left:0}
.qe-drop-l{position:absolute;width:200px;height:266px;left:-30px;top:-20px;opacity:0.6}
.qe-drop-r{position:absolute;width:300px;height:400px;right:-50px;bottom:-60px;opacity:0.5}
.qe-search-wrap{max-width:560px;margin:0 auto;z-index:200}
.qe-search-row{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.07);border:1px solid rgba(109,189,227,0.22);border-radius:14px;padding:6px 6px 6px 14px;transition:border-color 0.2s,box-shadow 0.2s}
.qe-search-row:focus-within{border-color:rgba(109,189,227,0.55);box-shadow:0 0 0 3px rgba(109,189,227,0.07)}
.qe-search-icon{flex-shrink:0;display:block;position:static;transform:none;pointer-events:none}
.qe-input{flex:1;min-width:0;width:100%;height:46px;padding:0 0.5rem;background:transparent;border:none;outline:none;font-family:'DM Sans',sans-serif;font-size:0.95rem;color:white}
.qe-input::placeholder{color:rgba(255,255,255,0.32)}
.qe-btn-search{height:42px;padding:0 1.4rem;background:var(--blue-accent);color:white;border:none;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:0.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background 0.18s,transform 0.1s;flex-shrink:0}
.qe-btn-search:hover{background:#1a7ab8}
.qe-btn-search:active{transform:scale(0.97)}
.qe-suggestions{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0c2540;border:1px solid rgba(109,189,227,0.18);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,0.45);z-index:200;overflow:hidden;max-height:280px;overflow-y:auto;margin-top:0}
.qe-sug-item{padding:11px 16px;font-size:0.88rem;cursor:pointer;color:rgba(255,255,255,0.82);border-bottom:1px solid rgba(255,255,255,0.05);font-family:'DM Sans',sans-serif;transition:background 0.14s;display:flex;justify-content:space-between;align-items:center}
.qe-sug-item:last-child{border-bottom:none}
.qe-sug-item:hover{background:rgba(46,144,212,0.15)}
.qe-sug-dept{font-size:0.74rem;color:rgba(255,255,255,0.35)}
.qe-status-text{text-align:center;font-size:0.8rem;color:rgba(255,255,255,0.38);min-height:1.2rem;margin:0.5rem 0 0;font-style:italic}
@keyframes qe-spin{to{transform:rotate(360deg)}}
.qe-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(109,189,227,0.25);border-top-color:rgba(109,189,227,0.8);border-radius:50%;animation:qe-spin 0.7s linear infinite;vertical-align:middle;margin-right:6px;flex-shrink:0}
.qe-loading-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:2.5rem 1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(109,189,227,0.12);border-radius:16px;color:rgba(255,255,255,0.45);font-size:0.88rem}
.qe-modal-overlay{display:none;position:fixed;inset:0;background:rgba(5,20,45,0.75);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:1rem}
.qe-modal-overlay.open{display:flex}
.qe-modal{background:#0c2540;border:1px solid rgba(109,189,227,0.2);border-radius:18px;padding:1.6rem 1.8rem;max-width:420px;width:100%;max-height:80vh;overflow-y:auto;position:relative}
.qe-modal-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 0.4rem}
.qe-modal-sub{font-size:0.78rem;color:rgba(255,255,255,0.45);margin:0 0 1.2rem}
.qe-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:rgba(255,255,255,0.4);font-size:1.3rem;cursor:pointer;line-height:1;padding:0.2rem 0.4rem}
.qe-modal-close:hover{color:#fff}
.qe-modal-explain{font-size:0.85rem;color:rgba(255,255,255,0.7);line-height:1.6;margin:0 0 1rem}
.qe-mol-row{display:flex;justify-content:space-between;align-items:center;padding:0.45rem 0;border-bottom:1px solid rgba(255,255,255,0.06);font-size:0.8rem}
.qe-mol-row:last-child{border-bottom:none}
.qe-mol-name{color:rgba(255,255,255,0.8);flex:1;margin-right:0.8rem}
.qe-mol-val{font-weight:600;white-space:nowrap}
.qe-mol-limit{font-size:0.72rem;color:rgba(255,255,255,0.35);white-space:nowrap;margin-left:0.5rem}
.qe-param-card{cursor:pointer;transition:border-color 0.2s}
.qe-param-card:hover{border-color:rgba(109,189,227,0.35)}
.qe-card{background:rgba(255,255,255,0.05);border:1px solid rgba(109,189,227,0.15);border-radius:16px;padding:1.8rem 2rem;position:relative;z-index:1}
.qe-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}
.qe-commune-name{font-size:1.4rem;font-weight:600;color:white;margin:0 0 4px}
.qe-commune-sub{font-size:0.76rem;color:rgba(255,255,255,0.38);margin:0}
.qe-score-badge{width:78px;height:78px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;border:2.5px solid transparent}
.qe-score-num{font-size:1.5rem;font-weight:700;line-height:1}
.qe-score-label{font-size:0.58rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-top:3px}
.qe-score-ok{background:rgba(97,196,89,0.12);border-color:rgba(97,196,89,0.45)}
.qe-score-warn{background:rgba(239,159,39,0.12);border-color:rgba(239,159,39,0.45)}
.qe-score-bad{background:rgba(240,149,149,0.12);border-color:rgba(240,149,149,0.45)}
.qe-num-ok{color:#97c459}.qe-lbl-ok{color:#97c459}
.qe-num-warn{color:#ef9f27}.qe-lbl-warn{color:#ef9f27}
.qe-num-bad{color:#f09595}.qe-lbl-bad{color:#f09595}
.qe-params-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1.4rem}
.qe-param-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:12px;padding:13px 15px;display:flex;flex-direction:column}
.qe-param-name{font-size:0.67rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.42);margin:0 0 5px}
.qe-param-val{font-size:1.1rem;font-weight:700;margin:0 0 4px}
.qe-param-sub{font-size:0.72rem;color:rgba(255,255,255,0.5);margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.qe-param-limit{font-size:0.7rem;color:rgba(255,255,255,0.32);margin:0}
.qe-bar-wrap{height:4px;background:rgba(255,255,255,0.09);border-radius:2px;margin:4px 0 6px;overflow:hidden}
.qe-bar-fill{height:100%;border-radius:2px;transition:width 0.55s ease}
.qe-fill-ok{background:#97c459}.qe-fill-warn{background:#ef9f27}.qe-fill-bad{background:#f09595}
.qe-val-ok{color:#97c459}.qe-val-warn{color:#ef9f27}.qe-val-bad{color:#f09595}
.qe-notice{border-radius:10px;padding:11px 15px;font-size:0.85rem;line-height:1.6;margin-bottom:1.3rem}
.qe-notice-ok{background:rgba(97,196,89,0.1);border:1px solid rgba(97,196,89,0.25);color:#c0dd97}
.qe-notice-warn{background:rgba(239,159,39,0.1);border:1px solid rgba(239,159,39,0.25);color:#fac775}
.qe-notice-bad{background:rgba(240,149,149,0.1);border:1px solid rgba(240,149,149,0.25);color:#f7c1c1}
.qe-cta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.3rem;background:rgba(46,144,212,0.1);border:1px solid rgba(46,144,212,0.22);border-radius:12px;flex-wrap:wrap;margin-top:0.4rem}
.qe-cta-text{font-size:0.83rem;color:rgba(255,255,255,0.6);flex:1;min-width:160px;line-height:1.5}
.qe-cta-btn{background:var(--blue-accent);color:white;border:none;border-radius:8px;padding:0.6rem 1.3rem;font-family:'DM Sans',sans-serif;font-size:0.84rem;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-block;transition:background 0.18s}
.qe-cta-btn:hover{background:var(--water);color:var(--blue-deep)}
.qe-source-note{font-size:0.68rem;color:rgba(255,255,255,0.22);text-align:center;margin-top:1rem}
.qe-source-note a{color:rgba(109,189,227,0.45);text-decoration:none}
.qe-source-note a:hover{color:var(--water)}
.qe-param-card[data-modal]{cursor:pointer;transition:transform 0.18s ease,border-color 0.18s,background 0.18s}
.qe-param-card[data-modal]:hover{transform:scale(1.03);border-color:rgba(109,189,227,0.45)!important;background:rgba(255,255,255,0.08)!important}
.qe-param-card[data-modal]:hover .qe-param-name{color:rgba(109,189,227,0.9)}
.qe-param-chevron{font-size:14px;line-height:1;color:rgba(109,189,227,0.6);margin-left:5px;vertical-align:middle;display:inline-block;transition:color 0.18s}
.qe-param-card[data-modal]:hover .qe-param-chevron{color:rgba(109,189,227,1)}
@media(max-width:768px){.qe-dark-card{padding:2rem 1.5rem;border-radius:18px}.qe-outer{padding:0 1rem}}
@media(max-width:480px){.qe-search-row{flex-wrap:nowrap;gap:6px;padding:6px 6px 6px 10px}.qe-input{height:40px;font-size:0.88rem}.qe-btn-search{width:auto;flex-shrink:0;padding:0 0.8rem;font-size:0.8rem;border-radius:8px}.qe-dark-card{padding:1.5rem 1rem}.qe-params-grid{grid-template-columns:1fr}.qe-card{padding:1.3rem 1rem}}@media(hover:hover) and (pointer:fine){.price-option-card{transition:border-color 0.2s,background 0.2s,transform 0.2s;cursor:default;}.price-option-card:hover{border-color:var(--blue-accent);background:rgba(46,144,212,0.07);transform:translateY(-2px);box-shadow:0 4px 14px rgba(46,144,212,0.12);}}.nav-links.open .nav-burger-only{display:flex;justify-content:center;width:100%;padding:0.4rem 1.5rem 0.6rem;}.nav-links.open .nav-burger-only a.btn{width:100%;text-align:center;display:block !important;align-self:unset;}@media(max-width:900px){.nav-links li:last-child{display:flex;justify-content:center;padding:0.2rem 1.5rem 0.4rem;}.nav-links li:last-child a.nav-cta{display:inline-block !important;width:auto !important;max-width:100%;text-align:center;box-sizing:border-box;margin:0 auto;}}@media(max-width:600px){.nav-links li:last-child a.nav-cta{display:inline-block !important;width:auto !important;max-width:100% !important;text-align:center !important;box-sizing:border-box !important;margin:0 auto !important;}}
.garantie-card{align-self:stretch;}
.eweo-announce-bar{position:fixed;top:0;left:0;right:0;z-index:101;height:36px;display:flex;align-items:center;justify-content:center;background:#0a2342;color:#fff;text-decoration:none;font-family:'DM Sans',sans-serif;font-size:0.82rem;font-weight:500;letter-spacing:0.02em;padding:0 1rem;line-height:1.2;transition:background 0.2s;border-bottom:1px solid rgba(109,189,227,0.15);}.eweo-announce-bar:hover{background:#11315c;}.eweo-announce-bar:focus-visible{outline:2px solid #6dbde3;outline-offset:-4px;}.eweo-announce-bar .announce-arrow{margin-left:0.5rem;color:#6dbde3;transition:transform 0.2s;}.eweo-announce-bar:hover .announce-arrow{transform:translateX(3px);}body.has-announce #main-nav{top:36px;}body.has-announce #main-content{padding-top:36px;}.eweo-announce-bar .announce-short{display:none;}@media (max-width:600px){.eweo-announce-bar{height:32px;font-size:0.74rem;padding:0 0.6rem;}.eweo-announce-bar .announce-full{display:none;}.eweo-announce-bar .announce-short{display:inline;}body.has-announce #main-nav{top:32px;}body.has-announce #main-content{padding-top:32px;}}

/* === FOOTER NEWSLETTER (ajout précommande J0) === */
.footer-inner{grid-template-columns:1.7fr 1fr 1fr 1.4fr !important;}
.footer-newsletter h3{font-size:0.85rem;font-weight:500;color:white;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:1.4rem;}
.footer-newsletter-form{display:flex;gap:0.5rem;}
.footer-newsletter-form input{flex:1;min-width:0;padding:0.55rem 0.75rem;border-radius:6px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.08);color:white;font-size:0.82rem;outline:none;font-family:'DM Sans',sans-serif;}
.footer-newsletter-form input::placeholder{color:rgba(255,255,255,0.45);}
.footer-newsletter-form input:focus{border-color:var(--water);background:rgba(255,255,255,0.12);}
.footer-newsletter-form button{padding:0.55rem 0.9rem;background:var(--blue-accent);color:white;border:none;border-radius:6px;cursor:pointer;font-size:0.8rem;font-weight:600;transition:background 0.2s;font-family:'DM Sans',sans-serif;white-space:nowrap;}
.footer-newsletter-form button:hover{background:#237ab8;}
.footer-newsletter-form button:disabled{opacity:0.6;cursor:not-allowed;}
@media (max-width:900px){.footer-inner{grid-template-columns:1fr 1fr !important;}.footer-newsletter{grid-column:1 / -1;}}
@media (max-width:600px){.footer-inner{grid-template-columns:1fr !important;}.footer-newsletter{grid-column:auto !important;}}

/* === SECTION PRÉCOMMANDE PREMIUM (refonte) === */

/* Section background blanc pour alterner avec faq-home (bleu clair) */
.preco-section{background:#ffffff;}

/* Badge live "Précommandes ouvertes" */
.preco-badge-live{display:inline-flex;align-items:center;gap:0.55rem;padding:0.45rem 1rem;border-radius:100px;background:rgba(46,144,212,0.08);border:1px solid rgba(46,144,212,0.2);color:#2e90d4;font-size:0.74rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:1rem;}
.preco-badge-dot{width:8px;height:8px;border-radius:50%;background:#2eaa6e;position:relative;flex-shrink:0;}
.preco-badge-dot::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:#2eaa6e;opacity:0.35;animation:precoBadgePulse 1.8s ease-out infinite;}
@keyframes precoBadgePulse{0%{transform:scale(0.6);opacity:0.6;}80%,100%{transform:scale(1.8);opacity:0;}}

/* Block premium (override newsletter-block) */
.preco-block-premium{background:linear-gradient(155deg,#0a2342 0%,#10325b 50%,#143f6e 100%) !important;border-radius:24px !important;padding:3rem 2.8rem !important;box-shadow:0 30px 70px -20px rgba(10,35,66,0.45),0 12px 30px -10px rgba(10,35,66,0.25),inset 0 1px 0 rgba(109,189,227,0.12) !important;position:relative;overflow:hidden;}
.preco-block-premium::before{content:'';position:absolute;top:-100px;right:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(109,189,227,0.13) 0%,transparent 70%);pointer-events:none;}
.preco-block-premium::after{content:'';position:absolute;bottom:-150px;left:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(46,144,212,0.10) 0%,transparent 70%);pointer-events:none;}
.preco-block-premium > *{position:relative;z-index:1;}

/* Roadmap de production */
.preco-roadmap{margin:0 auto 2.5rem;max-width:680px;background:rgba(255,255,255,0.04);border:1px solid rgba(109,189,227,0.15);border-radius:16px;padding:1.5rem 1.8rem;}
.preco-roadmap-label{font-size:0.7rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--water);margin-bottom:1.2rem;text-align:center;}
.preco-roadmap-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;padding:0;margin:0;position:relative;}
.preco-roadmap-steps::before{content:'';position:absolute;top:14px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#2eaa6e 0%,#2eaa6e 35%,var(--water) 50%,rgba(255,255,255,0.15) 65%,rgba(255,255,255,0.15) 100%);z-index:0;}
.preco-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.5rem;position:relative;z-index:1;}
.preco-step-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a2342;border:2px solid rgba(255,255,255,0.2);transition:all 0.3s;}
.preco-step-done .preco-step-icon{background:#2eaa6e;border-color:#2eaa6e;color:white;}
.preco-step-active .preco-step-icon{background:var(--water);border-color:var(--water);}
.preco-step-pulse{width:10px;height:10px;border-radius:50%;background:var(--blue-deep);position:relative;}
.preco-step-pulse::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--water);opacity:0.5;animation:precoStepPulse 1.6s ease-out infinite;}
@keyframes precoStepPulse{0%{transform:scale(0.7);opacity:0.7;}80%,100%{transform:scale(1.6);opacity:0;}}
.preco-step-todo .preco-step-icon{background:transparent;}
.preco-step-text{display:flex;flex-direction:column;gap:2px;}
.preco-step-text strong{font-size:0.78rem;color:white;font-weight:600;line-height:1.2;}
.preco-step-text span{font-size:0.68rem;color:rgba(255,255,255,0.55);line-height:1.3;}
.preco-step-active .preco-step-text strong{color:var(--water);}
.preco-step-active .preco-step-text span{color:var(--water);font-weight:600;}

/* Configurateur filtres */
.preco-config{margin:0 auto 2rem;max-width:680px;}
.preco-config-label{font-size:0.85rem;color:rgba(255,255,255,0.85);margin-bottom:0.9rem;text-align:center;font-weight:500;}
.preco-config-hint{color:rgba(255,255,255,0.5);font-weight:400;font-size:0.78rem;}
.preco-filter-options{display:grid;grid-template-columns:1fr 1fr;gap:0.9rem;}
.preco-filter-card{position:relative;background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,255,255,0.12);border-radius:14px;padding:1.1rem 1.2rem;text-align:left;cursor:pointer;font-family:inherit;color:white;transition:all 0.28s cubic-bezier(0.34,1.56,0.64,1);display:flex;align-items:flex-start;gap:0.85rem;}
.preco-filter-card:hover{border-color:rgba(109,189,227,0.5);background:rgba(109,189,227,0.06);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.preco-filter-card.active{border-color:var(--water);background:rgba(109,189,227,0.12);box-shadow:0 4px 14px rgba(109,189,227,0.2),inset 0 1px 0 rgba(109,189,227,0.2);}
.preco-filter-radio{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,0.4);flex-shrink:0;margin-top:2px;position:relative;transition:all 0.2s;}
.preco-filter-card.active .preco-filter-radio{border-color:var(--water);}
.preco-filter-card.active .preco-filter-radio::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--water);}
.preco-filter-body{flex:1;}
.preco-filter-title{font-size:0.92rem;font-weight:600;color:white;margin-bottom:0.35rem;}
.preco-filter-price{font-family:'DM Sans',sans-serif;font-size:1.4rem;font-weight:700;color:white;letter-spacing:-0.02em;line-height:1;margin-bottom:0.5rem;}
.preco-filter-price span{font-size:0.72rem;font-weight:400;color:rgba(255,255,255,0.55);letter-spacing:0;}
.preco-filter-tag{display:inline-block;font-size:0.7rem;font-weight:600;padding:0.2rem 0.55rem;border-radius:6px;background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.75);letter-spacing:0.02em;}
.preco-filter-tag-green{background:rgba(46,170,110,0.18);color:#7be0a8;}
.preco-filter-badge{position:absolute;top:-9px;right:12px;background:var(--water);color:var(--blue-deep);font-size:0.65rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.2rem 0.6rem;border-radius:6px;box-shadow:0 2px 8px rgba(109,189,227,0.4);}
.preco-config-note{font-size:0.78rem;color:rgba(255,255,255,0.6);text-align:center;line-height:1.55;margin:1rem auto 0;max-width:560px;}

/* CTA premium avec shine */
.preco-cta-wrap{display:flex;flex-direction:column;align-items:center;margin:2rem auto 0;}
.preco-cta-btn-premium{display:inline-flex;align-items:center;gap:0.7rem;background:linear-gradient(135deg,var(--water) 0%,#8acde8 50%,var(--water) 100%);background-size:200% 100%;color:var(--blue-deep);font-weight:700;font-size:1.1rem;padding:1.15rem 2.6rem;border-radius:14px;text-decoration:none;letter-spacing:0.005em;position:relative;overflow:hidden;box-shadow:0 8px 28px rgba(109,189,227,0.4),0 2px 6px rgba(10,35,66,0.2),inset 0 1px 0 rgba(255,255,255,0.4);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease,background-position 0.5s ease;will-change:transform;}
.preco-cta-btn-premium::before{content:'';position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,0) 30%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,0) 70%);transform:translateX(-100%);transition:transform 0.7s ease;pointer-events:none;}
.preco-cta-btn-premium:hover{transform:translateY(-3px) scale(1.02);background-position:100% 0;box-shadow:0 14px 36px rgba(109,189,227,0.55),0 4px 10px rgba(10,35,66,0.25),inset 0 1px 0 rgba(255,255,255,0.5);}
.preco-cta-btn-premium:hover::before{transform:translateX(100%);}
.preco-cta-btn-premium:active{transform:translateY(-1px) scale(1);}
.preco-cta-label{position:relative;z-index:1;}
.preco-cta-arrow{position:relative;z-index:1;transition:transform 0.3s ease;display:inline-block;}
.preco-cta-btn-premium:hover .preco-cta-arrow{transform:translateX(4px);}
.preco-cta-trust{display:inline-flex;align-items:center;gap:0.45rem;margin-top:0.85rem;font-size:0.78rem;color:rgba(255,255,255,0.65);}
.preco-cta-trust svg{color:rgba(255,255,255,0.5);flex-shrink:0;}

/* Bonus installation Lille */
.preco-bonus{max-width:640px;margin:2.5rem auto 0;padding:1.1rem 1.4rem;background:linear-gradient(135deg,rgba(201,168,76,0.08) 0%,rgba(201,168,76,0.04) 100%);border:1px solid rgba(201,168,76,0.25);border-radius:14px;display:flex;align-items:center;gap:0.9rem;position:relative;overflow:hidden;}
.preco-bonus::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#d4a747 0%,#c9a84c 100%);}
.preco-bonus-icon{width:38px;height:38px;border-radius:10px;background:rgba(201,168,76,0.18);color:#e5c878;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.preco-bonus-text{display:flex;flex-direction:column;gap:0.25rem;}
.preco-bonus-text strong{font-size:0.85rem;color:#e5c878;font-weight:700;letter-spacing:0.02em;}
.preco-bonus-text span{font-size:0.83rem;color:rgba(255,255,255,0.78);line-height:1.6;}

/* Trust row bas */
.preco-trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:1.6rem 2.2rem;margin:2.5rem auto 0;padding:1.4rem 0 0;border-top:1px solid rgba(255,255,255,0.08);max-width:780px;}
.preco-trust-item{display:flex;align-items:center;gap:0.55rem;font-size:0.78rem;color:rgba(255,255,255,0.75);font-weight:500;}
.preco-trust-item svg{color:var(--water);flex-shrink:0;}

/* === MOBILE === */
@media (max-width:700px){
  .preco-block-premium{padding:2rem 1.2rem !important;border-radius:18px !important;}
  .preco-roadmap{padding:1.2rem 0.8rem;margin-bottom:1.8rem;}
  .preco-roadmap-steps{gap:0;}
  .preco-roadmap-steps::before{top:11px;left:12.5%;right:12.5%;}
  .preco-step-icon{width:22px;height:22px;}
  .preco-step-icon svg{width:11px;height:11px;}
  .preco-step-pulse{width:8px;height:8px;}
  .preco-step-text strong{font-size:0.7rem;}
  .preco-step-text span{font-size:0.6rem;}
  .preco-config-label{font-size:0.8rem;}
  .preco-config-hint{display:block;margin-top:2px;font-size:0.7rem;}
  .preco-filter-options{grid-template-columns:1fr;gap:0.7rem;}
  .preco-filter-card{padding:0.95rem 1rem;}
  .preco-filter-price{font-size:1.25rem;}
  .preco-cta-btn-premium{width:100%;max-width:320px;padding:1.05rem 1.4rem;font-size:1rem;justify-content:center;}
  .preco-cta-trust{font-size:0.72rem;text-align:center;}
  .preco-bonus{padding:1rem 1rem 1rem 1.2rem;margin-top:2rem;}
  .preco-bonus-icon{width:34px;height:34px;}
  .preco-bonus-text strong{font-size:0.8rem;}
  .preco-bonus-text span{font-size:0.78rem;}
  .preco-trust-row{gap:0.9rem 1.4rem;margin-top:2rem;padding-top:1.2rem;}
  .preco-trust-item{font-size:0.74rem;}
  .preco-trust-item svg{width:16px;height:16px;}
}
@media (max-width:380px){
  .preco-trust-row{flex-direction:column;align-items:flex-start;}
}

/* === Section purificateur — photo dans le bloc texte gauche === */
.purif-photo-inline{display:block;margin:0 0 1.5rem;}
.purif-photo-inline img{width:100%;height:auto;border-radius:14px;filter:drop-shadow(0 12px 32px rgba(10,35,66,0.15));display:block;}

/* === PREUVES INDÉPENDANTES — NSF + EUROFINS === */
.proof-section .nsf-intro{max-width:760px;}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem;max-width:1280px;margin:0 auto 2.5rem;align-items:stretch;}
.proof-col{background:white;border-radius:20px;padding:2rem 1.8rem;box-shadow:0 4px 24px rgba(10,35,66,0.07);border:1px solid rgba(46,144,212,0.12);text-align:left;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.proof-col::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;}
.proof-col-nsf::before{background:linear-gradient(90deg,#2e90d4,#0a2342);}
.proof-col-eurofins::before{background:linear-gradient(90deg,#1a7a4a,#2e90d4);}
.proof-col-header{margin-bottom:1.5rem;}
.proof-col-eyebrow{display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue-accent);margin-bottom:0.6rem;padding:0.25rem 0.6rem;background:rgba(46,144,212,0.08);border-radius:4px;}
.proof-col-eurofins .proof-col-eyebrow{color:#1a7a4a;background:rgba(26,122,74,0.08);}
.proof-col-title{font-family:'DM Sans',sans-serif;font-size:1.25rem;font-weight:700;color:var(--blue-deep);line-height:1.3;margin:0 0 0.7rem;}
.proof-col-lede{font-size:0.92rem;line-height:1.65;color:var(--gray-text);margin:0;}
.proof-col-lede strong{color:var(--blue-deep);}

/* Colonne NSF — adaptations à l'intérieur de la grille deux colonnes */
.proof-col-nsf .nsf-orgs{margin:0 0 1.5rem;gap:0.8rem;}
.proof-col-nsf .nsf-org-badge{padding:0.6rem 0.9rem;gap:0.6rem;}
.proof-col-nsf .nsf-org-logo{height:40px;}
.proof-col-nsf .nsf-org-name{font-size:0.78rem;}
.proof-col-nsf .nsf-org-sub{font-size:0.68rem;}
.proof-col-nsf .nsf-org-separator{font-size:1.1rem;}
.proof-col-nsf .nsf-badges{display:flex;flex-direction:column;gap:0.8rem;margin:0;}
.proof-col-nsf .nsf-badge{padding:1rem 1.1rem;border-radius:12px;}
.proof-col-nsf .nsf-badge-header{margin-bottom:0.6rem;gap:0.6rem;}
.proof-col-nsf .nsf-number{font-size:0.65rem;padding:0.2rem 0.5rem;}
.proof-col-nsf .nsf-badge-title{font-size:0.88rem;}
.proof-col-nsf .nsf-badge-desc{font-size:0.8rem;line-height:1.55;margin-bottom:0.7rem;}
.proof-col-nsf .nsf-contaminants{gap:0.3rem;padding-top:0.4rem;}
.proof-col-nsf .nsf-tag{font-size:0.66rem;padding:0.18rem 0.5rem;}

/* Colonne Eurofins — badges typo */
.eurofins-orgs{display:flex;justify-content:center;align-items:center;gap:0.8rem;margin:0 0 1.5rem;flex-wrap:wrap;}
.eurofins-org-badge{display:flex;align-items:center;gap:0.7rem;background:white;border-radius:10px;padding:0.55rem 0.9rem;box-shadow:0 2px 12px rgba(10,35,66,0.08);border:1px solid rgba(26,122,74,0.18);}
.eurofins-org-mark{font-family:'DM Sans',sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:-0.01em;color:#1a7a4a;line-height:1;}
.eurofins-org-mark-cofrac{color:var(--blue-deep);letter-spacing:0.02em;font-size:1rem;}
.eurofins-org-label{display:flex;flex-direction:column;}
.eurofins-org-label .eurofins-org-name{font-weight:700;font-size:0.78rem;color:var(--blue-deep);}
.eurofins-org-label .eurofins-org-sub{font-size:0.68rem;color:var(--gray-text);}

/* Périmètre — 3 chiffres clés */
.eurofins-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:0.6rem;margin-bottom:1.5rem;padding:1rem 0.6rem;background:linear-gradient(135deg,rgba(26,122,74,0.05),rgba(46,144,212,0.05));border-radius:12px;border:1px solid rgba(26,122,74,0.12);}
.eurofins-scope-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.25rem;}
.eurofins-scope-num{font-family:'DM Sans',sans-serif;font-size:1.5rem;font-weight:800;color:#1a7a4a;line-height:1;}
.eurofins-scope-label{font-size:0.68rem;color:var(--gray-text);line-height:1.3;font-weight:500;}

/* Stats avant / après */
.eurofins-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;}
.eurofins-stat{background:#f7fafc;border-radius:12px;padding:1rem 1.1rem;border-left:3px solid #1a7a4a;}
.eurofins-stat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.6rem;gap:0.5rem;}
.eurofins-stat-name{font-weight:700;font-size:0.88rem;color:var(--blue-deep);}
.eurofins-stat-tag{font-size:0.62rem;padding:0.18rem 0.5rem;border-radius:20px;font-weight:600;background:rgba(46,144,212,0.1);color:#2e90d4;letter-spacing:0.02em;text-transform:uppercase;}
.eurofins-stat-tag-alert{background:rgba(200,16,46,0.08);color:#c8102e;}
.eurofins-bars{display:flex;flex-direction:column;gap:0.4rem;}
.eurofins-bar-row{display:grid;grid-template-columns:50px 1fr 80px;align-items:center;gap:0.6rem;}
.eurofins-bar-label{font-size:0.7rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;}
.eurofins-bar-label.before{color:#c8102e;}
.eurofins-bar-label.after{color:#1a7a4a;}
.eurofins-bar-track{height:8px;background:#e8eef4;border-radius:4px;overflow:hidden;}
.eurofins-bar-fill{height:100%;border-radius:4px;transition:width 0.6s cubic-bezier(0.22,1,0.36,1);}
.eurofins-bar-fill.before{background:linear-gradient(90deg,#c8102e,#e74c3c);}
.eurofins-bar-fill.after{background:linear-gradient(90deg,#1a7a4a,#27ae60);}
.eurofins-bar-value{font-size:0.72rem;text-align:right;color:var(--gray-text);font-weight:600;}
.eurofins-bar-value em{font-style:italic;}
.eurofins-stat-reduction{margin-top:0.6rem;padding-top:0.6rem;border-top:1px solid rgba(26,122,74,0.15);font-size:0.82rem;color:#1a7a4a;font-weight:700;text-align:right;}
.eurofins-stat-reduction em{font-style:italic;font-size:1rem;}

/* Disclaimer placeholder */
.eurofins-disclaimer{font-size:0.75rem;color:#8a9ab0;line-height:1.5;margin:0.4rem 0 1.2rem;text-align:center;}
.eurofins-disclaimer em{font-style:italic;}

/* CTA Eurofins */
.eurofins-cta{display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;background:linear-gradient(135deg,#1a7a4a,#27ae60);color:white;padding:0.85rem 1.4rem;border-radius:10px;font-size:0.92rem;font-weight:600;text-decoration:none;text-align:center;transition:transform 0.2s,box-shadow 0.2s;margin-top:auto;align-self:stretch;}
.eurofins-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,122,74,0.28);}
.eurofins-cta-arrow{transition:transform 0.2s;}
.eurofins-cta:hover .eurofins-cta-arrow{transform:translateX(4px);}

/* Note pédagogique finale */
.proof-section .nsf-footer-note{max-width:780px;}

/* Responsive — colonnes empilées en mobile/tablet */
@media (max-width:900px){
  .proof-grid{grid-template-columns:1fr;gap:1.5rem;}
  .proof-col{padding:1.5rem 1.3rem;}
}
@media (max-width:600px){
  .proof-grid{gap:1rem;margin-bottom:1.5rem;}
  .proof-col{padding:1.2rem 0.9rem;border-radius:14px;}
  .proof-col-title{font-size:1.05rem;}
  .proof-col-lede{font-size:0.85rem;}
  .proof-col-nsf .nsf-orgs{flex-direction:row;}
  .proof-col-nsf .nsf-badges{display:flex !important;flex-direction:column !important;overflow:visible !important;gap:0.6rem !important;padding:0 !important;}
  .proof-col-nsf .nsf-badge{flex:1 1 auto !important;scroll-snap-align:none !important;padding:0.9rem 1rem !important;}
  .eurofins-orgs{gap:0.5rem;}
  .eurofins-org-badge{padding:0.45rem 0.7rem;gap:0.5rem;}
  .eurofins-org-mark{font-size:1rem;}
  .eurofins-org-mark-cofrac{font-size:0.88rem;}
  .eurofins-org-label .eurofins-org-name{font-size:0.7rem;}
  .eurofins-org-label .eurofins-org-sub{font-size:0.62rem;}
  .eurofins-scope{padding:0.8rem 0.4rem;gap:0.3rem;}
  .eurofins-scope-num{font-size:1.2rem;}
  .eurofins-scope-label{font-size:0.62rem;}
  .eurofins-stat{padding:0.8rem 0.9rem;}
  .eurofins-bar-row{grid-template-columns:42px 1fr 70px;gap:0.4rem;}
  .eurofins-bar-label{font-size:0.62rem;}
  .eurofins-bar-value{font-size:0.66rem;}
  .eurofins-stat-name{font-size:0.82rem;}
  .eurofins-stat-tag{font-size:0.58rem;}
  .eurofins-cta{font-size:0.85rem;padding:0.75rem 1.1rem;}
}

/* ============================================================
   SECTION « Pensé dans le détail » — purificateur
   ============================================================ */
.pdd-section{padding:5rem 3rem;background:transparent;}
.pdd-header{max-width:1160px;margin:0 auto 2rem;}
.pdd-eyebrow{font-size:0.72rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--blue-accent);margin-bottom:0.6rem;}
.pdd-title{font-size:clamp(2rem,3.2vw,2.6rem);font-weight:700;line-height:1.1;letter-spacing:-0.01em;color:var(--blue-deep);margin:0;}
.pdd-divider{width:50px;height:3px;border-radius:2px;margin-top:0.9rem;background:linear-gradient(90deg,var(--blue-accent),var(--water));}
.pdd-body{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;}
.pdd-canvas{position:sticky;top:1.5rem;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,var(--blue-light),#ffffff);border:1px solid rgba(46,144,212,0.13);box-shadow:0 10px 32px rgba(10,35,66,0.08);aspect-ratio:1448 / 1086;}
.pdd-canvas-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pdd-canvas-label{position:absolute;top:18px;left:18px;z-index:2;font-size:0.7rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--blue-deep);padding:0.4rem 0.8rem;border-radius:100px;background:rgba(255,255,255,0.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(46,144,212,0.15);}
.pdd-pin{position:absolute;z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,0.25);border:2px solid rgba(255,255,255,0.9);color:#ffffff;text-shadow:0 1px 2px rgba(10,35,66,0.55);font-weight:800;font-size:0.82rem;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);box-shadow:0 4px 14px rgba(46,144,212,0.35);cursor:pointer;transition:transform 0.2s,box-shadow 0.2s,background 0.2s;font-family:'DM Sans',sans-serif;padding:0;}
.pdd-pin:hover{transform:translate(-50%,-50%) scale(1.1);}
.pdd-pin.active{background:var(--blue-deep);color:#ffffff;transform:translate(-50%,-50%) scale(1.18);box-shadow:0 6px 20px rgba(46,144,212,0.6),0 0 0 8px rgba(109,189,227,0.18);}
.pdd-carousel{position:relative;aspect-ratio:1448 / 1086;background:#ffffff;border-radius:20px;border:1px solid rgba(46,144,212,0.13);box-shadow:0 10px 32px rgba(10,35,66,0.06);overflow:hidden;}
.pdd-slide{position:absolute;inset:0;padding:1.3rem 3rem 2.1rem 1.5rem;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity 0.28s ease,transform 0.32s ease;}
.pdd-slide.active{opacity:1;pointer-events:auto;transform:translateY(0);}
.pdd-slide-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.7rem;}
.pdd-slide-counter{font-family:'DM Mono',ui-monospace,monospace;font-size:0.78rem;font-weight:500;letter-spacing:0.08em;color:rgba(74,85,104,0.65);}
.pdd-slide-counter strong{color:var(--blue-deep);font-weight:700;font-size:1.45rem;letter-spacing:-0.02em;margin-right:0.15rem;}
.pdd-slide-tag{font-size:0.6rem;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--blue-accent);background:rgba(46,144,212,0.10);padding:0.32rem 0.7rem;border-radius:100px;}
.pdd-slide-title{font-size:clamp(1.3rem,1.8vw,1.65rem);font-weight:700;line-height:1.1;letter-spacing:-0.01em;color:var(--blue-deep);margin:0 0 0.85rem;}
.pdd-slide-body{display:grid;grid-template-columns:34% 1fr;gap:1rem;flex:1;min-height:0;}
.pdd-slide-img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid rgba(46,144,212,0.13);}
.pdd-slide-img.contain{object-fit:contain;background:#f0f6fb;}
.pdd-slide-text{display:flex;flex-direction:column;justify-content:space-between;min-height:0;}
.pdd-slide-text p{font-size:0.88rem;line-height:1.5;color:var(--gray-text);text-wrap:pretty;margin:0;}
.pdd-slide-chips{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:0.6rem;}
.pdd-slide-chip{font-size:0.6rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--blue-accent);background:rgba(46,144,212,0.10);padding:0.3rem 0.7rem;border-radius:100px;}
.pdd-nav{position:absolute;top:50%;width:38px;height:38px;border-radius:50%;border:1px solid rgba(46,144,212,0.22);background:#ffffff;color:var(--blue-deep);cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);box-shadow:0 4px 14px rgba(10,35,66,0.10);transition:background 0.18s,color 0.18s,transform 0.18s;z-index:4;padding:0;}
.pdd-nav:hover{background:var(--blue-deep);color:#ffffff;transform:translateY(-50%) scale(1.06);}
.pdd-nav-prev{left:0.5rem;}
.pdd-nav-next{right:0.5rem;}
.pdd-dots{position:absolute;bottom:0.9rem;left:50%;transform:translateX(-50%);display:flex;gap:0.4rem;z-index:3;}
.pdd-dot{width:18px;height:4px;border-radius:100px;background:rgba(46,144,212,0.22);border:none;cursor:pointer;padding:0;transition:background 0.2s,width 0.2s;}
.pdd-dot:hover{background:rgba(46,144,212,0.4);}
.pdd-dot.active{background:var(--blue-accent);width:30px;}
@media (max-width:900px){
  .pdd-section{padding:3rem 1.2rem;}
  .pdd-body{grid-template-columns:1fr;gap:1.4rem;}
  .pdd-canvas{position:static;}
  .pdd-carousel{aspect-ratio:auto;min-height:420px;}
  .pdd-slide{padding:1.3rem 1.4rem 2.2rem;}
  .pdd-slide-body{grid-template-columns:110px 1fr;gap:1rem;}
  /* Tablette : uniformiser le rendu image entre slides (cover vs contain) pour
     éviter la perception "tailles différentes". Toutes les images partagent
     le même cadre visuel avec fond uniforme. */
  .pdd-slide-img,
  .pdd-slide-img.contain{object-fit:contain;background:#f0f6fb;}
}

/* ============================================================
   Section « Le produit » — composition complète
   Section « Tout est inclus » (constellation sombre, option D)
   + carte claire (Dimensions & caractéristiques)
   ============================================================ */

/* ── Colonne droite « Dimensions & caractéristiques » ── */
.purif-side-card{flex:1 1 0;min-width:0;background:#ffffff;border-radius:18px;padding:1.8rem 1.8rem;box-shadow:0 4px 24px rgba(10,35,66,0.08);border:1px solid rgba(46,144,212,0.10);display:flex;flex-direction:column;justify-content:space-around;box-sizing:border-box;gap:2rem;position:relative;overflow:hidden;align-self:stretch;}
.purif-side-card::before{content:'';position:absolute;top:0;right:0;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(46,144,212,0.06),transparent 70%);pointer-events:none;}

.purif-side-group{display:flex;flex-direction:column;position:relative;z-index:1;}
.purif-side-group-label{font-size:0.65rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--blue-accent);margin-bottom:0.9rem;display:flex;align-items:center;gap:0.5rem;}
.purif-side-group-label::after{content:'';flex:1;height:1px;background:linear-gradient(to right,rgba(46,144,212,0.18),transparent);}

/* Dimensions : 4 tuiles avec gros chiffres */
.purif-side-dims{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;}
.purif-side-dim{background:linear-gradient(160deg,var(--blue-light),#ffffff);border:1px solid rgba(46,144,212,0.14);border-radius:12px;padding:0.95rem 0.4rem;text-align:center;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s;}
.purif-side-dim:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(46,144,212,0.15);border-color:rgba(46,144,212,0.3);}
.purif-side-dim-val{font-family:'DM Sans',sans-serif;font-size:1.15rem;font-weight:700;color:var(--blue-deep);line-height:1.1;}
.purif-side-dim-lbl{font-size:0.6rem;color:var(--gray-text);margin-top:0.3rem;text-transform:uppercase;letter-spacing:0.06em;font-weight:600;}

/* Caractéristiques : lignes avec dotted leader (style menu) */
.purif-side-rows{display:flex;flex-direction:column;gap:0.7rem;}
.purif-side-row{display:flex;align-items:baseline;gap:0.5rem;padding:0.1rem 0;}
.purif-side-row-key{font-size:0.82rem;color:var(--gray-text);white-space:nowrap;font-weight:500;}
.purif-side-row-fill{flex:1;border-bottom:1px dotted rgba(46,144,212,0.3);margin-bottom:4px;min-width:8px;}
.purif-side-row-val{font-size:0.84rem;font-weight:700;color:var(--blue-deep);white-space:nowrap;}

/* ── Section « Tout est inclus » — constellation sombre (option D) ── */
.purif-incl{max-width:1100px;margin:2.5rem auto 0;background:var(--blue-deep);color:#fff;padding:3rem 2.5rem;border-radius:24px;position:relative;overflow:hidden;}
.purif-incl::before,
.purif-incl::after{content:"";position:absolute;border-radius:50%;pointer-events:none;animation:purif-incl-pulse 8s ease-in-out infinite;}
.purif-incl::before{top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(109,189,227,0.12),transparent 70%);}
.purif-incl::after{bottom:-100px;left:-100px;width:320px;height:320px;background:radial-gradient(circle,rgba(46,144,212,0.10),transparent 70%);animation-delay:-4s;}
@keyframes purif-incl-pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.1);opacity:0.85;}}

.purif-incl-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}

.purif-incl-head{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;margin-bottom:2.4rem;}
.purif-incl-eyebrow{font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--water);font-weight:600;margin:0 0 0.5rem;}
.purif-incl-title{font-family:'DM Sans',sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:#fff;line-height:1.2;margin:0;}
.purif-incl-divider{width:50px;height:3px;background:linear-gradient(90deg,var(--water),transparent);border-radius:2px;margin:1rem 0 0;}
.purif-incl-tagline{font-size:0.92rem;color:rgba(255,255,255,0.72);max-width:260px;line-height:1.6;text-align:right;margin:0;}

.purif-incl-row{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0.75rem;}
.purif-incl-item{position:relative;padding:1.3rem 0.75rem 1.1rem;border-radius:14px;background:rgba(109,189,227,0.04);border:1px solid rgba(109,189,227,0.14);transition:background 0.25s,transform 0.25s,border-color 0.25s;text-align:center;}
.purif-incl-item:hover{background:rgba(109,189,227,0.08);border-color:rgba(109,189,227,0.32);transform:translateY(-3px);}
@media (hover:none){.purif-incl-item:hover{transform:none;}}

.purif-incl-num{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.68rem;color:var(--water);letter-spacing:0.1em;display:block;margin-bottom:0.75rem;opacity:0.9;}
.purif-incl-img{background:rgba(255,255,255,0.96);border-radius:10px;height:100px;display:flex;align-items:center;justify-content:center;margin:0 0 0.9rem;padding:8px;box-shadow:0 2px 10px rgba(0,0,0,0.18);box-sizing:border-box;}
.purif-incl-img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;}
.purif-incl-name{font-size:0.8rem;font-weight:600;color:#fff;margin:0 0 0.35rem;line-height:1.3;min-height:2.1em;}
.purif-incl-name-sub{font-weight:400;color:rgba(255,255,255,0.55);}
.purif-incl-desc{font-size:0.72rem;color:rgba(255,255,255,0.62);margin:0;line-height:1.5;}

.purif-incl-foot{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(109,189,227,0.18);display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;font-size:0.85rem;color:rgba(255,255,255,0.78);}
.purif-incl-chip{display:inline-flex;align-items:center;gap:0.45rem;padding:0.4rem 0.8rem;background:rgba(109,189,227,0.1);border:1px solid rgba(109,189,227,0.22);border-radius:100px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.72rem;color:var(--water);letter-spacing:0.06em;white-space:nowrap;}
.purif-incl-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--water);box-shadow:0 0 8px var(--water);}

/* ── Responsive — tablette ── */
@media (max-width:1000px){
  .purif-incl-row{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .purif-incl{padding:2.5rem 1.5rem;}
  .purif-incl-head{grid-template-columns:1fr;gap:0.8rem;}
  .purif-incl-tagline{text-align:left;max-width:none;}
  /* Parent flex passe en column sur mobile → purif-side-card doit prendre sa hauteur naturelle */
  .purif-side-card{flex:0 0 auto;width:100%;justify-content:flex-start;padding:1.4rem 1.3rem;}
}

/* ── Responsive — mobile (≤600px) ── */
@media (max-width:600px){
  .purif-incl{padding:2rem 1rem;border-radius:14px;margin-top:1.5rem;}
  .purif-incl-row{grid-template-columns:repeat(2,1fr);gap:0.5rem;}
  .purif-incl-item{padding:1rem 0.5rem 0.9rem;}
  .purif-incl-img{height:80px;}
  .purif-incl-foot{font-size:0.78rem;}

  .purif-side-card{padding:1.2rem 1rem;border-radius:14px;gap:1.4rem;}

  .purif-side-dims{grid-template-columns:repeat(2,1fr);gap:0.5rem;}
  .purif-side-dim{padding:0.7rem 0.4rem;}
  .purif-side-dim-val{font-size:1rem;}
  .purif-side-dim-lbl{font-size:0.56rem;}

  .purif-side-row-key{font-size:0.78rem;}
  .purif-side-row-val{font-size:0.8rem;}
}

/* ============================================================
   FIX RACINE PDD MOBILE — position:relative (pas static)
   Permet aux pins et image en position:absolute de rester ancrés
   au canvas et ne pas remonter vers le hero
   ============================================================ */
@media (max-width:900px){
  /* CRITIQUE : position:relative (pas static) pour préserver l'ancrage
     des enfants .pdd-canvas-img et .pdd-pin en position:absolute */
  .pdd-canvas{position:relative !important;top:auto !important;}
}

/* ── Mobile (≤600px) — refonte design PDD ── */
@media (max-width:600px){
  .pdd-section{padding:1.5rem 0.9rem 2.5rem;}
  .pdd-header{margin-bottom:1.4rem;}
  .pdd-title{font-size:1.6rem;}
  .pdd-body{gap:1rem;}

  /* Canvas : ajustements visuels */
  .pdd-canvas{border-radius:16px;}
  .pdd-canvas-label{font-size:0.6rem;letter-spacing:0.1em;padding:0.3rem 0.6rem;top:12px;left:12px;}

  /* Pins plus petits, mieux proportionnés au canvas mobile */
  .pdd-pin{width:26px;height:26px;font-size:0.7rem;border-width:1.5px;}
  .pdd-pin.active{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 4px 14px rgba(46,144,212,0.6),0 0 0 5px rgba(109,189,227,0.18);}

  /* Carrousel mobile : hauteur augmentée pour accommoder textes longs (slides 1, 5, 7).
     Les slides reprennent leur position:absolute hérité du desktop — toggle via .active (opacity). */
  .pdd-carousel{aspect-ratio:auto;height:480px;min-height:0;border-radius:16px;overflow:hidden;}
  .pdd-slide{padding:1.1rem 1.2rem 2.8rem;}
  .pdd-slide-head{margin-bottom:0.5rem;}
  .pdd-slide-counter{font-size:0.7rem;}
  .pdd-slide-counter strong{font-size:1.2rem;}
  .pdd-slide-tag{font-size:0.55rem;padding:0.28rem 0.6rem;}
  .pdd-slide-title{font-size:1.15rem;margin-bottom:0.7rem;}

  /* Slide layout : image + texte de taille naturelle, groupés en haut (pas d'étirement vertical) */
  .pdd-slide-body{grid-template-columns:1fr;grid-template-rows:auto auto;gap:0.8rem;align-content:start;flex:none;min-height:0;}
  /* Toutes les images PDD au même rendu visuel sur mobile : object-fit:contain
     avec fond uniforme. Évite la différence cover/contain entre slides 1/5/7
     et empêche le texte d'être tronqué par une image qui prend toute la zone. */
  .pdd-slide-img,
  .pdd-slide-img.contain{height:160px;border-radius:10px;object-fit:contain;background:#f0f6fb;}

  .pdd-slide-text p{font-size:0.85rem;line-height:1.5;}
  .pdd-slide-chips{margin-top:0.55rem;gap:0.25rem;}
  .pdd-slide-chip{font-size:0.55rem;padding:0.28rem 0.6rem;}

  /* Flèches et dots plus compacts */
  .pdd-nav{width:32px;height:32px;}
  .pdd-nav-prev{left:0.4rem;}
  .pdd-nav-next{right:0.4rem;}
  .pdd-dots{bottom:0.7rem;gap:0.3rem;}
  .pdd-dot{width:14px;height:3px;}
  .pdd-dot.active{width:22px;}
}

/* ── Preuves indépendantes V2 (dual scoreboard) ── */
.proof-intro{text-align:center;max-width:760px;margin:0 auto 3rem;}
.proof-eyebrow{font-size:0.72rem;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:var(--blue-accent);display:inline-block;margin-bottom:1.2rem;}
.proof-title{font-family:'DM Sans',sans-serif;font-size:clamp(2rem,3.5vw,2.6rem);font-weight:700;line-height:1.15;color:var(--blue-deep);margin:0 0 1.4rem;letter-spacing:-0.01em;text-wrap:balance;}
.proof-title em{color:var(--water);font-style:normal;}
.proof-divider{width:50px;height:3px;background:linear-gradient(90deg,var(--blue-accent),var(--water));border-radius:2px;margin:0 auto 1.4rem;}
.proof-lede{font-size:1.02rem;line-height:1.7;color:var(--gray-text);margin:0;}
.proof-lede strong{color:var(--blue-deep);font-weight:600;}
.proof-card{border-radius:24px;padding:2.4rem 2.2rem;position:relative;overflow:hidden;}
.proof-card--light{background:#ffffff;border:1px solid rgba(10,35,66,0.06);box-shadow:0 24px 60px -28px rgba(10,35,66,0.18);}
.proof-card--dark{background:var(--blue-deep);color:#ffffff;}
.proof-card--dark::before{content:'';position:absolute;inset:-40% -40% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(109,189,227,0.18),transparent 65%);pointer-events:none;}
.proof-head{padding-bottom:1.4rem;border-bottom:1px solid rgba(10,35,66,0.08);margin-bottom:1.4rem;}
.proof-card--dark .proof-head{border-bottom-color:rgba(109,189,227,0.18);}
.proof-head-pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--blue-accent);display:block;margin-bottom:0.4rem;}
.proof-card--dark .proof-head-pre{color:var(--water);}
.proof-head h3{font-family:'DM Sans',sans-serif;font-size:1.45rem;font-weight:700;margin:0;color:var(--blue-deep);letter-spacing:-0.01em;}
.proof-card--dark .proof-head h3{color:#ffffff;}
.proof-head-meta{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.7rem;color:rgba(10,35,66,0.5);letter-spacing:0.08em;text-align:right;line-height:1.5;}
.proof-card--dark .proof-head-meta{color:rgba(255,255,255,0.4);}
.proof-head-meta strong{color:var(--blue-deep);}
.proof-card--dark .proof-head-meta strong{color:#ffffff;}
.proof-norms{display:grid;gap:0.7rem;margin-bottom:1.6rem;}
.proof-norm{display:grid;grid-template-columns:110px 1fr;gap:1.4rem;align-items:center;padding:1.1rem 1.2rem 1.1rem 1.4rem;background:var(--gray-light);border-radius:14px;position:relative;overflow:hidden;border:1px solid rgba(10,35,66,0.05);transition:transform 0.25s cubic-bezier(.4,0,.2,1),box-shadow 0.25s cubic-bezier(.4,0,.2,1);}
.proof-norm::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent,var(--blue-accent));}
.proof-norm--42{--accent:var(--water);}
.proof-norm--53{--accent:var(--blue-deep);}
.proof-norm--401{--accent:#27ae60;}
.proof-norm-key{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-right:1px solid rgba(10,35,66,0.1);padding-right:1.4rem;height:100%;}
.proof-norm-pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.62rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray-text);margin-bottom:0.05rem;}
.proof-norm-num{font-family:'DM Sans',sans-serif;font-size:2rem;font-weight:700;color:var(--blue-deep);letter-spacing:-0.03em;line-height:1;}
.proof-norm-body{display:flex;flex-direction:column;gap:0.45rem;}
.proof-norm-title{font-size:0.95rem;font-weight:600;color:var(--blue-deep);letter-spacing:-0.005em;}
.proof-norm-desc{font-size:0.78rem;line-height:1.55;color:var(--gray-text);margin:0;}
.proof-norm-tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.15rem;}
.proof-tag{font-size:0.68rem;font-weight:500;padding:0.25rem 0.6rem;border-radius:100px;background:#f0f6fb;color:var(--blue-deep);border:1px solid rgba(46,144,212,0.18);white-space:nowrap;}
.proof-tag--alert{background:#fff5f4;color:#e74c3c;border-color:rgba(231,76,60,0.25);}
.proof-orgs{display:flex;align-items:center;gap:1rem;padding-top:1.6rem;margin-top:1.6rem;border-top:1px solid rgba(10,35,66,0.06);}
.proof-orgs-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray-text);flex:0 0 auto;}
.proof-orgs-row{display:flex;align-items:center;gap:1.2rem;flex:1;}
.proof-orgs-row img{height:32px;width:auto;object-fit:contain;filter:grayscale(1);opacity:0.75;}
.proof-score-hero{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.8rem;}
.proof-score{background:rgba(255,255,255,0.04);border:1px solid rgba(109,189,227,0.18);border-radius:14px;padding:1.2rem;position:relative;overflow:hidden;}
.proof-score-cat{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.7rem;letter-spacing:0.06em;color:rgba(255,255,255,0.6);display:block;margin-bottom:0.3rem;}
.proof-score-mol{font-size:0.95rem;font-weight:600;color:#ffffff;margin-bottom:1rem;line-height:1.3;}
.proof-score-big{display:flex;align-items:baseline;gap:0.4rem;}
.proof-score-big-num{font-family:'DM Sans',sans-serif;font-size:3rem;font-weight:700;color:var(--water);letter-spacing:-0.03em;line-height:1;}
.proof-score-big-num em{font-style:italic;}
.proof-score-big-unit{font-size:1rem;font-weight:500;color:var(--water);}
.proof-score-big-suffix{font-size:0.85rem;color:rgba(255,255,255,0.7);margin-left:0.3rem;}
.proof-bar-list{display:grid;gap:0.45rem;margin-top:1rem;}
.proof-bar-row{display:grid;grid-template-columns:50px 1fr 90px;align-items:center;gap:0.6rem;font-size:0.72rem;}
.proof-bar-row .lbl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0.05em;text-transform:uppercase;color:rgba(255,255,255,0.55);}
.proof-bar-row .val{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;color:rgba(255,255,255,0.85);}
.proof-bar-row .val em{font-style:italic;}
.proof-bar-track{position:relative;height:8px;background:rgba(109,189,227,0.1);border-radius:100px;overflow:hidden;}
.proof-bar-fill{position:absolute;left:0;top:0;bottom:0;border-radius:100px;transform-origin:left;animation:proof-bar-grow 1.3s cubic-bezier(.4,0,.2,1) forwards;}
.proof-bar-fill--before{background:linear-gradient(90deg,#f09090,#e74c3c);}
.proof-bar-fill--after{background:linear-gradient(90deg,var(--water),#80e0a0);}
@keyframes proof-bar-grow{from{width:0;}}
.proof-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:0.8rem;padding:1.2rem;background:rgba(109,189,227,0.06);border:1px solid rgba(109,189,227,0.15);border-radius:14px;}
.proof-scope-item{display:flex;flex-direction:column;gap:0.2rem;text-align:center;}
.proof-scope-num{font-family:'DM Sans',sans-serif;font-size:1.6rem;font-weight:700;color:var(--water);line-height:1;letter-spacing:-0.02em;}
.proof-scope-lbl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.6);line-height:1.4;}
.proof-cta-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;}
.proof-cta{background:var(--water);color:var(--blue-deep);font-weight:600;font-size:0.85rem;padding:0.75rem 1.2rem;border-radius:100px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;transition:transform 0.2s cubic-bezier(.4,0,.2,1);}
.proof-cta-meta{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.65rem;letter-spacing:0.08em;color:rgba(255,255,255,0.5);text-transform:uppercase;text-align:right;}
@media(hover:hover){.proof-norm:hover{transform:translateX(2px);box-shadow:0 6px 20px -10px rgba(10,35,66,0.18);}.proof-cta:hover{transform:translateY(-2px);}}
@media(max-width:900px){
.proof-intro{margin-bottom:2.2rem;}
.proof-card{padding:1.8rem 1.4rem;border-radius:18px;}
.proof-head{margin-bottom:1.1rem;}
.proof-score-hero{grid-template-columns:1fr;}
.proof-norm{grid-template-columns:90px 1fr;gap:1rem;padding:1rem 1.1rem 1rem 1.3rem;}
.proof-norm-key{padding-right:1rem;}
.proof-norm-num{font-size:1.7rem;}
.proof-orgs{flex-direction:column;align-items:flex-start;gap:0.8rem;}
.proof-cta-row{flex-direction:column;align-items:stretch;gap:0.8rem;text-align:center;}
.proof-cta-meta{text-align:center;}
}
@media(max-width:600px){
.proof-eyebrow{font-size:0.66rem;}
.proof-title{font-size:1.5rem;}
.proof-lede{font-size:0.9rem;}
.proof-head h3{font-size:1.2rem;}
.proof-score{padding:1rem;}
.proof-score-big-num{font-size:2.4rem;}
}

/* ── Preuves indépendantes · Authority badges (paire logos × labels) ── */
.proof-authority{display:flex;align-items:stretch;justify-content:center;gap:1rem;margin:0 0 1.8rem;flex-wrap:nowrap;}
.proof-auth-badge{display:flex;align-items:center;gap:0.85rem;padding:0.85rem 1.1rem;border-radius:14px;flex:1 1 0;min-width:0;}
.proof-card--light .proof-auth-badge{background:#f0f6fb;border:1px solid rgba(46,144,212,0.16);box-shadow:0 1px 3px rgba(10,35,66,0.04);}
.proof-card--dark .proof-auth-badge{background:rgba(255,255,255,0.06);border:1px solid rgba(109,189,227,0.18);}
.proof-auth-logo{height:40px !important;width:40px !important;object-fit:contain;flex-shrink:0;}
.proof-auth-logo--eweo{height:36px !important;width:36px !important;}
.proof-card--dark .proof-auth-logo--eweo{filter:brightness(0) invert(1);}
.proof-auth-label{display:flex;flex-direction:column;gap:0.15rem;min-width:0;}
.proof-auth-name{font-family:'DM Sans',sans-serif;font-weight:700;font-size:0.88rem;line-height:1.2;letter-spacing:-0.005em;}
.proof-card--light .proof-auth-name{color:var(--blue-deep);}
.proof-card--dark .proof-auth-name{color:#ffffff;}
.proof-auth-sub{font-size:0.72rem;line-height:1.35;letter-spacing:0.005em;}
.proof-card--light .proof-auth-sub{color:var(--gray-text);}
.proof-card--dark .proof-auth-sub{color:rgba(255,255,255,0.6);}
.proof-auth-sep{flex:0 0 auto;align-self:center;font-size:1.1rem;font-weight:300;line-height:1;user-select:none;}
.proof-card--light .proof-auth-sep{color:#c0cdd8;}
.proof-card--dark .proof-auth-sep{color:rgba(255,255,255,0.25);}
.proof-auth-mark{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;flex-shrink:0;font-family:'DM Sans',sans-serif;font-weight:800;font-size:0.78rem;letter-spacing:-0.02em;border-radius:8px;text-transform:lowercase;}
.proof-auth-mark--eurofins{background:#ffffff;color:#0c8a3c;border:1px solid rgba(255,255,255,0.85);}
@media(max-width:600px){
.proof-authority{gap:0.5rem;}
.proof-auth-badge{padding:0.6rem 0.7rem;gap:0.55rem;border-radius:11px;}
.proof-auth-logo{height:32px !important;width:32px !important;}
.proof-auth-logo--eweo{height:30px !important;width:30px !important;}
.proof-auth-mark{height:32px;width:32px;font-size:0.65rem;border-radius:7px;}
.proof-auth-name{font-size:0.76rem;}
.proof-auth-sub{font-size:0.62rem;line-height:1.3;}
.proof-auth-sep{font-size:0.9rem;}
}
@media(max-width:380px){
.proof-auth-badge{padding:0.5rem 0.55rem;gap:0.4rem;}
.proof-auth-logo{height:28px !important;width:28px !important;}
.proof-auth-logo--eweo{height:26px !important;width:26px !important;}
.proof-auth-mark{height:28px;width:28px;font-size:0.6rem;}
.proof-auth-name{font-size:0.7rem;}
.proof-auth-sub{font-size:0.58rem;}
}