/* Page Brouillards d'huile : prolongement de la trame Dépoussiérage. */
.oil-hero .dust-hero__photo { background-position:center 49%; }
.oil-hero .dust-hero__veil { background:linear-gradient(90deg,rgba(6,10,11,.96),rgba(6,10,11,.85) 43%,rgba(6,10,11,.35) 82%),linear-gradient(0deg,rgba(6,10,11,.78),transparent 43%); }
.oil-hero h1 { font-size:clamp(3.3rem,7vw,7rem); }
.oil-ranges { background:#151a1a; }
.oil-product-grid { margin-top:0; }
.oil-product-grid .dust-product__image { height:360px; background:#f1f3ec; }
.oil-product-grid .dust-product__image img { max-height:330px; max-width:83%; }
.oil-he { display:grid; grid-template-columns:48% 52%; margin-top:1rem; min-height:530px; background:#fbfcf9; color:#1c251e; }
.oil-he__image { position:relative; display:grid; place-items:center; min-height:530px; overflow:hidden; padding:2rem; background:#eef1eb; }
.oil-he__image span { position:absolute; z-index:1; top:1.5rem; left:1.5rem; padding:.55rem .7rem; color:#384934; background:#dfe9d4; font-size:.75rem; font-weight:750; letter-spacing:.13em; }
.oil-he__image img { display:block; width:100%; max-height:490px; height:auto; object-fit:contain; }
.oil-he__body { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:clamp(2rem,5vw,5rem); }
.oil-he__body h3 { margin:0 0 1.3rem; font-size:clamp(3.6rem,6vw,6.2rem); line-height:.95; }
.oil-he__body h3 em { color:#6f9000; }
.oil-he__body > p:not(.dust-label) { max-width:52ch; color:#526055; line-height:1.65; font-size:1.02rem; }
.oil-he__numbers { display:flex; flex-wrap:wrap; gap:3rem; padding:1rem 0 2rem; }
.oil-he__numbers div { display:flex; flex-direction:column; }
.oil-he__numbers strong { font-size:1.35rem; letter-spacing:-.04em; }
.oil-he__numbers span { color:#6a786b; font-size:.82rem; }
.oil-he__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.3rem; }
.oil-page .dust-compare .dust-table tbody tr:nth-child(3) { background:#f4f9e9; }
.oil-page .dust-compare .dust-table tbody tr:nth-child(4) { background:transparent; }
@media(max-width:800px) {
 .oil-he { grid-template-columns:1fr; }
 .oil-he__image { min-height:300px; padding:1rem; }
 .oil-he__image img { max-height:340px; }
 .oil-he__body { padding:1rem 2rem 2.5rem; }
}
@media(max-width:680px) {
 .oil-hero h1 { font-size:clamp(3rem,11vw,5rem); }
 .oil-product-grid .dust-product__image { height:300px; }
 .oil-product-grid .dust-product__image img { max-height:275px; }
 .oil-he__body { padding:1rem 1.5rem 2rem; }
 .oil-he__numbers { gap:1.6rem; }
}