@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
:root {
  --space-4xs: fluid(2px);
  --space-3xs: fluid(4px);
  --space-2xs: fluid(8px);
  --space-xs: fluid(10px);
  --space-sm: fluid(16px);
  --space-md: fluid(16px, 20px);
  --space-lg: fluid(32px, 40px);
  --space-xl: fluid(64px, 80px);
  --space-2xl: fluid(80px, 128px);
  --space-3xl: fluid(100px, 200px);
  --space-4xl: fluid(160px, 320px);
  --text-xs: fluid(11px, 12px);
  --text-sm: fluid(13px, 15px);
  --text-base: fluid(16px, 16px);
  --text-md: fluid(18px, 20px);
  --text-lg: fluid(20px, 24px);
  --text-xl: fluid(24px, 32px);
  --text-2xl: fluid(32px, 40px);
  --text-3xl: fluid(40px, 48px);
  --text-4xl: fluid(48px, 60px);
  --color-white: #fff;
  --color-grey-lighter: #e6e6e6;
  --color-grey-light: #bbb;
  --color-grey: #888;
  --color-grey-dark: #6f6f6f;
  --color-grey-darker: #444;
  --color-black: #0d0d0d;
  --color-red: #f21a05;
  --color-orange: #f27405;
  --color-yellow: #f5d033;
  --color-green: #64c144;
  --color-blue: #6495ed;
  --color-purple: #8000ff;
  --color-primary: var(--color-red);
  --color-secondary: var(--color-black);
  --color-tetriary: var(--color-orange);
  --color-error: var(--color-red);
}

:root {
  --base-radius: fluid(0.75rem, 1.5rem);
  --base-gap: var(--space-sm);
  --container-width: 540px;
  --container-gap: var(--base-gap);
  --section-gap: var(--space-lg);
}

@media (min-width: 768px) {
  :root {
    --base-gap: var(--space-md);
  }
}
@media (min-width: 768px) {
  :root {
    --container-width: 720px;
  }
}
@media (min-width: 992px) {
  :root {
    --container-width: 960px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-width: 1180px;
  }
}
:root {
  --header-height: to-rem(82px);
}

@media (min-width: 992px) {
  :root {
    --header-height: to-rem(106px);
  }
}
:root {
  --space-4xs: 0.13rem;
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.63rem;
  --space-sm: 1rem;
  --space-md: clamp(1rem, 0.65rem + 1vw, 1.25rem);
  --space-lg: clamp(2rem, 1.31rem + 1.9vw, 2.5rem);
  --space-xl: clamp(4rem, 2.62rem + 3.8vw, 5rem);
  --space-2xl: clamp(5rem, 0.85rem + 11.5vw, 8rem);
  --space-3xl: clamp(6.25rem, -2.4rem + 24vw, 12.5rem);
  --space-4xl: clamp(10rem, -3.85rem + 38.5vw, 20rem);
  --text-xs: clamp(0.69rem, 0.61rem + 0.2vw, 0.75rem);
  --text-sm: clamp(0.81rem, 0.63rem + 0.5vw, 0.94rem);
  --text-base: 1rem;
  --text-md: clamp(1.13rem, 0.96rem + 0.5vw, 1.25rem);
  --text-lg: clamp(1.25rem, 0.9rem + 1vw, 1.5rem);
  --text-xl: clamp(1.5rem, 0.81rem + 1.9vw, 2rem);
  --text-2xl: clamp(2rem, 1.31rem + 1.9vw, 2.5rem);
  --text-3xl: clamp(2.5rem, 1.81rem + 1.9vw, 3rem);
  --text-4xl: clamp(3rem, 1.96rem + 2.9vw, 3.75rem);
  --color-white: #fff;
  --color-grey-lighter: #e6e6e6;
  --color-grey-light: #bbb;
  --color-grey: #888;
  --color-grey-dark: #6f6f6f;
  --color-grey-darker: #444;
  --color-black: #0d0d0d;
  --color-red: #f21a05;
  --color-orange: #f27405;
  --color-yellow: #f5d033;
  --color-green: #64c144;
  --color-blue: #6495ed;
  --color-purple: #8000ff;
  --color-primary: var(--color-red);
  --color-secondary: var(--color-black);
  --color-tetriary: var(--color-orange);
  --color-error: var(--color-red);
}

:root {
  --base-radius: clamp(0.75rem, -0.29rem + 2.9vw, 1.5rem);
  --base-gap: var(--space-sm);
  --container-width: 540px;
  --container-gap: var(--base-gap);
  --section-gap: var(--space-lg);
}
@media (min-width: 768px) {
  :root {
    --base-gap: var(--space-md);
  }
}
@media (min-width: 768px) {
  :root {
    --container-width: 720px;
  }
}
@media (min-width: 992px) {
  :root {
    --container-width: 960px;
  }
}
@media (min-width: 1200px) {
  :root {
    --container-width: 1180px;
  }
}

:root {
  --header-height: 5.13rem;
}
@media (min-width: 992px) {
  :root {
    --header-height: 6.63rem;
  }
}

.input,
.textarea,
.select,
.btn {
  margin: 0;
  outline: none;
  transition: 0.2s;
  transition-property: box-shadow;
}
.input:focus-visible,
.textarea:focus-visible,
.select:focus-visible,
.btn:focus-visible {
  box-shadow: #fff 0 0 0px 1px, var(--color-primary) 0 0 0px 3px;
}

.input {
  height: clamp(2.5rem, 2.15rem + 1vw, 2.75rem);
  padding: 0 1.5rem;
  border: 1px solid var(--color-grey);
  border-radius: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) / 2);
}
.input:disabled {
  background: #eee;
  border-color: #eee;
}
.input:disabled::-moz-placeholder {
  color: #bbb;
}
.input:disabled::placeholder {
  color: #bbb;
}
.input.has-error {
  border-color: var(--color-error);
}

.textarea {
  resize: vertical;
  min-height: 5rem;
  padding: 0.75rem 1.5rem;
  border: 1px solid var(--color-grey);
  border-radius: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) / 2);
}
.textarea:disabled {
  background: #eee;
  border-color: #eee;
}
.textarea:disabled::-moz-placeholder {
  color: #bbb;
}
.textarea:disabled::placeholder {
  color: #bbb;
}
.textarea.has-error {
  border-color: var(--color-error);
}

.select {
  height: clamp(2.5rem, 2.15rem + 1vw, 2.75rem);
  padding: 0 calc(1.5rem - 4px);
  border: 1px solid var(--color-grey);
  border-radius: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) / 2);
}
.select:disabled {
  background: #eee;
  border-color: #eee;
}
.select:disabled::-moz-placeholder {
  color: #bbb;
}
.select:disabled::placeholder {
  color: #bbb;
}
.select.has-error {
  border-color: var(--color-error);
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(2.5rem, 2.15rem + 1vw, 2.75rem);
  padding: 0 1.5rem;
  border: 1px solid var(--color-grey);
  border-color: transparent;
  border-radius: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) / 2);
  border-bottom-left-radius: 0px !important;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.2s;
  transition-property: filter, background-color, color;
}
.btn:hover {
  filter: brightness(1.05);
}
.btn:active {
  filter: brightness(1);
}
.btn--primary {
  background: var(--color-primary);
  color: #fff;
}
.btn--secondary {
  background: var(--color-secondary);
  color: #fff;
}
.btn--tetriary {
  background: var(--color-tetriary);
  color: #fff;
}
.btn--outline-tetriary {
  background: transparent;
  color: currentColor;
  border: 2px solid var(--color-tetriary);
}
.btn--outline-tetriary:hover {
  background: var(--color-tetriary);
  color: var(--color-white);
}
.btn--sm {
  height: 1.88rem;
  border-radius: 1.25rem;
  font-size: var(--text-sm);
  padding: 0 1em;
}

