/* Vehicle selection shares the site's original yellow/ink identity. */
.vehicle-browse-nav { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 20px; }
.vehicle-browse-nav a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 10px 18px; border: 1px solid var(--border); border-radius: 8px; color: var(--navy); background: var(--white); font-weight: 650; }
.vehicle-browse-nav a[aria-current='true'] { background: var(--theme-selected, #fff3be); border-color: var(--yellow); }
.category-grid.moto-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.moto-category-symbol { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 118px; padding: 24px; color: var(--navy); background: var(--theme-surface-soft, #eef0f2); }
.moto-category-symbol svg { width: 58px; height: 58px; overflow: visible; }
.category-card:focus-visible, .vehicle-browse-nav a:focus-visible { outline: 3px solid var(--navy); outline-offset: 3px; }
.smart-model > span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media(max-width: 400px) {
  .smart-search .smart-model { padding-inline: 10px; gap: 5px; font-size: 14px; }
}
@media(max-width: 640px) {
  .category-grid.moto-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .moto-category-symbol { min-height: 96px; padding: 18px; }
  .moto-category-symbol svg { width: 48px; height: 48px; }
  .vehicle-browse-nav { margin-bottom: 16px; }
}