.brand-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.car-make-logo-frame {
  width: 120px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.car-make-logo-img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Homepage brand row — large icon-style marks, responsive within Swiper slides */
.homepage-brand-logo-link {
  min-height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  color: var(--fn-body-color);
}

.homepage-brand-logo {
  width: 180px;
  height: 82px;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.homepage-brand-logo-link:hover .homepage-brand-logo {
  opacity: 0.85;
}

@media (max-width: 575.98px) {
  .homepage-brand-logo {
    width: 145px;
    height: 66px;
  }
}

.brand-logo--navbar {
  width: 32px;
  height: 32px;
}

.brand-logo--auth {
  width: 40px;
  height: 40px;
}

.offcanvas-brand-logo {
  width: 36px;
  height: 36px;
}

.mobile-nav-account .nav-link {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 991.98px) {
  #navbarNav .navbar-nav .nav-link {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    font-size: 1rem;
  }

  #navbarNav .offcanvas-header {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #navbarNav .offcanvas-body {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}