.checkbox,
.radio {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
.checkbox input,
.radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.checkbox__checkmark,
.radio__checkmark {
  flex-shrink: 0;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid var(--color-grey);
  vertical-align: baseline;
  cursor: pointer;
}
.checkbox__checkmark:not(:last-child),
.radio__checkmark:not(:last-child) {
  margin-right: var(--space-2xs);
}
input.has-error ~ .checkbox__checkmark,
input.has-error ~ .radio__checkmark {
  border-color: var(--color-error);
}
.checkbox__checkmark:hover, input:focus-visible ~ .checkbox__checkmark,
.radio__checkmark:hover,
input:focus-visible ~ .radio__checkmark {
  border-color: var(--color-primary);
  box-shadow: 0 0 2px var(--color-primary);
}
.checkbox__label,
.radio__label {
  font-size: var(--text-xs);
  color: #6f6f6f;
}
input.has-error ~ .checkbox__label,
input.has-error ~ .radio__label {
  color: var(--color-error);
}
.checkbox__label a,
.radio__label a {
  text-decoration: underline;
}

.checkbox__checkmark {
  border-radius: 50%;
  position: relative;
}
.checkbox__checkmark::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: currentColor;
  position: absolute;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.20628 12.5381L14.4978 7.24664C14.6622 7.08221 14.8714 7 15.1256 7C15.3797 7 15.5889 7.08221 15.7534 7.24664C15.9178 7.41106 16 7.62033 16 7.87444C16 8.12855 15.9178 8.33782 15.7534 8.50224L9.83408 14.4215C9.65471 14.6009 9.44544 14.6906 9.20628 14.6906C8.96711 14.6906 8.75785 14.6009 8.57848 14.4215L6.24664 12.0897C6.08221 11.9253 6 11.716 6 11.4619C6 11.2078 6.08221 10.9985 6.24664 10.8341C6.41106 10.6697 6.62033 10.5874 6.87444 10.5874C7.12855 10.5874 7.33782 10.6697 7.50224 10.8341L9.20628 12.5381Z' fill='black'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.20628 12.5381L14.4978 7.24664C14.6622 7.08221 14.8714 7 15.1256 7C15.3797 7 15.5889 7.08221 15.7534 7.24664C15.9178 7.41106 16 7.62033 16 7.87444C16 8.12855 15.9178 8.33782 15.7534 8.50224L9.83408 14.4215C9.65471 14.6009 9.44544 14.6906 9.20628 14.6906C8.96711 14.6906 8.75785 14.6009 8.57848 14.4215L6.24664 12.0897C6.08221 11.9253 6 11.716 6 11.4619C6 11.2078 6.08221 10.9985 6.24664 10.8341C6.41106 10.6697 6.62033 10.5874 6.87444 10.5874C7.12855 10.5874 7.33782 10.6697 7.50224 10.8341L9.20628 12.5381Z' fill='black'/%3E%3C/svg%3E%0A");
  visibility: hidden;
}
input:checked ~ .checkbox__checkmark::after {
  visibility: visible;
}
.radio__checkmark {
  border-radius: 50%;
  position: relative;
}
.radio__checkmark::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: inherit;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: currentColor;
  visibility: hidden;
}
input:checked ~ .radio__checkmark::after {
  visibility: visible;
}
.select2-container--default {
  border-radius: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) / 2);
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  height: clamp(2.5rem, 2.15rem + 1vw, 2.75rem);
  border: 1px solid var(--color-grey);
  border-radius: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) / 2);
  outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-left: 1.5rem;
  padding-right: 2rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
  height: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) - 2px);
  top: 1px;
  right: 1px;
  width: 2rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--default .select2-selection--multiple .select2-selection__arrow b {
  border: unset;
  width: 1rem;
  height: 1rem;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: -0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0.713624L20.3312 8.88707e-07L10.4976 10.5677L0.66405 2.90266e-08L-3.11934e-08 0.713623L10.4976 12L21 0.713624Z' fill='%238A92A5'/%3E%3C/svg%3E%0A");
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
  transform: rotate(180deg);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) - 2px);
}
.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: #eee;
  border-color: #eee;
}
.select2-container--default.select2-container--disabled .select2-selection__rendered {
  color: #bbb;
}
.select2-container--default .select2-dropdown {
  border-color: var(--color-grey);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--color-primary);
}
.select2-hidden-accessible.has-error + .select2-container--default .select2-selection--single,
.select2-hidden-accessible.has-error + .select2-container--default .select2-selection--multiple {
  border-color: var(--color-error);
}
.fancybox-content {
  padding: var(--base-gap);
}

.fancybox-bg {
  background: rgba(0, 0, 0, 0.2666666667);
}
.fancybox-is-open .fancybox-bg {
  opacity: 1;
}

.fancybox-button {
  background: transparent;
}

.swiper {
  --swiper-slides: 1;
  --swiper-gap: var(--base-gap);
  --swiper-theme-color: var(--color-primary);
  --swiper-navigation-size: var(--text-xl);
  --swiper-navigation-sides-offset: 10px;
}
.swiper-container {
  position: relative;
}
.swiper-container .swiper {
  position: static;
}
.swiper-thumbs .swiper-slide {
  cursor: pointer;
  filter: opacity(0.85);
}
.swiper-thumbs .swiper-slide-thumb-active {
  filter: opacity(1);
  outline: 2px solid var(--swiper-theme-color);
  outline-offset: -2px;
}
.swiper-horizontal .swiper-slide {
  width: calc(100% / var(--swiper-slides) - var(--swiper-gap) / (var(--swiper-slides) / (var(--swiper-slides) - 1)));
}
.swiper-horizontal .swiper-slide:not(:last-child) {
  margin-right: var(--swiper-gap);
}
.swiper-vertical .swiper-slide {
  height: calc(100% / var(--swiper-slides) - var(--swiper-gap) / (var(--swiper-slides) / (var(--swiper-slides) - 1)));
}
.swiper-vertical .swiper-slide:not(:last-child) {
  margin-bottom: var(--swiper-gap);
}
.swiper-vertical .swiper-button-prev, .swiper-vertical .swiper-button-next {
  top: unset;
  left: var(--swiper-navigation-top-offset, 50%);
  margin-top: unset;
  margin-left: calc(0px - var(--swiper-navigation-size) / 2);
}
.swiper-vertical .swiper-button-prev::after, .swiper-vertical .swiper-button-next::after {
  transform: rotate(90deg);
}
.swiper-vertical .swiper-button-prev {
  top: var(--swiper-navigation-sides-offset, 10px);
}
.swiper-vertical .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 10px);
}

.irs--app {
  height: 50px;
}
.irs--app.irs-with-grid {
  height: 65px;
}
.irs--app .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}
.irs--app .irs-bar {
  top: 36px;
  height: 4px;
  background-color: var(--color-primary);
}
.irs--app .irs-bar--single {
  border-radius: 4px 0 0 4px;
}
.irs--app .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: #4a6281;
}
.irs--app .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid var(--color-primary);
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--app .irs-handle.state_hover, .irs--app .irs-handle:hover {
  background-color: #f0f6ff;
}
.irs--app .irs-min,
.irs--app .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.irs--app .irs-from,
.irs--app .irs-to,
.irs--app .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: var(--color-primary);
  color: white;
  border-radius: 4px;
}
.irs--app .irs-from:before,
.irs--app .irs-to:before,
.irs--app .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: var(--color-primary);
}
.irs--app .irs-grid {
  height: 25px;
}
.irs--app .irs-grid-pol {
  background-color: #dedede;
}
.irs--app .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.fade {
  transition: opacity 0.15s linear;
}
.fade:not(.show) {
  opacity: 0;
}

.tabs-content > .tabs-pane {
  display: none;
}
.tabs-content > .active {
  display: block;
}

html,
body {
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--header-height));
}

html {
  font-size: 16px;
}

body {
  background: #fff;
  font-family: "Open Sans", system-ui, -apple-system, Arial, Helvetica, sans-serif;
  line-height: 1.25;
}

.page {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  max-width: 100vw;
}
.page .main {
  flex-grow: 1;
  padding-top: var(--header-height, 65px);
}
.page .footer {
  padding-bottom: var(--fixed-lo--actions-height, 0px);
}

.container {
  width: 100%;
  max-width: calc(var(--container-width) + 2 * var(--container-gap));
  padding-left: var(--container-gap);
  padding-right: var(--container-gap);
  margin-left: auto;
  margin-right: auto;
}

.section {
  margin-top: var(--section-gap);
  margin-bottom: var(--section-gap);
}
.section:first-of-type {
  margin-top: var(--space-lg);
}
.section__title {
  margin-bottom: var(--space-md);
}
.section__more {
  margin-top: var(--space-md);
}
.section__more a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 2.5rem;
  border-radius: 1.25rem;
  background: #f2f2f2;
}
.section--filled {
  background: var(--color-grey-lighter);
  margin-top: unset !important;
  margin-bottom: unset !important;
  padding-top: var(--section-gap);
  padding-bottom: var(--section-gap);
}

