.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.vehicle-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 18px 22px}
.vehicle-brands button{min-height:44px;padding:10px 5px;border:1px solid #b9bdc2;background:#ffffffd9;color:#25282c;font-size:13px;font-weight:650;cursor:pointer;transition:background .18s,color .18s}
.vehicle-brands button:hover{background:#e9e9e9}.vehicle-brands button[aria-pressed="true"]{background:#111;color:#fff;border-color:#111;box-shadow:inset 0 -3px #f50537}
.vehicle-brands button:focus-visible{outline:1px solid #555;outline-offset:3px}
.vehicle-parts-heading{display:flex;justify-content:space-between;gap:16px;padding:0 18px 12px;font-size:12px;color:#63686d}
.vehicle-parts-note{font-size:13px;line-height:1.65;padding:16px 0;border-top:1px solid #ddd;color:#565d64}.vehicle-parts-note[hidden]{display:none}
@media(max-width:800px){.vehicle-brands{margin-inline:12px;max-width:440px}.vehicle-parts-heading{padding-inline:12px}}
.language-picker{display:inline-flex;align-items:center;gap:8px;color:#35393d}
.language-picker svg{width:19px;height:19px;flex-shrink:0}
.language-picker select{font:500 13px/1.3 "Segoe UI",Arial,sans-serif;color:inherit;background:transparent;border:0;border-bottom:1px solid #d5d7d9;border-radius:0;min-height:42px;max-width:128px;padding:8px 4px;cursor:pointer}
.language-picker select:focus-visible{outline:1px solid #52575c;outline-offset:3px}
.top-inner{gap:20px}.top nav{gap:22px}.portal{gap:15px}
.credits-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}
html[lang="de"] .hero h1{font-size:clamp(40px,4.1vw,64px)}
.catalog-heading h3{overflow-wrap:normal}.row .name{hyphens:auto}
@media(max-width:1150px){.top-inner{flex-wrap:wrap;padding-block:15px;gap:14px}.top nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}}
@media(max-width:800px){.top nav{display:flex;gap:22px;flex-wrap:wrap}.header-actions{gap:10px}.top-inner{min-height:85px}.hero .eyebrow{max-width:95%}}
@media(max-width:520px){.top-inner{padding-block:14px}.top-inner>.brand{flex:1}.header-actions{display:contents}.language-picker{margin-left:auto}.top-inner .portal{order:3}.top nav{order:4;width:auto;flex:1;gap:8px 16px;justify-content:flex-end;font-size:11px}.language-picker select{max-width:116px;font-size:12px}.language-picker svg{display:none}.hero h1,html[lang="de"] .hero h1{font-size:clamp(32px,9vw,46px);letter-spacing:-1.5px}.hero-actions{gap:18px}.hero-caption{letter-spacing:.3px}.hero-caption span:last-child{max-width:220px;text-align:right}.credits-toolbar{align-items:flex-start}.oe-number{gap:10px}.oe-number button{max-width:120px}}
