.downpipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.downpipe-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #d6d9dc;background:#fff;border-top:3px solid #b5282e;border-radius:4px}
.downpipe-card h3{font-size:1.12rem;line-height:1.45;margin:4px 0 12px}
.downpipe-card h3 a{color:#202429;text-decoration:none}
.downpipe-card h3 a:hover{text-decoration:underline}
.downpipe-card p{line-height:1.65;color:#43494f}
.downpipe-card .downpipe-mpn{font-family:monospace;color:#202429;font-size:.9rem;overflow-wrap:anywhere}
.downpipe-card footer{display:grid;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #d6d9dc;font-size:.88rem}
.downpipe-card footer a{font-weight:700;color:#912126}
.downpipe-restriction{padding:12px;border-left:3px solid #b5282e;background:#f4f4f4;color:#262a2e}
.downpipe-card a:focus-visible,.downpipe-dossier a:focus-visible{outline:3px solid #9e252b;outline-offset:4px}
.downpipe-dossier .component-package-links{align-self:start}
@media(max-width:1000px){.downpipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.downpipe-grid{grid-template-columns:1fr}.downpipe-card{padding:20px}}

.downpipe-technical-panel{background:linear-gradient(135deg,#151b22,#2a343e);color:#fff;border:1px solid #3f4c59;padding:clamp(1.5rem,4vw,3rem);border-radius:12px;min-height:360px;display:flex;flex-direction:column;justify-content:center;gap:1rem}.downpipe-technical-panel .eyebrow{color:#c3cfdb}.downpipe-technical-panel h2{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.15;margin:0}.downpipe-technical-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;border-top:1px solid #53616f;padding-top:1rem}.downpipe-technical-panel dt{color:#c3cfdb}.downpipe-technical-panel dd{margin:0;text-align:right}.downpipe-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.downpipe-purchase{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:1rem!important}.downpipe-purchase label{min-width:0}.downpipe-purchase select{width:100%;text-overflow:ellipsis}.downpipe-confirm{display:flex!important;align-items:flex-start!important;gap:.65rem}.downpipe-confirm input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px;margin-top:3px}.downpipe-price strong{display:block;font-size:1.7rem}.downpipe-vehicle{margin:0;padding-bottom:.8rem;border-bottom:1px solid #d7dce0}.downpipe-applications{display:grid;gap:.65rem;padding-left:1.2rem}.downpipe-use{font-size:.875rem;color:#525e69}.downpipe-purchase select:focus-visible,.downpipe-purchase input:focus-visible{outline:3px solid #075fc7;outline-offset:3px}@media(max-width:600px){.downpipe-fields{grid-template-columns:1fr}.downpipe-technical-panel{min-height:240px}}

.downpipe-card-art{position:absolute;inset:0;width:100%;height:100%;justify-content:center;padding:40px 20px 24px;text-align:center;background:linear-gradient(130deg,#17212a,#384956)!important;color:#fff!important}.downpipe-card-art strong{color:#fff!important;overflow-wrap:normal!important;word-break:normal;line-height:1.2;font-size:clamp(1.2rem,2vw,1.75rem)!important;max-width:90%;text-wrap:balance}.downpipe-card-art span{color:#d4dfe9!important;letter-spacing:.12em}

.downpipe-purchase .downpipe-vehicle strong{font-size:1.1rem;line-height:1.4}.downpipe-purchase label>span{color:#38424b}.downpipe-purchase .downpipe-confirm>span{font-size:.875rem;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.5}.downpipe-purchase input[type=number]{width:100%;min-width:0}.downpipe-purchase select{min-width:0;max-width:100%}
.downpipe-vehicle-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.downpipe-vehicle-heading a{font-size:.85rem;color:#8d2028;text-decoration:underline}.downpipe-vehicle p{margin:.4rem 0 0;font-size:.9rem;line-height:1.5}.downpipe-vehicle .downpipe-facts{color:#4c555d;font-size:.82rem}.downpipe-included{padding:.75rem 1rem;background:#edf1f3;border-left:3px solid #87949e;margin:0}.downpipe-included strong{font-size:.95rem!important}.downpipe-included span{display:block;font-size:.82rem;line-height:1.5;margin-top:.25rem;color:#414b54}.downpipe-order-row{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:1rem;align-items:end}.downpipe-price small,.downpipe-price span{display:block}.downpipe-price span{font-size:.8rem;line-height:1.5;margin-top:.3rem}.downpipe-purchase select{min-height:44px}.downpipe-purchase button:focus-visible{outline:3px solid #075fc7;outline-offset:3px}