.breadcrumbs {
  padding-top: var(--space-sm);
}
.breadcrumbs + .section {
  margin-top: var(--space-md);
}
.breadcrumbs__item {
  color: var(--color-grey-light);
  font-size: var(--text-sm);
}
.breadcrumbs__item:not(.current)::after {
  content: " | ";
  color: var(--color-grey-lighter);
}
article > * + * {
  margin-top: 1em;
}
article ul > * + *,
article ol > * + * {
  margin-top: var(--space-3xs);
}
article ul {
  list-style-type: disc;
  padding-left: 1.5em;
}
article ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}

h4,
.h4, h3,
.h3,
.model-main__price-credit, h2,
.h2,
.model-main__price-current,
.model-main__prices span:not([class]),
.promo-item__title, h1,
.h1 {
  font-weight: 600;
}

h1,
.h1 {
  font-size: var(--text-xl);
}

h2,
.h2,
.model-main__price-current,
.model-main__prices span:not([class]),
.promo-item__title {
  font-size: var(--text-lg);
  font-weight: 700;
}

h3,
.h3,
.model-main__price-credit {
  font-size: var(--text-md);
}

h4,
.h4 {
  font-size: 1.13rem;
  font-weight: 700;
}

.page {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.page .main {
  flex-grow: 1;
}

.form {
  display: grid;
  grid-gap: var(--space-sm);
}
.form > * {
  min-width: 0;
}
.form__group {
  display: inherit;
  grid-gap: inherit;
}
.form__group > * {
  min-width: 0;
}
.form__item {
  display: grid;
}
.form__error {
  margin-top: var(--space-3xs);
  font-size: var(--text-xs);
  color: var(--color-error);
}
.form__error:empty {
  display: none;
}
@media (max-width: 575px) {
  .form {
    grid-column-gap: var(--space-xs);
  }
}

.popup {
  padding: 0;
}

.popup-region {
  padding: var(--base-gap);
  padding-top: 2.5rem;
  border-radius: var(--base-radius);
}
.popup-region__title {
  margin-bottom: 0.75em;
  font-weight: 600;
}
.popup-region__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
}
.popup-region__item-link {
  font-size: var(--text-sm);
  display: inline-block;
  border: 1px solid var(--color-grey-lighter);
  border-radius: 1em;
  padding: 0.125em 0.5em;
}
.popup-region__item-link.current {
  background: var(--color-black);
  color: var(--color-white);
}

.popup-recall {
  padding: var(--base-gap);
  border-radius: var(--base-radius);
  overflow: visible;
}
.popup-recall__title {
  font-size: var(--text-xl);
  margin-bottom: var(--space-2xs);
}
.popup-recall__form {
  margin-top: var(--space-md);
}
@media (max-width: 575px) {
  .popup-recall__asset {
    display: none;
  }
}
@media (min-width: 576px) {
  .popup-recall__inner {
    display: grid;
    align-items: end;
    grid-template-columns: 16fr 10fr;
  }
  .popup-recall__form {
    justify-items: start;
    max-width: 16.88rem;
  }
  .popup-recall__form .input {
    width: 16.88rem;
  }
  .popup-recall__asset {
    margin-left: -1rem;
    margin-right: -2.5rem;
    margin-bottom: calc(var(--space-md) * -1);
    pointer-events: none;
  }
  .popup-recall__asset img {
    width: 100%;
  }
}

.popup-car {
  padding: var(--base-gap);
  border-radius: var(--base-radius);
  border-top-right-radius: 0;
  border-top: 5px solid var(--color-tetriary);
  background: var(--color-black);
  color: var(--color-white);
}
.popup-car__title {
  margin-bottom: var(--space-xs);
}
.popup-car__prices {
  display: flex;
  align-items: baseline;
  gap: var(--space-xs);
  margin-bottom: var(--space-md);
}
.popup-car__price-current {
  font-size: var(--text-md);
  font-weight: 700;
}
.popup-car__price-credit {
  font-weight: 700;
  color: var(--color-tetriary);
}
.popup-car__head {
  position: relative;
  margin-bottom: 1rem;
}
.popup-car__toggle-favorite {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--color-white);
  cursor: pointer;
}
.popup-car__toggle-favorite.active {
  color: var(--color-primary);
}
.popup-car__toggle-favorite svg {
  width: max(1rem, 1.13em);
  height: max(1rem, 1.13em);
}
.popup-car__name {
  font-size: 1.13em;
  font-weight: 700;
  margin-bottom: var(--space-4xs);
}
.popup-car__comp {
  font-size: var(--text-xs);
  color: var(--color-grey);
}
.popup-car__props-list {
  margin-bottom: var(--space-xs);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.popup-car__props-list > * {
  font-size: var(--text-xs);
  font-weight: 600;
  border: 1px solid var(--color-grey);
  padding: var(--space-4xs) var(--space-xs);
  border-radius: 0.9em;
}
.popup-car__car img {
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.popup-car__car {
  margin-top: 1.5rem;
  margin-right: calc(var(--base-gap) * -1);
}
.popup-car__car img {
  border-radius: var(--base-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.popup-car__form {
  margin-top: var(--space-md);
}
@media (max-width: 575px) {
  .popup-car__props-list {
    display: none;
  }
}
@media (min-width: 576px) {
  .popup-car__inner {
    display: grid;
    grid-template-columns: 10fr 8fr;
    grid-column-gap: var(--base-gap);
  }
  .popup-car__props-list {
    max-width: 18.75rem;
  }
  .popup-car__form {
    grid-column: span 2;
    display: flex;
    flex-wrap: wrap;
  }
  .popup-car__form .input {
    width: 16.88rem;
  }
  .popup-car__form .btn {
    width: 12.5rem;
  }
  .popup-car__form .checkbox {
    width: 18.75rem;
  }
}

.popup-thanks {
  padding: var(--space-lg);
  border-radius: var(--base-radius);
  border-top-right-radius: 0;
  border-top: 5px solid var(--color-tetriary);
  background: var(--color-black);
  color: var(--color-white);
}
.popup-thanks__title {
  font-size: var(--text-xl);
  font-weight: 600;
  margin-bottom: var(--space-xs);
}
.popup-thanks__text {
  color: #8a92a5;
}

@media (max-width: 575px) {
  .popup-recall,
  .popup-car {
    width: 19rem !important;
  }
}

.not_found {
  padding-top: 4vmax;
  padding-bottom: 4vmax;
}
.not_found__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.not_found__code {
  font-size: clamp(4rem, 15vmax, 10rem);
  font-weight: 600;
  margin-bottom: var(--space-2xs);
  line-height: 1;
}
.not_found__text {
  font-size: clamp(20px, 2.5vmax, 30px);
  margin-bottom: var(--space-md);
}
.not_found__actions {
  display: flex;
  flex-wrap: wrap;
}
.not_found__actions > * {
  flex: 1;
}

.fixed-lo {
  position: fixed;
  z-index: 98;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.fixed-lo .pointer {
  pointer-events: all;
}
.fixed-lo__button-icon {
  margin-bottom: 1.25rem;
}
.fixed-lo__button-icon .btn {
  margin-left: auto;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.5rem;
  border-radius: 50% !important;
  border-bottom-left-radius: 0px !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  position: relative;
}
.fixed-lo__button-icon .btn svg {
  fill: currentColor;
}
.fixed-lo__actions {
  border-top: 1px solid var(--color-grey-lighter);
  padding-bottom: env(safe-area-inset-bottom);
  background: #fff;
}
@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
  .fixed-lo__actions {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.8);
  }
}
.fixed-lo__actions-inner {
  padding: var(--space-2xs) 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
}
.fixed-lo__actions-inner > * {
  flex: 1;
}
.fixed-lo__actions-inner .btn {
  height: 2.5rem;
}
@media (min-width: 992px) {
  .fixed-lo {
    display: none;
  }
}

.header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  margin-top: -1px;
}
.header__mobile {
  border-bottom: 1px solid var(--color-grey-lighter);
  background: #fff;
}
@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
  .header__mobile {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.8);
  }
}
.menu-active .header__mobile {
  background: #fff;
}
.header__mobile-menu {
  background: #fff;
}
@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
  .header__mobile-menu {
    -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.8);
  }
}
.menu-active .header__mobile-menu {
  background: #fff;
}
@media (max-width: 991px) {
  .header__desktop {
    display: none;
  }
}
@media (min-width: 992px) {
  .header {
    position: absolute;
  }
  .header__mobile {
    display: none;
  }
}

