.nav-skew[data-v-6ae64528] {
  position: absolute;
right: -240px;
top: 0;
bottom: 0;
width: 100%;
background: #121212;
transform: skew(-20deg);
transform-origin: top;
}
.tm-toolbar-container > li > a[data-v-6ae64528],
.tm-toolbar-container .uk-navbar-nav > li > a[data-v-6ae64528],
.tm-toolbar-container .uk-navbar-item[data-v-6ae64528] {
  text-transform: none;
  height: 40px;
  min-height: 40px;
}
.uk-margin-xsmall-right[data-v-6ae64528] {
  margin-right: 5px !important;
}
.uk-navbar.uk-light svg path[data-v-6ae64528]{
  fill: #fff
}
.uk-navbar.uk-light .menu-icon[data-v-6ae64528]:before, .uk-navbar.uk-light .menu-icon[data-v-6ae64528]:after, .uk-navbar.uk-light .menu-icon[data-v-6ae64528]{
  background: #fff;
}

/* body.uk-overflow-hidden .models-dropdown-content{
  height: 91vh;
}
body.uk-overflow-hidden .uk-sticky-fixed .models-dropdown-content{
  height: 93.5vh;
} */
.main-logo[data-v-6ae64528]{
  padding-right: 10px;
}
/* Render the logo at its full intrinsic width — the global
   `img { max-width: 100% }` + border-box padding was squeezing the
   160px wordmark and cropping the right edge ("SUZUKI" -> "SUZL"). */
.main-navbar .main-logo[data-v-6ae64528]{
  width: 160px;
  max-width: none;
  flex: 0 0 auto;
}
/* Keep the white logo panel above the skewed black nav panel and give it
   room so the full wordmark clears the diagonal cut and isn't clipped. */
.main-navbar .uk-navbar-left.uk-background-default[data-v-6ae64528]{
  position: relative;
  z-index: 2;
  overflow: visible;
  padding-right: 50px;
}
@media (max-width: 1340px) {
.nav-li a > span .hover-element[data-v-6ae64528] {
    font-size: 16px;
}
}
@media (max-width: 1320px) {
.main-navbar .uk-navbar-nav[data-v-6ae64528] {
      display: flex;
      gap: 20px;
}
.nav-li a > span .hover-element[data-v-6ae64528] {
    font-size: 14px;
}
}