.scroll-to-top[data-v-859be99c] {
    align-items: center;
    background-color: #464748;
    border-radius: 50%;
    bottom: 75px;
    color: #fff;
    display: flex
;
    height: 44px;
    justify-content: center;
    left: 20px;
    position: fixed;
    width: 44px;
    z-index: 999;
}


[data-v-1fc0cd8a] {
  font-size: 12px;
}
a[data-v-1fc0cd8a] {
  color: inherit;
    text-decoration: none;
}
.footer-separator[data-v-1fc0cd8a] {
  height: 1px;
  background-color: #ffffff;
  opacity: 0.4;
  margin: 8px 0;
}


/* styles/buttons.css */
.v-btn {
  text-transform: none !important; /* убираем capitalize */
}

.v-btn span::first-letter {
  text-transform: uppercase;
}
v-btn .v-btn__content::first-letter {
  text-transform: uppercase;
}
.v-btn.text-none {
  text-transform: none !important;
}
.v-btn.text-uppercase {
  text-transform: uppercase !important;
}

#app {
  font-family: "SKODA Next" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
img, iframe, .v-img, .v-img__img {
  max-width: 100%;
}
* {
  font-family: "SKODA Next" !important;
}
/**scroll bar style */
/* === Глобально: вся страница === */
html, body, #app {
  /* Firefox */
  scrollbar-width: thin;                 /* thin | auto | none */
  scrollbar-color: #bdbdbd transparent;  /* ползунок | трек */
}

/* Chrome / Edge / Safari */
::-webkit-scrollbar {
  width: 2px;   /* вертикальный скролл */
  height: 2px;  /* горизонтальный скролл */
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #bdbdbd;
  border-radius: 2px;
}
/* Удаляем стрелки (кнопки) сверху/снизу/слева/справа */
::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

/* === Точно для блока .cat (замени селектор при необходимости) === */
.cat {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color:#ffffff transparent;

  /* На случай, если у .cat overflow включен динамически */
  overflow: auto;
}

/* WebKit-ветка только внутри .cat */
.cat::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.cat::-webkit-scrollbar-track {
  background: transparent;
}
.cat::-webkit-scrollbar-thumb {
  background-color:#ffffff;
  border-radius: 2px;
}
.cat::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
/***  end scroll bar style*/
nav {
  padding: 30px;
}
nav a {
  font-weight: bold;
  color: #2c3e50;
}
nav a.router-link-exact-active {
  color: #42b983;
}

/* skoda main styles */
/* background utilities from Vuetify theme */
.bg-skodaPrimary {
  background-color: var(--v-theme-skodaPrimary) !important;
}.bg-verylightGrey {
  background-color: var(--v-theme-verylightGrey) !important;
}
.bg-skodaSecondary {
  background-color: var(--v-theme-skodaSecondary) !important;
}
.bg-darkGrey {
  background-color: var(--v-theme-darkGrey) !important;
}
.bg-cloudGrey {
  background-color: var(--v-theme-cloudGrey) !important;
}
.bg-stoneGrey {
  background-color: var(--v-theme-stoneGrey) !important;
}
.bg-steelGrey {
  background-color: var(--v-theme-steelGrey) !important;
}
.bg-mediumGrey {
  background-color: var(--v-theme-mediumGrey) !important;
}
.bg-lightGrey {
  background-color: var(--v-theme-lightGrey) !important;
}
.text-skodaPrimary {
  color: var(--v-theme-skodaPrimary) !important;
}
.text-skodaSecondary {
  color: var(--v-theme-skodaSecondary) !important;
}
.text-darkGrey {
  color: var(--v-theme-darkGrey) !important;
}
.text-cloudGrey {
  color: var(--v-theme-cloudGrey) !important;
}
.text-stoneGrey {
  color: var(--v-theme-stoneGrey) !important;
}
.text-steelGrey {
  color: var(--v-theme-steelGrey) !important;
}
.text-mediumGrey {
  color: var(--v-theme-mediumGrey) !important;
}
.text-lightGrey {
  color: var(--v-theme-lightGrey) !important;
}

/* === ŠKODA Next Font Family === */
/* Работает с Vite / Vue 3, если лежит в public */

@font-face {
  font-family: 'SKODA Next';
  src: url(/fonts/SKODANext-Light.080232fc.woff2) format('woff2'),
       url(/fonts/SKODANext-Light.69f27ccc.woff) format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SKODA Next';
  src: url(/fonts/SKODANext-LightItalic.7b670058.woff2) format('woff2'),
       url(/fonts/SKODANext-LightItalic.1b91a600.woff) format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SKODA Next';
  src: url(/fonts/SKODANext-Regular.059c8235.woff2) format('woff2'),
       url(/fonts/SKODANext-Regular.90cb0c97.woff) format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SKODA Next';
  src: url(/fonts/SKODANext-Italic.40029c10.woff2) format('woff2'),
       url(/fonts/SKODANext-Italic.c35223d8.woff) format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SKODA Next';
  src: url(/fonts/SKODANext-Bold.9a491810.woff2) format('woff2'),
       url(/fonts/SKODANext-Bold.c6c5f5ac.woff) format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SKODA Next';
  src: url(/fonts/SKODANext-BoldItalic.08d44865.woff2) format('woff2'),
       url(/fonts/SKODANext-BoldItalic.160f4a37.woff) format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SKODA Next';
  src: url(/fonts/SKODANext-Black.3b1122af.woff2) format('woff2'),
       url(/fonts/SKODANext-Black.9eb2619b.woff) format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SKODA Next';
  src: url(/fonts/SKODANext-BlackItalic.0f5910e1.woff2) format('woff2'),
       url(/fonts/SKODANext-BlackItalic.7c2fb6df.woff) format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SKODA Next Black Expanded';
  src: url(/fonts/SKODANext-BlackExpanded.3645e646.woff2) format('woff2'),
       url(/fonts/SKODANext-BlackExpanded.3b4367e8.woff) format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* === Global Reset / Defaults === */
body {
  font-family: 'SKODA Next', system-ui, sans-serif;
  font-weight: 400;
  color: #0e3a2f; /* фирменный цвет ŠKODA */
}