.header-desktop {
  background: #fff;
}
.header-desktop__top {
  border-bottom: 1px solid var(--color-grey-lighter);
  padding: var(--space-3xs) 0;
  font-size: var(--text-sm);
}
.header-desktop__top-inner {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}
.header-desktop__info {
  display: flex;
  flex-grow: 1;
  gap: var(--space-md);
}
.header-desktop__info > * {
  margin-right: auto;
}
.header-desktop__actions {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: var(--space-md);
}
.header-desktop__favorites a {
  color: #8a92a5;
  position: relative;
  display: block;
}
.header-desktop__favorites a::after {
  content: attr(data-count);
  position: absolute;
  top: 0;
  left: 75%;
  font-size: var(--text-xs);
  color: #fff;
  background: var(--color-primary);
  border-radius: 1em;
  padding: 0em 0.55em;
  margin: -0.25em 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.header-desktop__phones > a {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.header-desktop__phones > a::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.68155 17.1208C11.1568 22.5961 18.6762 23.9508 22.4742 20.1488C22.4742 20.1488 22.9822 19.6448 19.4906 16.1492C17.3215 13.98 16.0515 14.6977 15.4588 15.2944L15.4346 15.3146C14.9508 15.8024 14.8822 16.5282 15.1886 17.1087C12.9187 17.5079 10.2456 16.6572 8.19743 14.613C6.14925 12.5649 5.29853 9.88771 5.69768 7.62182C6.27827 7.92824 7.004 7.85566 7.48782 7.37587L7.50798 7.35168C8.10066 6.75497 8.47159 5.1382 6.65323 3.31984C3.16568 -0.179804 2.65767 0.328208 2.65767 0.328208C-1.14436 4.13024 0.210341 11.6496 5.68155 17.1208Z' fill='%238A92A5'/%3E%3C/svg%3E%0A");
}
.header-desktop__main {
  padding: var(--space-xs) 0;
}
.header-desktop__main-inner {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}
.header-desktop__nav {
  margin-left: auto;
}
.header-desktop__nav-list, .footer__nav-list {
  display: flex;
  gap: var(--space-md);
}
.header-desktop__region, .header-desktop__worktime, .header-desktop__address {
  display: flex;
  gap: 1em;
  align-items: center;
  color: #8a92a5;
}
.header-desktop__region::before, .header-desktop__worktime::before, .header-desktop__address::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.header-desktop__region::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 1.30432L8.83581 13.4685M21 1.30432L1 8.55739L8.83581 13.4685M21 1.30432L13.7469 21.3043L8.83581 13.4685' stroke='%238A92A5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-desktop__worktime::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9982 3.15149V11.3025L15.9203 15.1544M21 11.3025C21 16.8257 16.5213 21.3043 11.0018 21.3043C5.48232 21.3043 1 16.8257 1 11.3025C1 5.77931 5.47499 1.30432 10.9982 1.30432C16.5213 1.30432 20.9963 5.77931 20.9963 11.3025H21Z' stroke='%238A92A5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.header-desktop__address::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='25' viewBox='0 0 22 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4525 16.4826C19.6222 17.2242 21 18.3304 21 19.5651C21 21.7982 16.5232 23.6087 11 23.6087C5.47677 23.6087 1 21.7982 1 19.5651C1 18.318 2.40202 17.1994 4.60404 16.4619M17.8768 8.05149C17.8768 11.946 11 21.8935 11 21.8935C11 21.8935 4.12322 11.946 4.12322 8.05149C4.12322 4.15701 7.20201 1 11 1C14.798 1 17.8768 4.15701 17.8768 8.05149ZM13.7555 7.61648C13.7555 9.17842 12.5192 10.4462 10.9959 10.4462C9.47272 10.4462 8.23635 9.18256 8.23635 7.61648C8.23635 6.0504 9.47272 4.79091 10.9959 4.79091C12.5192 4.79091 13.7555 6.05869 13.7555 7.61648Z' stroke='%238A92A5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 1200px) {
  .header-desktop__top-inner {
    gap: var(--space-xl);
  }
  .header-desktop__info {
    gap: var(--space-lg);
  }
  .header-desktop__actions {
    gap: var(--space-lg);
  }
  .header-desktop__main-inner {
    gap: var(--space-xl);
  }
  .header-desktop__nav-list, .footer__nav-list {
    gap: var(--space-lg);
  }
}

