/* Page Gaz et COV — complète ventilation.css et captage.css (même charte). */

.cov-hero .dust-hero__photo { background-position:center 45%; }

/* Polluants : 3 cartes photo à droite de l'intro. */
.cov-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }

/* Solutions : 3 cartes sombres numérotées. */
.cov-solutions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.cov-solution { position:relative; display:flex; flex-direction:column; padding:clamp(1.8rem,3.5vw,2.6rem); background:#1b2221; color:#fff; border:1px solid #1b2221; transition:border-color .2s, transform .2s; }
.cov-solution:hover { border-color:#9cc500; transform:translateY(-2px); }
.cov-solution__num { margin-bottom:2.2rem; color:#9cc500; font-size:.8rem; font-weight:750; letter-spacing:.14em; }
.cov-solution h3 { margin:0 0 .9rem; font-size:clamp(1.6rem,2.4vw,2.1rem); line-height:1.05; color:#fff; }
.cov-solution p { margin:0 0 1.6rem; color:#c2cbc1; line-height:1.6; }
.cov-solution ul { margin:auto 0 0; padding:0; list-style:none; border-top:1px solid #343b39; }
.cov-solution li { position:relative; padding:.8rem 0 .8rem 1.4rem; border-bottom:1px solid #343b39; font-size:.94rem; }
.cov-solution li::before { content:"+"; position:absolute; left:0; color:#9cc500; font-weight:700; }

/* Secteurs équipés. */
.cov-sectors { margin-top:clamp(3rem,6vw,5rem); }
.cov-sectors__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:0; padding:0; list-style:none; }
.cov-sectors__grid li { position:relative; aspect-ratio:16/10; overflow:hidden; background:#1b2221; }
.cov-sectors__grid img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.cov-sectors__grid li:hover img { transform:scale(1.05); }
.cov-sectors__grid li::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,11,11,.82),transparent 60%); }
.cov-sectors__grid span { position:absolute; left:1.1rem; bottom:.9rem; z-index:1; color:#fff; font-size:1.05rem; font-weight:700; letter-spacing:-.02em; }

@media(max-width:1100px) {
 .cov-solutions { grid-template-columns:1fr; }
 .cov-sectors__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:900px) {
 .cov-grid-3 { grid-template-columns:1fr; }
}