.masthead #hero-title{font-size:clamp(16px,1.6vw,24px);line-height:1.25;letter-spacing:-.5px;margin:0;flex:1;text-align:center}.masthead #hero-title em{color:#0846ad;font-style:normal}.hero{height:auto;min-height:280px;padding:12px 5% 0}.hero-copy{padding:0}.hero-vehicles{display:flex;align-items:center;gap:24px;width:100%;max-width:1400px}.hero .hero-vehicles .lineup{width:75%;height:250px;margin:0;min-height:0;object-fit:contain}.hero-vehicles .sell-car-invitation{flex:1;text-align:left;min-width:0}.sell-car-invitation p{font-size:14px;color:#68778b}.sell-car-link{white-space:normal;display:inline-block;line-height:1.5}.hero-bottom{padding-top:5px}.search-area{padding-top:24px}#vehicle-search #search-heading{font-size:24px;margin:0 0 18px;line-height:1.3}#vehicle-search .vehicle-navigation-row{align-items:center}#vehicle-search .vehicle-navigation-row .types{height:94px;align-self:center;border-top-right-radius:48px}#vehicle-search .vehicle-navigation-row .types .vehicle-tab{height:92px;min-height:0;padding:8px;gap:6px}#vehicle-search .types .vehicle-tab svg{width:24px;height:24px}@media(max-width:1100px){.masthead{flex-wrap:wrap}.masthead #hero-title{min-width:220px}.header-actions{margin-left:auto}.hero .hero-vehicles .lineup{width:68%;height:210px}}@media(max-width:600px){.masthead #hero-title{font-size:16px;min-width:140px}.header-actions{width:100%;justify-content:center;flex-wrap:wrap}.hero-vehicles{flex-direction:column;gap:6px}.hero .hero-vehicles .lineup{width:100%;height:160px}.hero-vehicles .sell-car-invitation{text-align:center}.hero-vehicles .sell-car-invitation p{margin:4px 0}.hero-bottom{padding-top:12px}#vehicle-search #search-heading{font-size:21px}#vehicle-search .vehicle-navigation-row .types{height:82px}#vehicle-search .vehicle-navigation-row .types .vehicle-tab{height:80px}}
/* Keep the lineup centred regardless of the sell invitation width. */
.hero .hero-vehicles{display:grid;grid-template-columns:1fr;justify-items:center;position:relative;gap:0;max-width:none;padding-bottom:82px}
.hero .hero-vehicles .lineup{width:min(100%,1100px);height:250px;margin:0 auto;object-fit:contain}
.hero .hero-vehicles .sell-car-invitation{position:absolute;right:0;bottom:8px;max-width:360px;text-align:right}
.hero .hero-vehicles .sell-car-invitation p{font-size:12px;margin:0 0 8px}
.hero .sell-car-link{animation:sell-invitation-shake 15s ease-in-out 15s infinite}
@keyframes sell-invitation-shake{0%,4%,100%{transform:translateX(0)}.6%,1.8%,3%{transform:translateX(-3px) rotate(-.6deg)}1.2%,2.4%,3.6%{transform:translateX(3px) rotate(.6deg)}}
@media(max-width:600px){.hero .hero-vehicles .lineup{width:100%;height:160px}.hero .hero-vehicles{padding-bottom:92px}.hero .hero-vehicles .sell-car-invitation{max-width:100%;right:0}.hero .hero-vehicles .sell-car-invitation p{font-size:11px}.hero .sell-car-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero .sell-car-link{animation:none}}

/* Heading and categories share the advertisement row, without a separate heading band. */
#vehicle-search{padding-top:16px}
#vehicle-search .vehicle-navigation-row{align-items:stretch;margin-bottom:24px}
#vehicle-search .vehicle-category-group{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;min-width:0}
#vehicle-search .vehicle-category-group #search-heading{margin:0;font-size:24px;line-height:1.25}
#vehicle-search .vehicle-category-group .types{width:100%;height:auto;min-height:94px;flex:1;align-self:stretch}
#vehicle-search .vehicle-category-group .types .vehicle-tab{height:100%;min-height:92px}
@media(max-width:600px){#vehicle-search .vehicle-category-group #search-heading{font-size:21px}#vehicle-search .vehicle-category-group .types{min-height:82px}#vehicle-search .vehicle-category-group .types .vehicle-tab{min-height:80px}}
/* Compact the space beneath the lineup; image whitespace completes the visual gap. */
.hero .hero-vehicles{padding-bottom:48px}
.hero .hero-vehicles .sell-car-invitation{bottom:0}
.hero .hero-bottom{padding-top:0;padding-bottom:12px;margin-top:0}
@media(max-width:600px){.hero .hero-vehicles{padding-bottom:76px}.hero .hero-bottom{padding-top:8px}}
/* Compact first-screen search: category tabs do not stretch with the ad. */
#vehicle-search .vehicle-category-group .types{flex:none;height:56px;min-height:56px;border-top-right-radius:30px}
#vehicle-search .vehicle-category-group .types .vehicle-tab{height:54px;min-height:54px;padding:5px 8px;gap:4px;font-size:12px}
#vehicle-search .vehicle-category-group .types .vehicle-tab svg{width:20px;height:20px}
@media(min-width:1001px){
 .masthead{min-height:76px;padding-top:10px;padding-bottom:10px}
 .hero{min-height:0;padding-top:5px}
 .hero-copy>p:last-child{margin-top:4px;font-size:13px}
 .hero .hero-vehicles .lineup{height:clamp(130px,21vh,190px)}
 .hero .hero-vehicles{padding-bottom:40px}
 .hero .hero-vehicles .sell-car-invitation p{margin-bottom:3px}
 .hero .sell-car-link{padding:7px 12px;font-size:12px}
 .hero .hero-bottom{padding-bottom:7px}
 .search-area{padding-top:12px}
 #vehicle-search{padding:14px 22px}
 #vehicle-search .vehicle-navigation-row{margin-bottom:14px}
 #vehicle-search .sort-choice{margin-top:12px}
}

/* Search shares the category column; the ad stays in the right column. */
#vehicle-search .vehicle-category-group .search-network-row{width:100%;margin:4px 0 0;min-width:0}
#vehicle-search .vehicle-navigation-row .vehicle-advertisement{align-self:start}
@media(min-width:1001px){.hero .hero-vehicles .lineup{height:250px}}

.hero .sell-car-link{padding-top:11px;padding-bottom:11px}
@media(min-width:1001px){.hero .sell-car-link{padding-top:10.4px;padding-bottom:10.4px}}

.hero .sell-car-link{font-size:14px;padding:13px 18px;line-height:1.5}
.hero .hero-vehicles{padding-bottom:68px}
.hero .hero-vehicles .sell-car-invitation{bottom:4px;z-index:1}
@media(max-width:600px){.hero .hero-vehicles{padding-bottom:80px}.hero .sell-car-link{font-size:13px;padding:12px 14px}}