.header-mobile {
  background: var(--color-white);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.header-mobile__top {
  padding: var(--space-3xs) 0;
  font-size: var(--text-sm);
  border-bottom: 1px solid var(--color-grey-lighter);
}
.header-mobile__top-inner {
  display: flex;
  justify-content: space-between;
}
.header-mobile__region {
  color: var(--color-grey);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.header-mobile__time {
  color: var(--color-grey);
}
.header-mobile__main {
  padding: var(--space-2xs) 0;
}
.header-mobile__main-inner {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.header-mobile__logo {
  margin-right: auto;
  max-width: 6.5rem;
}
.header-mobile__button .btn {
  font-size: var(--text-sm);
  height: 2rem;
  gap: 0.5em;
}
.header-mobile__button .btn svg {
  fill: currentColor;
}
.header-mobile__button-icon .btn {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50% !important;
}
.header-mobile__button-icon .btn svg {
  fill: currentColor;
}
.header-mobile__info {
  font-size: var(--text-sm);
  text-align: right;
  line-height: 1.5;
}
.header-mobile__info a {
  font-weight: 600;
}
.header-mobile__favorites {
  margin-right: 0.75rem;
}
.header-mobile__favorites a {
  color: #8a92a5;
  position: relative;
  display: block;
}
.header-mobile__favorites a::after {
  content: attr(data-count);
  position: absolute;
  top: 0;
  left: 75%;
  font-size: var(--text-xs);
  color: #fff;
  background: var(--color-primary);
  border-radius: 1em;
  padding: 0em 0.55em;
  margin: -0.25em 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.header-mobile__toggle {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  transition: 0.25s;
  transition-property: gap, opacity, transform;
  cursor: pointer;
}
.header-mobile__toggle > * {
  height: 2px;
  background: currentColor;
  border-radius: 1px;
  margin: -1px 0;
  transition: inherit;
}
.header-mobile__toggle.active {
  gap: 0;
}
.header-mobile__toggle.active > * {
  opacity: 0;
}
.header-mobile__toggle.active > *:first-child {
  opacity: 1;
  transform: rotate(45deg);
}
.header-mobile__toggle.active > *:last-child {
  opacity: 1;
  transform: rotate(-45deg);
}

.header-mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: calc(100vh - var(--header-height, 65px));
  height: calc(100dvh - var(--header-height, 65px));
  padding: var(--space-sm) 0;
  opacity: 0.5;
  transform: translateX(-100%);
  transition: 0.2s;
  transition-property: opacity, transform;
  overflow-y: auto;
  display: grid;
}
.header-mobile-menu {
  -ms-overflow-style: none; /* Edge, Internet Explorer */
  scrollbar-width: none; /* Firefox */
  overflow-y: scroll;
}
.header-mobile-menu::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
.header-mobile-menu.active {
  opacity: 1;
  transform: translateX(0%);
}
.header-mobile-menu__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.header-mobile-menu__nav-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
}
.header-mobile-menu__nav-list-item-link {
  display: inline-block;
  padding: var(--space-2xs) 0;
}
.header-mobile-menu__contacts {
  margin-top: auto;
  font-size: var(--text-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.header-mobile-menu__region {
  color: var(--color-grey-dark);
}
.header-mobile-menu__region span {
  color: var(--color-black);
}
.header-mobile-menu__address {
  color: var(--color-grey-dark);
}
.header-mobile-menu__time {
  color: var(--color-grey-dark);
}
.header-mobile-menu__phones {
  font-size: var(--text-base);
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
}

.footer {
  background: #f6f6f6;
}
.footer__inner {
  display: grid;
  align-items: center;
  gap: var(--base-gap);
  padding: var(--space-md) 0 var(--space-lg);
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-md);
}
.footer__phones a, .footer__time, .footer__address {
  display: flex;
  gap: 0.875rem;
}
.footer__phones a::before, .footer__time::before, .footer__address::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.footer__phones {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: var(--space-xs);
}
.footer__phones a {
  font-weight: 600;
  font-size: var(--text-md);
}
.footer__phones a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.65261 18.8453C11.6256 24.8183 19.8286 26.2962 23.9718 22.1485C23.9718 22.1485 24.526 21.5987 20.717 17.7853C18.3507 15.419 16.9652 16.2019 16.3187 16.8529L16.2923 16.8749C15.7645 17.4071 15.6897 18.1988 16.024 18.8321C13.5477 19.2676 10.6316 18.3395 8.39719 16.1096C6.16282 13.8752 5.23476 10.9547 5.6702 8.48277C6.30356 8.81704 7.09527 8.73787 7.62308 8.21447L7.64507 8.18808C8.29163 7.53712 8.69628 5.77337 6.71261 3.7897C2.90802 -0.0280928 2.35382 0.526103 2.35382 0.526103C-1.79385 4.67377 -0.315992 12.8767 5.65261 18.8453Z' fill='%238A92A5'/%3E%3C/svg%3E%0A");
}
.footer__time {
  color: var(--color-grey);
}
.footer__time::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9982 2.84717V10.9982L15.9203 14.8501M21 10.9982C21 16.5213 16.5213 21 11.0018 21C5.48232 21 1 16.5213 1 10.9982C1 5.47499 5.47499 1 10.9982 1C16.5213 1 20.9963 5.47499 20.9963 10.9982H21Z' stroke='%238A92A5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.footer__address {
  color: var(--color-grey);
}
.footer__address::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='25' viewBox='0 0 22 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4525 16.4826C19.6222 17.2242 21 18.3304 21 19.5651C21 21.7982 16.5232 23.6087 11 23.6087C5.47677 23.6087 1 21.7982 1 19.5651C1 18.318 2.40202 17.1994 4.60404 16.4619M17.8768 8.05149C17.8768 11.946 11 21.8935 11 21.8935C11 21.8935 4.12322 11.946 4.12322 8.05149C4.12322 4.15701 7.20201 1 11 1C14.798 1 17.8768 4.15701 17.8768 8.05149ZM13.7555 7.61648C13.7555 9.17842 12.5192 10.4462 10.9959 10.4462C9.47272 10.4462 8.23635 9.18256 8.23635 7.61648C8.23635 6.0504 9.47272 4.79091 10.9959 4.79091C12.5192 4.79091 13.7555 6.05869 13.7555 7.61648Z' stroke='%238A92A5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.footer__map {
  position: relative;
  overflow: hidden;
  z-index: 0;
  border-radius: 1.25rem;
  align-self: stretch;
}
.footer__map > *,
.footer__map iframe {
  width: 100%;
  height: 100%;
}
.footer__regs {
  font-size: var(--text-sm);
  color: var(--color-grey-dark);
  grid-column: 1/-1;
}
@media (max-width: 991px) {
  .footer__logo {
    max-width: 6.5rem;
  }
}
@media (max-width: 767px) {
  .footer__nav {
    margin: var(--space-xs) 0;
  }
  .footer__nav-list {
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .footer__callback-btn {
    display: flex;
  }
}
@media (min-width: 768px) {
  .footer__inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .footer__logo {
    grid-column: span 3;
  }
  .footer__nav {
    justify-self: end;
    grid-column: span 9;
  }
  .footer__contacts {
    grid-column: span 6;
  }
  .footer__map {
    grid-column: span 6;
  }
}
@media (min-width: 992px) {
  .footer__contacts {
    grid-column: span 4;
  }
  .footer__map {
    grid-column: span 8;
  }
}
@media (min-width: 1200px) {
  .footer__inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .footer__contacts {
    grid-column: span 4;
  }
  .footer__map {
    grid-column: span 8;
  }
}

.filter-index__inner,
.filter__inner {
  display: grid;
  grid-gap: var(--base-gap);
}
.filter-index__card,
.filter__card {
  padding: var(--base-gap);
  border-radius: var(--base-radius);
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.filter-index__title,
.filter__title {
  margin-bottom: var(--base-gap);
}
.filter-index__form,
.filter__form {
  grid-template-columns: repeat(2, 1fr);
}
.filter-index__form .btn,
.filter__form .btn {
  grid-column: 1/-1;
}
@media (max-width: 991px) {
  .filter-index__card,
  .filter__card {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
  }
  .filter-index__asset,
  .filter__asset {
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
    order: -1;
    margin-bottom: -4rem;
  }
}
@media (min-width: 992px) {
  .filter-index__inner,
  .filter__inner {
    grid-template-columns: repeat(12, 1fr);
    align-items: center;
  }
  .filter-index__card,
  .filter__card {
    grid-column: span 5;
  }
  .filter-index__asset,
  .filter__asset {
    grid-column: span 7;
    margin-bottom: calc(var(--section-gap) * -1);
  }
}

.filter-index {
  background: #fbfbfb;
  padding: var(--section-gap) 0;
  margin: 0 !important;
}

@media (min-width: 992px) {
  .filter__card {
    grid-column: 1/-1;
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .filter__title {
    width: 10em;
  }
  .filter__form {
    flex: 1;
    max-width: 53.75rem;
    grid-template-columns: repeat(4, 1fr);
  }
  .filter__form .btn {
    grid-column: span 2;
  }
}

.filter__models {
  display: flex;
  flex-wrap: wrap;
  gap: var(--base-gap);
  margin-top: var(--space-md);
}
.filter__models-item {
  height: clamp(2.5rem, 2.15rem + 1vw, 2.75rem);
  padding: 0 1.5rem;
  border: 1px solid var(--color-grey);
  border-radius: calc(clamp(2.5rem, 2.15rem + 1vw, 2.75rem) / 2);
  display: flex;
  align-items: center;
  transition: 0.2s;
  transition-property: box-shadow, color;
}
.filter__models-item:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  color: var(--color-primary);
}
.filter__models-item.current {
  background: var(--color-primary);
  border-color: transparent;
  color: var(--color-white);
  box-shadow: none;
}
@media (max-width: 767px) {
  .filter__models {
    gap: var(--space-xs);
  }
}
@media (min-width: 992px) {
  .filter__models {
    display: grid;
    grid-gap: var(--base-gap);
    grid-template-columns: repeat(5, 1fr);
  }
}

.models__inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(25% - var(--base-gap) / 4 * 3, 16rem, 100%), 1fr));
  grid-gap: var(--base-gap);
}
.models--select .models__inner {
  grid-template-columns: repeat(auto-fill, minmax(clamp(25% - var(--base-gap) / 4 * 3, 16rem, 50% - var(--base-gap) / 2 * 1), 1fr));
}

.models-item {
  background: var(--color-black);
  color: var(--color-white);
  position: relative;
  z-index: 0;
  overflow: hidden;
  border: 1px solid #f2f2f2;
  display: flex;
  flex-direction: column;
  border-radius: var(--base-radius);
}
.models-item__price-credit {
  position: absolute;
  background: var(--color-tetriary);
  padding: 0.25em 1em;
  font-size: max(0.75rem, 0.88em);
  border-bottom-right-radius: var(--base-radius);
}
.models-item__image {
  background: #8a92a5;
}
.models-item__image img {
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.models-item__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  border: inherit;
  margin: -1px;
  position: relative;
  z-index: 2;
  background: var(--color-black);
  padding: 1em;
  border-top-left-radius: var(--base-radius);
  margin-top: calc(var(--base-radius) * -1);
}
.models-item__content::before, .models-item__content::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}
.models-item__content::before {
  background: var(--color-tetriary);
  border: inherit;
  margin: -1px;
  margin-top: -5px;
}
.models-item__content::after {
  background: inherit;
}
.models-item__toggle-favorite {
  position: absolute;
  top: 1em;
  right: 1em;
  color: var(--color-white);
  cursor: pointer;
}
.models-item__toggle-favorite.active {
  color: var(--color-primary);
}
.models-item__toggle-favorite svg {
  width: max(1rem, 1.13em);
  height: max(1rem, 1.13em);
}
.models-item__head {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--space-xs);
  margin-right: max(1rem, 1.13em);
}
.models-item__name {
  font-size: 1.13em;
  font-weight: 700;
  margin-bottom: var(--space-4xs);
}
.models-item__comp {
  font-size: var(--text-xs);
  color: var(--color-grey);
}
.models-item__props-list {
  margin-bottom: var(--space-xs);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.models-item__props-list > * {
  font-size: var(--text-xs);
  font-weight: 600;
  border: 1px solid var(--color-grey);
  padding: var(--space-4xs) var(--space-xs);
  border-radius: 0.9em;
}
.models-item__features {
  margin-bottom: var(--space-xs);
  font-size: var(--text-xs);
  color: var(--color-primary);
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
}
.models-item__features > * {
  margin-right: auto;
}
.models-item__actions {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.models-item__price-current {
  font-size: 1.38em;
  font-weight: 600;
  flex-grow: 1;
}
@media (max-width: 575px) {
  .models-item--select {
    font-size: var(--text-xs);
  }
  .models-item--select .models-item__props-list {
    display: none;
  }
  .models-item--select .models-item__features {
    display: none;
  }
  .models-item--select .models-item__btn {
    display: none;
  }
}

.promo__inner {
  display: flex;
  flex-wrap: wrap;
  gap: var(--base-gap);
}
.promo__item {
  min-width: 18rem;
  flex: 1;
}

.promo-item {
  background-color: var(--color-black);
  background-size: cover;
  background-position: center;
  border-radius: var(--base-radius);
  color: var(--color-white);
  padding: clamp(1rem, -1.51rem + 7vw, 2.81rem);
}
.promo-item__title {
  margin-bottom: 0.67em;
}
@media (max-width: 575px) {
  .promo-item {
    font-size: var(--text-sm);
  }
  .promo-item__title {
    font-size: 1.25em;
  }
}

.tradein-promo__inner {
  background-color: var(--color-black);
  color: #fff;
  border-radius: var(--base-radius);
  padding: clamp(1rem, -1.51rem + 7vw, 2.81rem);
  display: grid;
  grid-gap: var(--base-gap);
}
.tradein-promo__title {
  font-size: clamp(1.25rem, -0.48rem + 4.8vw, 2.5rem);
  text-transform: uppercase;
  margin-bottom: var(--space-xs);
}
.tradein-promo__actions {
  margin-top: var(--space-md);
  display: flex;
  gap: var(--base-gap);
  flex-wrap: wrap;
}
.tradein-promo__actions > * {
  flex: 1;
  padding: 0 1em;
}
@media (max-width: 575px) {
  .tradein-promo__content {
    font-size: var(--text-sm);
  }
  .tradein-promo__title {
    font-size: 1.5em;
  }
}
@media (max-width: 991px) {
  .tradein-promo__asset {
    display: none;
  }
}
@media (min-width: 992px) {
  .tradein-promo__inner {
    grid-template-columns: repeat(12, 1fr);
    position: relative;
    z-index: 0;
    margin-top: 6rem;
    margin-bottom: 3rem;
  }
  .tradein-promo__content {
    grid-column: span 7;
  }
  .tradein-promo__asset {
    grid-column: span 5;
    z-index: -1;
    margin-top: -6rem;
    margin-left: -5rem;
    margin-right: -5rem;
    margin-bottom: -3rem;
  }
}

.gifts__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--base-gap);
}
.gifts__item {
  width: 100%;
  aspect-ratio: 3/2;
  max-height: 40vw;
  min-height: 10rem;
}
@media (max-width: 767px) {
  .gifts__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .gifts__inner > * {
    flex: 1;
    min-width: 14em;
  }
}

.gifts-item {
  background-color: var(--color-black);
  background-size: cover;
  background-position: center;
  color: var(--color-white);
  padding: var(--base-gap);
  border-radius: var(--base-radius);
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.gifts-item__title {
  margin-bottom: var(--space-xs);
  font-size: 1.25em;
  font-weight: 700;
}
.gifts-item__text {
  background: var(--color-primary);
  padding: 0.25em 0.63em;
  border-top-right-radius: var(--base-radius);
  margin-left: calc(var(--base-gap) * -1);
  margin-right: 0.63em;
  padding-left: var(--base-gap);
}
@media (max-width: 991px) {
  .gifts-item {
    font-size: var(--text-xs);
  }
}

.collections-bodies__inner {
  display: grid;
  justify-content: space-between;
  grid-gap: var(--base-gap);
  grid-template-columns: repeat(5, 6.25em);
}
@media (max-width: 767px) {
  .collections-bodies {
    font-size: var(--text-xs);
  }
}
@media (max-width: 575px) {
  .collections-bodies__inner {
    grid-template-columns: repeat(4, 6.25em);
  }
}

.bodies-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.2s;
  transition-property: background-color;
}
.bodies-item__icon {
  background: #263442;
  color: #fff;
  border-radius: 1.25em;
  padding: 1.25em;
  height: 6.25em;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: inherit;
}
.bodies-item__name {
  margin-top: var(--space-3xs);
}
.bodies-item:hover .bodies-item__icon {
  background: var(--color-primary);
}

.collections-brands-popular__inner {
  display: grid;
  grid-gap: var(--base-gap);
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 575px) {
  .collections-brands-popular__inner {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 992px) {
  .collections-brands-popular__inner {
    grid-gap: 3rem;
  }
}
@media (min-width: 1200px) {
  .collections-brands-popular__inner {
    grid-gap: 5rem;
  }
}

.brands-popular-item {
  border: 1px solid #8a92a5;
  border-radius: var(--base-radius);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  transition-property: box-shadow;
}
.brands-popular-item img {
  width: min(2.81rem, 50%);
  height: min(2.81rem, 50%);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.brands-popular-item:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.collections-brands-list__inner {
  -moz-columns: 5;
       columns: 5;
  -moz-column-width: 10em;
       column-width: 10em;
  -moz-column-gap: var(--base-gap);
       column-gap: var(--base-gap);
  margin-top: calc(var(--base-gap) * -1);
}
.collections-brands-list__item {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-top: var(--base-gap);
}
@media (max-width: 575px) {
  .collections-brands-list {
    font-size: var(--text-sm);
  }
}

.brands-list-item {
  display: inline-block;
  width: 10em;
  font-weight: 600;
}
.brands-list-item span {
  color: #8a92a5;
  font-weight: 400;
}
.brands-list-item a {
  transition: 0.2s;
  transition-property: color;
}
.brands-list-item a:hover {
  color: var(--color-primary);
}

.some-questions {
  margin-top: var(--space-xl);
}
.some-questions__title {
  font-weight: 700;
}
.some-questions__text {
  margin-bottom: var(--space-md);
}
@media (max-width: 767px) {
  .some-questions__asset {
    display: none;
  }
}
@media (min-width: 768px) {
  .some-questions__inner {
    display: grid;
    grid-template-columns: 16fr 10fr;
    grid-gap: var(--base-gap);
  }
  .some-questions__form {
    justify-items: start;
  }
  .some-questions__form .input {
    width: 17.5rem;
  }
}
@media (min-width: 992px) {
  .some-questions__inner {
    max-width: 45.63rem;
  }
}

.contacts-main__inner {
  display: grid;
  grid-gap: var(--space-lg) var(--base-gap);
}
.contacts-main__group + .contacts-main__group {
  margin-top: var(--space-md);
}
.contacts-main__group-title {
  margin-bottom: var(--space-2xs);
}
.contacts-main__group-text {
  font-size: 0.81rem;
}
.contacts-main__group-text a {
  font-size: 1.54em;
  font-weight: 600;
}
.contacts-main__map {
  position: relative;
  overflow: hidden;
  z-index: 0;
  border-radius: 1.25rem;
  min-height: 12.5rem;
}
.contacts-main__map > *,
.contacts-main__map iframe {
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .contacts-main__inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .contacts-main__content {
    grid-column: span 5;
    margin: var(--space-md) 0;
  }
  .contacts-main__map {
    grid-column: span 7;
  }
}
@media (min-width: 992px) {
  .contacts-main__inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .contacts-main__content {
    grid-column: span 4;
  }
  .contacts-main__map {
    grid-column: span 8;
  }
}
@media (min-width: 1200px) {
  .contacts-main__content {
    grid-column: span 3;
  }
  .contacts-main__map {
    grid-column: span 9;
  }
}

.model-main {
  margin-bottom: var(--space-md);
}
.model-main__inner {
  display: grid;
  grid-gap: var(--space-lg) var(--base-gap);
}
.model-main__gallery {
  border-radius: var(--base-radius);
  position: relative;
  z-index: 0;
  overflow: hidden;
  align-self: start;
}
.model-main__gallery img {
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.model-main__gallery-more {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: var(--base-gap);
  font-size: var(--text-sm);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 2.5em;
  border-radius: 1.25rem;
  background: #f2f2f2;
  padding: 0 2em;
}
.model-main__name {
  margin-bottom: var(--space-3xs);
}
.model-main__props {
  margin-bottom: var(--space-xs);
  font-size: var(--text-sm);
  color: #8a92a5;
}
.model-main__prices {
  margin-bottom: var(--space-sm);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.model-main__prices span:not([class]) {
  display: none;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.model-main__price-credit {
  color: var(--color-tetriary);
}
.model-main__features {
  margin-bottom: var(--space-sm);
}
.model-main__form-card {
  border: 1px solid #dcdcdc;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: var(--base-radius);
  padding: var(--base-gap);
}
.model-main__form-card-head {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.model-main__form-card-head-asset {
  max-width: 4.25rem;
  margin-right: 1rem;
}
.model-main__form-card-title {
  font-weight: 700;
}
@media (min-width: 768px) {
  .model-main__prices span:not([class]) {
    display: block;
  }
  .model-main__prices > * {
    margin-right: auto;
  }
  .model-main__form {
    justify-items: start;
  }
  .model-main__form .input {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .model-main__content {
    display: grid;
    grid-gap: 0 var(--base-gap);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .model-main__inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .model-main__gallery {
    grid-column: span 8;
  }
  .model-main__content {
    grid-column: span 4;
  }
}
@media (min-width: 1200px) {
  .model-main__inner {
    grid-gap: var(--space-lg);
  }
}

.model-comp {
  margin-top: var(--space-md);
}
.model-comp__navigation {
  margin-top: var(--space-md);
  margin-bottom: var(--space-lg);
}

.model-comp-navigation {
  display: flex;
  flex-wrap: wrap-reverse;
  gap: var(--base-gap);
}
.model-comp-navigation__group {
  flex-grow: 1;
  display: inherit;
  flex-wrap: wrap;
  gap: inherit;
}
.model-comp-navigation__item {
  flex: 1;
  border: none;
  background: transparent;
  padding: 0;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  background: #f2f2f2;
  color: #000;
  cursor: pointer;
  padding: 1em;
  padding-bottom: calc(1em - 2px);
  border-radius: var(--base-radius);
  border-bottom: 2px solid transparent;
  font-size: inherit;
  font-weight: 600;
}
.model-comp-navigation__item.active {
  border-bottom-color: var(--color-tetriary);
  background: #8a92a5;
  color: var(--color-white);
}
.model-comp-navigation__item--next::after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  background-color: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2053_3632)'%3E%3Cpath d='M24.7071 12.7071C25.0976 12.3166 25.0976 11.6834 24.7071 11.2929L18.3431 4.92893C17.9526 4.53841 17.3195 4.53841 16.9289 4.92893C16.5384 5.31946 16.5384 5.95262 16.9289 6.34315L22.5858 12L16.9289 17.6569C16.5384 18.0474 16.5384 18.6805 16.9289 19.0711C17.3195 19.4616 17.9526 19.4616 18.3431 19.0711L24.7071 12.7071ZM-1 13L24 13L24 11L-1 11L-1 13Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2053_3632'%3E%3Crect width='25' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2053_3632)'%3E%3Cpath d='M24.7071 12.7071C25.0976 12.3166 25.0976 11.6834 24.7071 11.2929L18.3431 4.92893C17.9526 4.53841 17.3195 4.53841 16.9289 4.92893C16.5384 5.31946 16.5384 5.95262 16.9289 6.34315L22.5858 12L16.9289 17.6569C16.5384 18.0474 16.5384 18.6805 16.9289 19.0711C17.3195 19.4616 17.9526 19.4616 18.3431 19.0711L24.7071 12.7071ZM-1 13L24 13L24 11L-1 11L-1 13Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2053_3632'%3E%3Crect width='25' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.model-comp-navigation__icon {
  flex-shrink: 0;
}
.model-comp-navigation__icon svg {
  width: 2.19em;
  height: 2.19em;
}
@media (max-width: 575px) {
  .model-comp-navigation {
    font-size: var(--text-sm);
  }
}

@media (min-width: 1200px) {
  .model-comp__drop-list {
    -moz-column-gap: var(--space-lg);
         column-gap: var(--space-lg);
  }
}
@media (max-width: 575px) {
  .model-comp__drop-list {
    font-size: var(--text-sm);
  }
}

.model-comp-drop-list {
  -moz-columns: 2;
       columns: 2;
  -moz-column-width: 20em;
       column-width: 20em;
  margin-top: -0.5em;
}
.model-comp-drop-list__item {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-top: 0.5em;
  -moz-column-break-before: avoid;
       break-before: avoid;
}
.model-comp-drop-list__item:nth-child(5) {
  -moz-column-break-before: column;
       break-before: column;
}
.model-comp-drop-list__item-title {
  border-bottom: 1px solid #dcdcdc;
  padding: 1em 0;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.model-comp-drop-list__item-title::after {
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0.713624L20.3312 8.88707e-07L10.4976 10.5677L0.66405 2.90266e-08L-3.11934e-08 0.713623L10.4976 12L21 0.713624Z' fill='%238A92A5'/%3E%3C/svg%3E%0A");
}
.model-comp-drop-list__item-title.active::after {
  transform: rotate(180deg);
}
.model-comp-drop-list__item-content > * {
  padding: 1em 0;
}

@media (max-width: 767px) {
  .article-section {
    font-size: var(--text-sm);
  }
}

.credit-main__inner {
  display: grid;
  grid-gap: var(--space-lg) var(--base-gap);
}
.credit-main__main {
  display: flex;
  flex-direction: column;
  grid-gap: var(--base-gap);
}
.credit-main__main-form {
  background: #fff;
  padding: var(--space-lg) var(--base-gap);
  border: 1px solid #dcdcdc;
  border-radius: var(--base-radius);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.credit-main__main-form h4 {
  grid-column: 1/-1;
}
.credit-main__regs-group + .credit-main__regs-group {
  margin-top: var(--space-md);
}
@media (max-width: 767px) {
  .credit-main__main {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: var(--base-radius);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  .credit-main__main-car .credit-main-main-car-placeholder,
  .credit-main__main-car .credit-main-main-car {
    background: unset;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
  }
  .credit-main__main-car .credit-main-main-car-placeholder {
    padding: var(--base-gap);
    padding-bottom: 0;
  }
  .credit-main__main-form {
    background: unset;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
  }
  .credit-main__main-form {
    padding: var(--base-gap);
    padding-top: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .credit-main__main-form .form__group {
    grid-template-columns: repeat(2, 1fr);
  }
  .credit-main__main-form .checkbox {
    order: -1;
    grid-column: span 2;
  }
}
@media (min-width: 768px) {
  .credit-main__main-form {
    grid-template-columns: repeat(3, 1fr);
    align-items: end;
  }
  .credit-main__main-form .checkbox {
    height: clamp(2.5rem, 2.15rem + 1vw, 2.75rem);
  }
}
@media (min-width: 992px) {
  .credit-main__inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .credit-main__main {
    grid-column: span 8;
  }
  .credit-main__regs {
    grid-column: span 4;
  }
}
@media (min-width: 1200px) {
  .credit-main__inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .credit-main__main {
    grid-column: span 9;
  }
  .credit-main__regs {
    grid-column: span 3;
  }
}

.credit-main-main-car-placeholder {
  background: #fff;
  padding: var(--space-lg) var(--base-gap);
  border: 1px solid #dcdcdc;
  border-radius: var(--base-radius);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  display: grid;
  align-items: center;
  grid-gap: var(--space-lg);
  grid-template-columns: 16fr 10fr;
}
.credit-main-main-car-placeholder__title {
  margin-bottom: 0.75rem;
}
.credit-main-main-car-placeholder__button {
  display: flex;
}
.credit-main-main-car-placeholder__car img {
  width: 100%;
}
@media (max-width: 575px) {
  .credit-main-main-car-placeholder {
    grid-template-columns: unset;
  }
  .credit-main-main-car-placeholder__car {
    display: none;
  }
}

.partners__inner {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(clamp(12.5% - var(--base-gap) / 8 * 7, 6.5rem, 25% - var(--base-gap) / 4 * 3), 1fr));
  grid-gap: var(--base-gap);
}
.partners__item {
  background: #fff;
  padding: calc(var(--base-gap) / 2);
  border: 1px solid #dcdcdc;
  border-radius: calc(var(--base-radius) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.partners__item img {
  aspect-ratio: 2/1;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.credit-main-main-car {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: var(--base-radius);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.credit-main-main-car__close a {
  padding: var(--base-gap);
  background: var(--color-black);
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.credit-main-main-car__close a::after {
  content: "";
  width: 1.13rem;
  height: 1.13rem;
  display: block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.45225 1L20 19M19.5478 1L1 19' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.credit-main-main-car__image img {
  width: 100%;
  min-height: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.credit-main-main-car__content {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  border: inherit;
  margin: -1px;
  position: relative;
  z-index: 2;
  padding: 1em;
}
.credit-main-main-car__toggle-favorite {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #d4d4d4;
  cursor: pointer;
}
.credit-main-main-car__toggle-favorite.active {
  color: var(--color-primary);
}
.credit-main-main-car__toggle-favorite svg {
  width: max(1rem, 1.13em);
  height: max(1rem, 1.13em);
}
.credit-main-main-car__head {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--space-xs);
  margin-right: max(1rem, 1.13em);
}
.credit-main-main-car__name {
  margin-bottom: var(--space-4xs);
}
.credit-main-main-car__comp {
  font-size: var(--text-xs);
  color: var(--color-grey);
}
.credit-main-main-car__props-list {
  margin-bottom: var(--space-xs);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
}
.credit-main-main-car__props-list > * {
  font-size: var(--text-xs);
  font-weight: 600;
  border: 1px solid var(--color-grey);
  padding: var(--space-4xs) var(--space-xs);
  border-radius: 0.9em;
  background: var(--color-black);
  color: var(--color-white);
}
.credit-main-main-car__features {
  margin-top: var(--space-xs);
  margin-bottom: var(--space-md);
}
.credit-main-main-car__prices {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs) var(--base-gap);
}
.credit-main-main-car__price-current {
  font-size: 1.38em;
  font-weight: 700;
  color: var(--color-primary);
}
.credit-main-main-car__price-credit {
  font-size: var(--text-sm);
  background: var(--color-tetriary);
  color: var(--color-white);
  padding: 0.22em 1.42em;
  border-bottom-right-radius: 1.77em;
  font-weight: 600;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .credit-main-main-car {
    display: grid;
    grid-template-columns: repeat(8, 1fr) auto;
  }
  .credit-main-main-car__image {
    grid-column: span 3;
  }
  .credit-main-main-car__content {
    grid-column: span 5;
  }
  .credit-main-main-car__close {
    order: 3;
  }
}

.car-buyback__main {
  background-image: url(../img/car-buyback_bg.jpg);
  background-size: cover;
  background-position: center;
  padding: var(--space-lg) 0;
}
.car-buyback__form {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: var(--base-radius);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  padding: var(--base-gap);
}
@media (min-width: 576px) and (max-width: 767px) {
  .car-buyback__form .form__group {
    grid-template-columns: repeat(2, 1fr);
  }
  .car-buyback__form .form__group h4 {
    grid-column: 1/-1;
  }
  .car-buyback__form .checkbox {
    grid-column: 1/-1;
    order: -1;
  }
}
@media (max-width: 767px) {
  .car-buyback__asset {
    display: none;
  }
}
@media (min-width: 768px) {
  .car-buyback__main-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--base-gap);
    align-items: center;
    position: relative;
    z-index: 0;
  }
  .car-buyback__asset {
    margin-left: -20%;
    z-index: -1;
  }
  .car-buyback__form .btn {
    justify-self: start;
  }
}
@media (min-width: 992px) {
  .car-buyback__main-inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .car-buyback__form {
    grid-column: span 5;
  }
  .car-buyback__asset {
    grid-column: span 7;
    margin-left: -8%;
  }
}
@media (min-width: 1200px) {
  .car-buyback__main-inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .car-buyback__form {
    grid-column: span 4;
  }
  .car-buyback__asset {
    grid-column: span 8;
  }
}

.car-buyback-benefits__inner {
  display: grid;
  grid-gap: var(--base-gap);
}
.car-buyback-benefits__item {
  padding: 1em;
  background: var(--color-tetriary);
  color: var(--color-white);
  border-radius: var(--base-radius);
  font-size: var(--text-sm);
}
.car-buyback-benefits__item-ico {
  width: 2.19em;
}
@media (max-width: 575px) {
  .car-buyback-benefits {
    font-size: var(--text-xs);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .car-buyback-benefits {
    font-size: var(--text-sm);
  }
}
@media (max-width: 767px) {
  .car-buyback-benefits__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .car-buyback-benefits__inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1199px) {
  .car-buyback-benefits__item-ico {
    margin-bottom: 1em;
  }
}
@media (min-width: 1200px) {
  .car-buyback-benefits__item {
    display: grid;
    grid-template-columns: 2.19em auto;
    gap: var(--space-xs);
    padding: 1em var(--space-md);
  }
}

.car-buyback-article__inner {
  background: var(--color-black);
  background-image: url(../img/car-buyback-article_bg.jpg);
  background-size: cover;
  background-position: center 80%;
  color: #fff;
  padding: clamp(1rem, -1.51rem + 7vw, 2.81rem);
  border-radius: var(--base-radius);
  font-size: var(--text-sm);
  line-height: 1.5;
}

.car-buyback-steps__inner {
  display: grid;
  grid-gap: var(--base-gap);
}
@media (max-width: 1199px) {
  .car-buyback-steps {
    font-size: var(--text-xs);
  }
}
@media (max-width: 991px) {
  .car-buyback-steps__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .car-buyback-steps__inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .car-buyback-steps__item {
    margin-top: clamp(1.06rem, -0.04rem + 2.3vw, 1.38rem);
    margin-left: clamp(1.06rem, -0.04rem + 2.3vw, 1.38rem);
  }
}

.car-buyback-steps-item {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: var(--base-radius) 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  padding: 3.75em 1.25em 2.5em;
  position: relative;
  text-align: right;
  box-shadow: 1px 1px 0 0.2px rgba(220, 220, 220, 0.2333333333),2px 2px 0 0.4px rgba(220, 220, 220, 0.2166666667),3px 3px 0 0.6px rgba(220, 220, 220, 0.2),4px 4px 0 0.8px rgba(220, 220, 220, 0.1833333333),5px 5px 0 1px rgba(220, 220, 220, 0.1666666667),6px 6px 0 1.2px rgba(220, 220, 220, 0.15),7px 7px 0 1.4px rgba(220, 220, 220, 0.1333333333),8px 8px 0 1.6px rgba(220, 220, 220, 0.1166666667),9px 9px 0 1.8px rgba(220, 220, 220, 0.1),10px 10px 0 2px rgba(220, 220, 220, 0.0833333333),11px 11px 0 2.2px rgba(220, 220, 220, 0.0666666667),12px 12px 0 2.4px rgba(220, 220, 220, 0.05),13px 13px 0 2.6px rgba(220, 220, 220, 0.0333333333),15px 15px 0 rgba(220, 220, 220, 0);
}
.car-buyback-steps-item__corner {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -0.14em;
  margin-top: -0.1em;
  width: 1em;
  font-size: clamp(7rem, -23rem + 62.5vw, 15.75rem);
  font-size: clamp(7rem, -23rem + 62.5vw, 15.75em);
}
.car-buyback-steps-item__ico {
  margin-bottom: 1.63em;
}
.car-buyback-steps-item__ico svg {
  margin-left: auto;
  width: 3.75em;
  height: 3.75em;
}
.car-buyback-steps-item__title {
  font-size: 1.25em;
}
.car-buyback-steps-item__text {
  margin-top: 1em;
  font-size: var(--text-sm);
}

.car-features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-lg);
}
.car-features__item {
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.models-select-filter__inner {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  border-radius: var(--base-radius);
  margin: 0 calc(var(--base-gap) * -1);
  padding: var(--base-gap);
  padding-top: 2.5rem;
}
.models-select-filter__title {
  font-weight: 700;
}
.models-select-filter__form {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .models-select-filter__title {
    margin-bottom: var(--space-sm);
  }
}
@media (min-width: 768px) {
  .models-select-filter__inner {
    display: flex;
    align-items: baseline;
    gap: var(--space-md);
  }
  .models-select-filter__form {
    flex: 1;
  }
}
.fancybox-container {
  z-index: 1000;
}