@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");
:root {
  --color-primary: #2a4ecc;
  --color-primary-light: #4366e0;
  --color-primary-light-2: #54aadb;
  --color-primary-hover: #4366e0;
  --color-primary-active: #161499;
  --color-secondary: #c0213e;
  --color-bg: #f2f3f7;
  --color-black: #191a1c;
  --color-dark: #222224;
  --color-darkgray: #66707c;
  --color-gray: #98a3ae;
  --color-lightgray: #dde3ee;
  --container-width: 69rem;
  --main-padding: 0.4rem;
  --inset-padding: 0.6rem;
  --main-radius: 1rem;
  --actions-height: 2rem;
  --actions-radius: calc(var(--actions-height) / 2);
  --text-size-title: 1.4rem;
  --text-size-title-2: 1.4rem;
  --text-size-title-3: 1rem;
}
@media (min-width: 768px) {
  :root {
    --main-padding: 0.8rem;
    --text-size-title: 2.25rem;
    --text-size-title-2: 1.8rem;
    --text-size-title-3: 1.1rem;
  }
}
@media (min-width: 992px) {
  :root {
    --main-padding: 1.5rem;
    --text-size-title: 2.5rem;
    --text-size-title-2: 1.8rem;
    --text-size-title-3: 1.2rem;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
svg,
video,
iframe {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

input,
textarea,
button {
  font: inherit;
  color: var(--color-black);
}

html {
  font-size: 20px;
  font-family: "Roboto Flex", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

body {
  font-size: 0.8rem;
  background: var(--color-bg);
  color: var(--color-black);
  line-height: 1.2;
}

.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.page .main {
  flex: 1;
}

h1,
.h1 {
  font-size: var(--text-size-title);
  font-weight: 600;
}

h2,
.h2 {
  font-size: var(--text-size-title-2);
  font-weight: 600;
}

h3,
.h3 {
  font-size: var(--text-size-title-3);
  font-weight: 600;
}

.section {
  margin: 3rem 0;
}
.section__title {
  font-size: var(--text-size-title);
  font-weight: 600;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .section__title {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
}
@media (min-width: 768px) {
  .section__title {
    margin-bottom: 1.9rem;
  }
}

.container {
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: content-box;
}
@media (min-width: 768px) {
  .container {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
}

.form {
  display: grid;
  grid-gap: 0.6rem;
}
.form__description {
  text-align: center;
  font-size: 0.7rem;
  line-height: 1.5;
}

.btn,
.input {
  height: var(--actions-height);
  border-radius: var(--actions-radius);
  padding: 0 1.2rem;
}
@media (min-width: 768px) {
  .btn--lg,
  .input--lg {
    height: calc(var(--actions-height) / 40 * 56);
    border-radius: calc(var(--actions-height) / 40 * 56 / 2);
  }
}

.select2 .select2-selection {
  height: var(--actions-height);
  border-radius: var(--actions-radius);
  border: 1px solid var(--color-lightgray);
}
.select2 .select2-selection__rendered {
  line-height: var(--actions-height) !important;
  padding-left: 1.2rem !important;
}
.select2 .select2-selection__arrow {
  height: 100% !important;
  width: var(--actions-height) !important;
}
@media (min-width: 768px) {
  .select--lg + .select2 .select2-selection {
    height: calc(var(--actions-height) / 40 * 56);
    border-radius: calc(var(--actions-height) / 40 * 56 / 2);
  }
  .select--lg + .select2 .select2-selection__rendered {
    line-height: calc(var(--actions-height) / 40 * 56) !important;
  }
}

/* .lazy {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.lazy.loaded {
  opacity: 1
} */

.lazy{
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
}
.lazy img{
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
 
}
.lazy source{
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  
}
.lazy.loaded{
  opacity: 1;

}
.best-offer__card-image picture {
  height: 100%;
  aspect-ratio: 16/7;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-lightgray);
  color: var(--color-primary);
  border: 1px solid transparent;
  white-space: nowrap;
  font-weight: 600;
  transition-duration: 0.2s;
  transition-property: color, background-color;
  cursor: pointer;
}
.btn:hover {
  transition-duration: 0.1s;
}
.btn:active {
  transition-duration: 0.05s;
}
.btn:hover {
  color: var(--color-primary-hover);
}
.btn:active {
  color: var(--color-primary-active);
}
.btn--primary {
  background: var(--color-primary);
  color: #fff;
}
.btn--primary:hover {
  background: var(--color-primary-hover);
  color: #fff;
}
.btn--primary:active {
  background: var(--color-primary-active);
  color: #fff;
}
.btn--outline {
  color: var(--color-primary);
  border-color: currentColor;
  background: #fff;
}
.btn--outline:hover {
  color: var(--color-primary-hover);
}
.btn--outline:active {
  color: var(--color-primary-active);
}
.btn--white {
  background: #fff;
  color: var(--color-primary);
}
.btn--white:hover {
  background: #fff;
  color: var(--color-primary-hover);
}
.btn--white:active {
  background: var(--color-bg);
  color: var(--color-primary-active);
}
@media (min-width: 768px) {
  .btn--lg {
    font-size: 1.2rem;
  }
}

.btn-ico {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-ico svg {
  width: 1.2rem;
  height: 1.2rem;
}
.btn-ico--outline {
  border: 1px solid var(--color-primary);
}
.btn-ico--primary {
  background: var(--color-primary);
}

.input {
  background: #fff;
  border: 1px solid var(--color-lightgray);
}
.input--dark {
  background: var(--color-dark);
  border: 1px solid var(--color-gray);
  color: #fff;
}

textarea.input {
  height: unset;
  min-height: 100px;
  resize: vertical;
}

.checkbox, .toggle {
  display: flex;
  gap: 0.6rem;
}
.checkbox input, .toggle input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.checkbox__checkmark {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.4rem;
  border: 1px solid #cddcf3;
  cursor: pointer;
}
.checkbox:has(input:checked) .checkbox__checkmark {
  border-color: transparent;
  background-color: var(--color-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.55268C12 4.69732 11.932 4.83587 11.8154 4.97442L7.11194 10.2355C7.04881 10.306 6.96551 10.3651 6.8681 10.4084C6.77069 10.4517 6.66163 10.4781 6.54887 10.4858C6.43612 10.4935 6.32251 10.4821 6.21632 10.4527C6.11013 10.4232 6.01405 10.3763 5.93507 10.3154L3.20291 8.2037C3.07809 8.09941 3.00624 7.96545 3 7.82535C3 7.52694 3.31958 7.23614 3.74569 7.23614C4.01657 7.23614 4.23064 7.38839 4.41529 7.52694L6.44437 9.02511L10.5736 4.32734C10.7389 4.13779 10.953 4 11.2533 4C11.6693 4 12 4.24741 12 4.55268Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.checkbox__label, .toggle__label {
  font-size: 0.6rem;
  align-self: center;
  color: var(--color-gray);
}
.checkbox__label a, .toggle__label a {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .checkbox__label, .toggle__label {
    font-size: 0.7rem;
  }
}

@media (max-width: 991px) {
  .d {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .m {
    display: none !important;
  }
}

.input-number__main {
  background: #fff;
  border: 1px solid var(--color-lightgray);
  border-radius: 0.8rem;
  padding: 0.5rem 2.4rem 0.4rem;
  position: relative;
}
.input-number__btn {
  position: absolute;
  top: calc(50% - 0.6rem);
  width: 1.2rem;
  height: 1.2rem;
  padding: 0;
  margin: 0;
  border: none;
  background: unset;
  color: inherit;
}
.input-number__btn svg {
  width: 100%;
  height: 100%;
}
.input-number__btn--sub {
  left: 0.6rem;
}
.input-number__btn--add {
  right: 0.6rem;
}
.input-number__label {
  font-size: 0.7rem;
  margin-bottom: 0.2rem;
}
.input-number__view {
  all: unset;
  font-size: 0.9rem;
  width: 100%;
  color: var(--color-primary);
}
.input-number__min-max {
  display: flex;
  justify-content: space-between;
  margin-top: 0.1rem;
  font-size: 0.7rem;
  color: var(--color-gray);
}
.input-number--dark .input-number__main {
  background: var(--color-dark);
  color: var(--color-lightgray);
  border-color: var(--color-darkgray);
}

.simplebar-scrollbar::before {
  background-color: var(--color-primary);
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}

.simplebar-track.simplebar-vertical {
  margin: var(--main-padding) 0.6rem;
  width: 8px !important;
}

.simplebar-track.simplebar-horizontal {
  margin: 0.1rem var(--main-padding);
  height: 8px !important;
}

.swiper-button-prev,
.swiper-button-next {
  background: var(--color-lightgray);
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  border-radius: 50%;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='%23191A1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L14 6M20 12L14 18' stroke='%23191A1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  background: currentColor;
  opacity: 0.75;
}
.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
  opacity: 1;
}

.swiper-button-prev::after {
  transform: rotate(180deg);
}

.breadcrumbs {
  margin: 1.5rem 0;
}
.breadcrumbs a::after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='11' viewBox='0 0 10 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2.5L7 5.5L4 8.5' stroke='%23191A1C' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 0.35em;
}
.breadcrumbs span {
  color: var(--color-gray);
}

.link {
  color: var(--color-primary);
  font-size: 0.7rem;
  font-weight: 600;
}
.link:hover {
  color: var(--color-primary-hover);
}
.link:active {
  color: var(--color-primary-active);
}

.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
}
.toggle__checkmark {
  width: 2.6rem;
  height: 1.6rem;
  border-radius: 2rem;
  background: var(--color-darkgray);
  position: relative;
  cursor: pointer;
}
.toggle__checkmark::after {
  content: "";
  position: absolute;
  background: #fff;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 2rem;
  margin: 0.1rem;
  left: 0rem;
  transition: 0.1s;
}
input:checked + .toggle__checkmark {
  background: var(--color-primary);
}
input:checked + .toggle__checkmark::after {
  left: 1rem;
}
[x-cloak] {
  display: none !important;
}

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

.main {
  padding-top: var(--header-height);
}

.header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
}
.header .container {
  padding: 0 var(--main-padding);
}
.header__top {
  background: #fff;
}
.header-top__inner {
  display: flex;
  align-items: center;
  gap: var(--main-padding);
  padding: 0.4rem 0;
}
.header-top__logos, .footer__logos {
  margin-right: auto;
  display: flex;
}
.header-top__logos > *:not(:last-child), .footer__logos > *:not(:last-child) {
  margin-right: 0.4rem;
  padding-right: 0.4rem;
  border-right: 1px solid var(--color-lightgray);
}
.header-top__contacts-d {
  font-size: 0.7rem;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  gap: 1.2rem;
}
.header-top__time, .header-top__address, .header-top__phone a {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.header-top__time::before, .header-top__address::before, .header-top__phone a::before {
  content: "";
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: var(--color-primary);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.header-top__time::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%232A4ECC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%232A4ECC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-top__address::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='%232A4ECC' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C16 18 20 14.4183 20 10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10C4 14.4183 8 18 12 22Z' stroke='%232A4ECC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z' stroke='%232A4ECC' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 22C16 18 20 14.4183 20 10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10C4 14.4183 8 18 12 22Z' stroke='%232A4ECC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-top__phone {
  white-space: nowrap;
}
.header-top__phone a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0497 6C15.0264 6.19057 15.924 6.66826 16.6277 7.37194C17.3314 8.07561 17.8091 8.97326 17.9997 9.95M14.0497 2C16.0789 2.22544 17.9713 3.13417 19.4159 4.57701C20.8606 6.01984 21.7717 7.91101 21.9997 9.94M10.2266 13.8631C9.02506 12.6615 8.07627 11.3028 7.38028 9.85323C7.32041 9.72854 7.29048 9.66619 7.26748 9.5873C7.18576 9.30695 7.24446 8.96269 7.41447 8.72526C7.46231 8.65845 7.51947 8.60129 7.63378 8.48698C7.98338 8.13737 8.15819 7.96257 8.27247 7.78679C8.70347 7.1239 8.70347 6.26932 8.27247 5.60643C8.15819 5.43065 7.98338 5.25585 7.63378 4.90624L7.43891 4.71137C6.90747 4.17993 6.64174 3.91421 6.35636 3.76987C5.7888 3.4828 5.11854 3.4828 4.55098 3.76987C4.2656 3.91421 3.99987 4.17993 3.46843 4.71137L3.3108 4.86901C2.78117 5.39863 2.51636 5.66344 2.31411 6.02348C2.08969 6.42298 1.92833 7.04347 1.9297 7.5017C1.93092 7.91464 2.01103 8.19687 2.17124 8.76131C3.03221 11.7947 4.65668 14.6571 7.04466 17.045C9.43264 19.433 12.295 21.0575 15.3284 21.9185C15.8928 22.0787 16.1751 22.1588 16.588 22.16C17.0462 22.1614 17.6667 22 18.0662 21.7756C18.4263 21.5733 18.6911 21.3085 19.2207 20.7789L19.3783 20.6213C19.9098 20.0898 20.1755 19.8241 20.3198 19.5387C20.6069 18.9712 20.6069 18.3009 20.3198 17.7333C20.1755 17.448 19.9098 17.1822 19.3783 16.6508L19.1835 16.4559C18.8339 16.1063 18.6591 15.9315 18.4833 15.8172C17.8204 15.3862 16.9658 15.3862 16.3029 15.8172C16.1271 15.9315 15.9523 16.1063 15.6027 16.4559C15.4884 16.5702 15.4313 16.6274 15.3644 16.6752C15.127 16.8453 14.7828 16.904 14.5024 16.8222C14.4235 16.7992 14.3612 16.7693 14.2365 16.7094C12.7869 16.0134 11.4282 15.0646 10.2266 13.8631Z' stroke='%232A4ECC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0497 6C15.0264 6.19057 15.924 6.66826 16.6277 7.37194C17.3314 8.07561 17.8091 8.97326 17.9997 9.95M14.0497 2C16.0789 2.22544 17.9713 3.13417 19.4159 4.57701C20.8606 6.01984 21.7717 7.91101 21.9997 9.94M10.2266 13.8631C9.02506 12.6615 8.07627 11.3028 7.38028 9.85323C7.32041 9.72854 7.29048 9.66619 7.26748 9.5873C7.18576 9.30695 7.24446 8.96269 7.41447 8.72526C7.46231 8.65845 7.51947 8.60129 7.63378 8.48698C7.98338 8.13737 8.15819 7.96257 8.27247 7.78679C8.70347 7.1239 8.70347 6.26932 8.27247 5.60643C8.15819 5.43065 7.98338 5.25585 7.63378 4.90624L7.43891 4.71137C6.90747 4.17993 6.64174 3.91421 6.35636 3.76987C5.7888 3.4828 5.11854 3.4828 4.55098 3.76987C4.2656 3.91421 3.99987 4.17993 3.46843 4.71137L3.3108 4.86901C2.78117 5.39863 2.51636 5.66344 2.31411 6.02348C2.08969 6.42298 1.92833 7.04347 1.9297 7.5017C1.93092 7.91464 2.01103 8.19687 2.17124 8.76131C3.03221 11.7947 4.65668 14.6571 7.04466 17.045C9.43264 19.433 12.295 21.0575 15.3284 21.9185C15.8928 22.0787 16.1751 22.1588 16.588 22.16C17.0462 22.1614 17.6667 22 18.0662 21.7756C18.4263 21.5733 18.6911 21.3085 19.2207 20.7789L19.3783 20.6213C19.9098 20.0898 20.1755 19.8241 20.3198 19.5387C20.6069 18.9712 20.6069 18.3009 20.3198 17.7333C20.1755 17.448 19.9098 17.1822 19.3783 16.6508L19.1835 16.4559C18.8339 16.1063 18.6591 15.9315 18.4833 15.8172C17.8204 15.3862 16.9658 15.3862 16.3029 15.8172C16.1271 15.9315 15.9523 16.1063 15.6027 16.4559C15.4884 16.5702 15.4313 16.6274 15.3644 16.6752C15.127 16.8453 14.7828 16.904 14.5024 16.8222C14.4235 16.7992 14.3612 16.7693 14.2365 16.7094C12.7869 16.0134 11.4282 15.0646 10.2266 13.8631Z' stroke='%232A4ECC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 991px) {
  .header-top__logos, .footer__logos {
    max-width: 55%;
  }
}

.header-main__inner {
  padding: 0.4rem 0;
}
.header-main__mobile {
  display: grid;
  grid-gap: var(--main-padding);
  grid-template-columns: 1fr auto;
}
.header-main-models {
  display: flex;
  gap: 1.2rem;
  align-items: end;
}
.header-main-models__list {
  display: flex;
  flex-wrap: wrap;
  line-height: 2em;
  gap: 0 1.2rem;
}
.header-main-models__more {
  flex-shrink: 0;
  width: 10em;
  align-self: end;
  margin-bottom: 0.5em;
}
.header-main-models__more a {
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.2rem;
}
.header-main-models__more a::after {
  content: "";
  display: block;
  width: 1.2857142857em;
  height: 1.2857142857em;
  background: var(--color-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L8.9938 12L3 6' stroke='%232A4ECC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L8.9938 12L3 6' stroke='%232A4ECC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.header-main-models__more a.active::after {
  transform: scaleY(-1);
}

.header-mobile-menu {
  position: fixed;
  z-index: 199;
  inset: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  padding-left: 1rem;
  overflow: hidden;
}
.header-mobile-menu__backdrop {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}
.header-mobile-menu__card {
  background: #fff;
  height: 100%;
  width: 100%;
  margin-left: auto;
  max-width: 20rem;
  position: relative;
  border-top-left-radius: var(--main-radius);
  border-bottom-left-radius: var(--main-radius);
}
.header-mobile-menu__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  inset: 0;
  padding: 0.8rem max(var(--inset-padding), var(--main-padding)) 0;
}
.header-mobile-menu__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.8rem;
}
.header-mobile-menu__title {
  font-size: 1.2rem;
  font-weight: 600;
}
.header-mobile-menu__close {
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid var(--color-lightgray);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-mobile-menu__list {
  flex-grow: 0;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 1.2rem 0;
  gap: 1rem;
}
.header-mobile-menu__list a {
  text-transform: uppercase;
  font-weight: 600;
  color: var(--color-darkgray);
}
.header-mobile-menu__backdrop {
  opacity: 0;
  transition: 0.2s;
}
.header-mobile-menu__card {
  transform: translateX(100%);
  transition: 0.2s;
}
.header-mobile-menu.active {
  pointer-events: all;
}
.header-mobile-menu.active .header-mobile-menu__backdrop {
  opacity: 1;
}
.header-mobile-menu.active .header-mobile-menu__card {
  transform: translateX(0);
}

.footer {
  --container-width: 66rem;
}
.footer .container {
  padding: 0 var(--main-padding);
}
.footer__inner {
  display: grid;
  align-items: start;
  grid-gap: var(--inset-padding) 1.2rem;
  padding: var(--inset-padding) 0;
  padding-bottom: 1.5rem;
}
.footer__regs {
  font-size: 0.6rem;
  line-height: 1.4;
  color: var(--color-gray);
}
@media (max-width: 991px) {
  .footer__logos {
    order: 2;
    margin-left: auto;
    margin-right: auto;
  }
  .footer__regs {
    text-align: center;
    font-size: 0.5rem;
  }
}
@media (min-width: 992px) {
  .footer__inner {
    grid-template-columns: auto 1fr;
  }
}

.breadcrumbs .container {
  padding: 0 var(--main-padding);
}

.section.model-main {
  margin: 0 0 3rem 0;
}

/* .home-banner__card {
  padding: 1rem var(--main-padding);
  border-radius: var(--main-radius);
  position: relative;
  z-index: 0;
  overflow: hidden;
  color: #fff;
  background-image: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-light-2) 100%);
  background-size: cover;
  background-position: 0% center;
}
.home-banner__content {
  position: relative;
  z-index: 2;
} */
.home-banner__date {
  font-size: 0.6rem;
  color: var(--color-gray);
  margin-bottom: 0.4rem;
}
.home-banner__title {
  font-size: var(--text-size-title);
  font-weight: 600;
  margin-bottom: 0.4rem;
  max-width: 14em;
}
.home-banner__subtitle {
  font-size: 0.8rem;
  line-height: 1.5;
  max-width: 34em;
}
.home-banner__gifts {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
  max-width: 12rem;
}
.home-banner__more {
  width: -moz-fit-content;
  width: fit-content;
}
.home-banner__asset {
  position: absolute;
  left: 60%;
  bottom: 0.75rem;
  width: max(13rem, 37%);
}
.home-banner__checks {
  margin-top: 1rem;
  max-width: 60%;
}
.home-banner__checks-title {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1rem;
}
.home-banner__checks-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
}
.home-banner__checks-list > * {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.home-banner__checks-list > *::before {
  content: "";
  flex-shrink: 0;
  width: 0.7rem;
  height: 0.7rem;
  background: var(--color-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_25_9732)'%3E%3Cpath d='M4 6.33L6.3964 9L10 5' stroke='white' stroke-width='1.16375' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_25_9732'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .home-banner__card {
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .home-banner__card {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .home-banner__date {
    font-size: 0.6rem;
  }
  .home-banner__subtitle {
    font-size: 0.9rem;
  }
  .home-banner__gifts {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
    max-width: 17rem;
  }
}
@media (min-width: 992px) {
  .home-banner__gifts {
    max-width: 31.2rem;
  }
}

.home-banner-gifts {
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #fff;
  border-radius: 0.8rem;
  padding: 0.4rem 0.6rem;
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}
.home-banner-gifts__title {
  font-size: 0.7rem;
}
.home-banner-gifts__items {
  display: flex;
  gap: var(--main-padding);
}
.home-banner-gifts__item {
  font-size: 0.6rem;
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.home-banner-gifts__item-ico {
  width: 1.5rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .home-banner-gifts__title {
    font-size: 0.9rem;
  }
  .home-banner-gifts__item {
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) {
  .home-banner-gifts {
    display: flex;
    align-items: center;
    padding: 0.4rem 1.4rem;
    border-radius: 2rem;
    gap: 1.6rem;
  }
}

.models__inner {
  display: grid;
  grid-gap: max(var(--main-padding), 0.8rem);
}
.models__compare {
  margin-top: 1.5rem;
}
@media (min-width: 576px) {
  .models__inner {
    grid-template-columns: repeat(2, 1fr);

  }
}
@media (max-width: 576px) {
  .models__inner {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: max(var(--main-padding), 0.5rem);
  }
  .models__card .model-row-item__title{
    font-size: 0.8rem;
    margin-right: 2rem;
  }
  .models__card .model-row-item__discount{
    font-size: 0.5rem;
  }
  .models__card .model-row-item__price {
    font-size: 0.6rem;
    gap: 2px 10px;
   
    flex-wrap: wrap;
    
}
.models__card .model-row-item__price .old-price {
  font-size: 0.5rem;
}
.models__card .model-row-item__actions {
  gap: 0.2rem;
}
.models__card .models__item{
  border-radius: 0.54rem;
}
.models__card .model-row-item__head {
  gap: 0.2rem;
}
.models__card .model-row-item__actions .btn{
  padding: 0 0.3rem;
  font-size: 0.6rem;
  height: 1.4rem;
  border-radius: 0.5rem;
}
.models__card .models__item img{
  aspect-ratio: 3/2;
}
}

@media (max-width: 767px) {
  .models__inner {
    padding: var(--main-padding);
    border-radius: var(--main-radius);
    background: #fff;
  }
  .models__compare {
    padding: 0 var(--main-padding);
  }
}
@media (min-width: 768px) {
  .models__card {
    padding: var(--main-padding);
    border-radius: var(--main-radius);
    background: #fff;
  }
}
@media (min-width: 992px) {
  .models__inner {
    grid-template-columns: repeat(3, 1fr);
  }
  .models__inner--row {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .models__inner {
    grid-template-columns: repeat(4, 1fr);
  }
  .models__inner--row {
    grid-template-columns: repeat(3, 1fr);
  }
}

.model-row-item, .model-item {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: var(--inset-padding);
  border-radius: var(--main-radius);
  background: var(--color-bg);
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  grid-gap: 0;
}
.model-row-item__head {
  position: relative;
  display: flex;
  flex-direction: column;
}
.model-row-item__title, .model-configurator-item__title, .model-slider-item__car-title, .model-item__title {
  flex-grow: 1;
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
  margin-right: 3rem;
}
.model-row-item__price {
  font-size: 0.9rem;
  color: var(--color-primary);
  display: flex;
  gap: 10px;
}
.model-row-item__price .old-price {
    color: grey;
    text-decoration: line-through;
    font-size: 14px;
    margin: auto 0;
}
.model-row-item__discount, .model-slider-item__car-discount, .model-main-car__car-discount, .model-slider-item__car-avail, .model-main-car__car-avail, .model-item__discount {
  font-size: 0.6rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.35rem 0.5rem;
  background: var(--color-secondary);
  color: #fff;
  border-radius: 0.2rem;
}
.model-row-item__image img, .model-slider-item__car-image img, .model-main-car__car-image img {
  width: 100%;
  aspect-ratio: 2/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.model-main-car__car-image img {
  width: 100%;
  aspect-ratio: 2/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.model-row-item__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.model-row-item__actions > * {
  flex: 1;
}

.model-item {
  padding: 0;
}
.model-item__gallery {
  position: relative;
  margin-bottom: var(--inset-padding);
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-inactive-color: #fff;
}
.model-item__gallery .swiper-slide {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.model-item__gallery .swiper-slide:not(:last-child) {
  margin-right: 0.4rem;
}
.model-item__gallery .swiper-slide img {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.model-item__discount {
  z-index: 2;
}
.model-item__content {
  padding: 0 var(--inset-padding);
  margin-bottom: var(--inset-padding);
  display: flex;
  flex-direction: column;
}
.model-item__title {
  margin-right: unset;
}
.model-item__props, .model-main-props__list, .model-configurator-item__props {
  padding: 0.3rem 0 0.5rem;
  font-size: 0.6rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6em, 1fr));
  max-width: 24em;
  grid-gap: 0.3rem;
}
.model-item__props-item, .model-main-props__props-item, .model-configurator-item__props-item {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.model-item__props-item svg, .model-main-props__props-item svg, .model-configurator-item__props-item svg {
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
}
.model-item__price, .comlectations-item__price, .model-main-prices-card__price, .model-slider-item__price, .model-configurator-item__price {
  display: inline-block;
  margin-right: 0.6rem;
}
.model-item__price--old, .comlectations-item__price--old, .model-main-prices-card__price--old, .model-slider-item__price--old, .model-configurator-item__price--old {
  color: var(--color-darkgray);
  font-weight: 600;
  text-decoration: line-through;
  text-decoration-color: var(--color-secondary);
  text-decoration-thickness: 2px;
}
.model-item__price--current, .comlectations-item__price--current, .model-main-prices-card__price--current, .model-slider-item__price--current, .model-configurator-item__price--current {
  color: var(--color-primary);
  font-size: 1rem;
  font-weight: 600;
}
.model-item__actions {
  padding: 0 var(--inset-padding) var(--inset-padding);
}
@media (max-width: 575px) {
  .model-item__gallery .swiper-slide {
    width: max(12rem, 65%);
    border-radius: var(--main-radius);
  }
}

.feedback-discount__inner, .fast-form-tradein__inner, .best-offer__inner {
  display: grid;
  grid-gap: max(var(--inset-padding), var(--main-padding));
}
.feedback-discount__form-card, .contacts__card, .fast-form-tradein__form-card, .fast-form-tradein__content-card, .best-offer__card-content {
  background: #fff;
  border-radius: var(--main-radius);
  padding: max(var(--inset-padding), var(--main-padding));
}
.feedback-discount__form-title {
  font-size: var(--text-size-title-2);
  margin-bottom: 1.5rem;
}
.feedback-discount__form .checkbox, .feedback-discount__form .toggle {
  grid-column: 1/-1;
}
.feedback-discount__timer-card, .best-offer__card-image {
  background: #fff;
  border-radius: var(--main-radius);
  padding: max(var(--inset-padding), var(--main-padding));
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.feedback-discount__timer-title {
  margin-bottom: 1.5rem;
  color: var(--color-darkgray);
  text-align: center;
}
.feedback-discount__timer {
  display: flex;
  justify-content: center;
  grid-gap: 0.4rem;
}
.feedback-discount__timer-item {
  width: 3.6rem;
  height: 3.6rem;
  border: 4px dashed var(--color-primary);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.feedback-discount__timer-value {
  font-weight: 600;
  color: var(--color-primary);
}
.feedback-discount__timer-label {
  font-size: 0.7rem;
}
@media (max-width: 767px) {
  .feedback-discount {
    padding: 0 var(--main-padding);
  }
}
@media (min-width: 768px) {
  .feedback-discount__form {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .feedback-discount__inner, .fast-form-tradein__inner, .best-offer__inner {
    grid-template-columns: repeat(12, 1fr);
  }
  .feedback-discount__form-card, .contacts__card, .fast-form-tradein__form-card, .fast-form-tradein__content-card, .best-offer__card-content {
    grid-column: span 7;
  }
  .feedback-discount__timer-card, .best-offer__card-image {
    grid-column: span 5;
  }
}
@media (min-width: 1200px) {
  .feedback-discount__timer-item {
    width: 4.8rem;
    height: 4.8rem;
  }
  .feedback-discount__timer-value {
    font-size: 1rem;
  }
}

.gifts .swiper-slide {
  height: auto;
}
.gifts__items-lg {
  margin-bottom: var(--main-padding);
}
.gifts__items-lg .swiper-slide {
  width: calc(20% - var(--main-padding) / 5 * 4);
  min-width: 6rem;
}
.gifts__items-lg .swiper-slide:not(:last-child) {
  margin-right: var(--main-padding);
}
.gifts__item-lg {
  background: #fff;
  padding: min(var(--main-padding), 1rem);
  font-size: 0.6rem;
  height: 100%;
  padding-bottom: 90%;
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  border-radius: var(--main-radius);
}
.gifts__items .swiper-slide {
  min-width: 9rem;
  width: calc(25% - var(--main-padding) / 4 * 3);
}
.gifts__items .swiper-slide:not(:last-child) {
  margin-right: var(--main-padding);
}
.gifts__item {
  background: #fff;
  padding: min(var(--main-padding), 1rem);
  font-size: 0.6rem;
  height: 100%;
  padding-right: 30%;
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  border-radius: var(--main-radius);
}
@media (max-width: 767px) {
  .gifts {
    padding: 0 var(--main-padding);
  }
  .gifts__item-lg, .gifts__item {
    border-radius: 0.5rem;
  }
}
@media (min-width: 1200px) {
  .gifts__item-lg, .gifts__item {
    font-size: 1.2rem;
    font-weight: 600;
  }
}

.best-offer__card-content {
  background-image: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-light-2) 100%);
  color: #fff;
}
.best-offer__button {
  margin-top: 1.5rem;
}
.best-offer__card-image {
  padding: 0 !important;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.best-offer__card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.models-slider .swiper-container {
  position: relative;
}
.models-slider .swiper {
  position: static;
}
.models-slider .swiper-navigation {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  padding: 0;
}
.models-slider .swiper-navigation > * {
  pointer-events: all;
}
.models-slider__item {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .models-slider .swiper-navigation {
    display: none;
  }
}

.model-slider-item {
  padding: var(--main-padding);
  background: #fff;
  border-radius: var(--main-radius);
  display: grid;
  grid-gap: max(var(--main-padding), 0.6rem);
}
.model-slider-item__car, .model-main-car {
  background: var(--color-bg);
  border-radius: var(--main-radius);
  padding: max(var(--main-padding), 0.8rem);
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.model-slider-item__car-title {
  margin-right: unset;
}
.model-slider-item__car-labels, .model-main-car__car-labels {
  display: flex;
  gap: var(--inset-padding);
}
.model-slider-item__car-avail, .model-main-car__car-avail {
  position: static;
  background: var(--color-primary);
}
.model-slider-item__car-discount, .model-main-car__car-discount {
  position: static;
}
.model-slider-item__content {
  display: grid;
  align-content: space-between;
  gap: 1rem;
}
.model-slider-item__prices, .model-configurator-item__prices {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: var(--inset-padding);
  align-items: center;
}
.model-slider-item__price--old, .model-configurator-item__price--old {
  font-size: 0.8rem;
}
.model-slider-item__price--current, .model-configurator-item__price--current {
  font-size: 1.2rem;
}
.model-slider-item__price--credit, .model-configurator-item__price--credit {
  color: var(--color-darkgray);
  background: var(--color-bg);
  font-size: 0.7rem;
  grid-column: 1/-1;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.2rem 0.6rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.model-slider-item__price--credit::before, .model-configurator-item__price--credit::before {
  content: "";
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 10H2M11 14H6M2 8.2L2 15.8C2 16.9201 2 17.4802 2.21799 17.908C2.40973 18.2843 2.71569 18.5903 3.09202 18.782C3.51984 19 4.07989 19 5.2 19L18.8 19C19.9201 19 20.4802 19 20.908 18.782C21.2843 18.5903 21.5903 18.2843 21.782 17.908C22 17.4802 22 16.9201 22 15.8V8.2C22 7.0799 22 6.51984 21.782 6.09202C21.5903 5.7157 21.2843 5.40974 20.908 5.21799C20.4802 5 19.9201 5 18.8 5L5.2 5C4.0799 5 3.51984 5 3.09202 5.21799C2.7157 5.40973 2.40973 5.71569 2.21799 6.09202C2 6.51984 2 7.07989 2 8.2Z' stroke='%234366E0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.model-slider-item__color-name, .model-main-color__color-name {
  margin-bottom: 0.6rem;
  color: var(--color-gray);
}
.model-slider-item__color-name span, .model-main-color__color-name span {
  color: var(--color-black);
}
.model-slider-item__color-list, .model-main-color__color-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.model-slider-item__color-list > *, .model-main-color__color-list > * {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.6rem;
  border: 1px solid var(--color-lightgray);
  background-size: cover;
  background-position: right;
}
.model-slider-item__color-list > *.active, .model-main-color__color-list > *.active {
  border-color: var(--color-primary);
}
.model-slider-item__actions {
  display: grid;
  grid-gap: min(var(--main-padding), var(--inset-padding));
}
.model-slider-item__actions-row {
  gap: inherit;
  display: flex;
  flex-wrap: wrap;
}
.model-slider-item__actions-row > * {
  flex: 1;
}
@media (max-width: 575px) {
  .model-slider-item__actions .btn {
    font-size: 0.7rem;
    padding: 0 1rem;
  }
}
@media (min-width: 768px) {
  .model-slider-item {
    grid-template-columns: repeat(2, 1fr);
  }
  .model-slider-item__car, .model-main-car {
    position: relative;
  }
  .model-slider-item__car-title {
    position: absolute;
    top: max(var(--main-padding), 0.8rem);
    margin-right: 9rem;
  }
  .model-slider-item__car-labels, .model-main-car__car-labels {
    position: absolute;
    top: 0;
    right: 0;
    margin: max(var(--main-padding), 0.8rem);
  }
  .model-slider-item__car-image, .model-main-car__car-image {
    margin-top: 1.5rem;
  }
}
@media (min-width: 992px) {
  .model-slider-item__price--old, .model-configurator-item__price--old {
    font-size: 1.2rem;
    grid-column: 1/-1;
  }
  .model-slider-item__price--current, .model-configurator-item__price--current {
    font-size: 2rem;
  }
  .model-slider-item__price--credit, .model-configurator-item__price--credit {
    font-size: 0.8rem;
    grid-column: unset;
  }
}

.fast-form-tradein__inner {
  display: grid;
  grid-gap: max(var(--inset-padding), var(--main-padding));
}
.fast-form-tradein__content-card {
  background: #191a1c;
  color: #fff;
  display: grid;
  gap: 1.1rem;
  align-content: space-between;
  /* background-image: url(../img/fast-form-tradein-content-card-bg-png.webp); */
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.fast-form-tradein__content-title {
  max-width: 13em;
}
.fast-form-tradein__content-text {
  color: var(--color-gray);
}
.fast-form-tradein__content-counter {
  color: var(--color-primary);
}
.fast-form-tradein__content-counter-label {
  margin-bottom: 0.6rem;
}
.fast-form-tradein__content-counter-value {
  font-size: 1rem;
  font-weight: 600;
}
.fast-form-tradein__form-card {
  background: #191a1c;
  color: #fff;
}
.fast-form-tradein__form-text {
  margin-bottom: 1.5rem;
  max-width: 23em;
  line-height: 1.5;
}
.fast-form-tradein__form .btn, .fast-form-credit__form .btn {
  margin-top: min(var(--main-padding), 0.9rem);
}
@media (max-width: 767px) {
  .fast-form-tradein {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
}
@media (min-width: 992px) {
  .fast-form-tradein__content-card, .fast-form-tradein__form-card {
    grid-column: span 6;
  }
}

.contacts__card {
  display: grid;
  grid-gap: max(1rem, var(--main-padding));
}
.contacts__title {
  margin-bottom: 1.5rem;
}
.contacts__info, .model-main-contacts__info {
  display: grid;
  grid-gap: 0.6rem;
}
.contacts__info-group, .model-main-contacts__info-group {
  color: var(--color-gray);
}
.contacts__info-group > *, .model-main-contacts__info-group > * {
  color: var(--color-black);
}
.contacts__btn {
  margin-top: 1rem;
}
.contacts__map {
  height: 10rem;
  min-height: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: var(--main-radius);
}
.contacts__map > *,
.contacts__map iframe {
  width: 100%;
  height: 100%;
}
@media (min-width: 576px) {
  .contacts__btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (min-width: 768px) {
  .contacts__card {
    grid-template-columns: repeat(2, 1fr);
  }
  .contacts__map {
    order: -1;
  }
}

.partners-slider {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.partners-slider__track {
  display: flex;
}
.partners-slider__track-item {
  flex: 1 0 100%;
  display: flex;
  animation: slide 50s infinite linear;
}
.partners-slider__track-item > * {
  flex: 1;
  min-width: 5rem;
}
.partners-slider__track-item img {
  width: 100%;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.fast-form-credit {
  background: var(--color-black);
  color: #fff;
  padding: 3rem 0;
}
.fast-form-credit__inner {
  display: grid;
  grid-gap: 1.5rem var(--main-padding);
}
.fast-form-credit__title {
  margin-bottom: 1.5rem;
  font-size: var(--text-size-title);
}
.fast-form-credit__title span {
  color: var(--color-primary-light);
}
.fast-form-credit__text {
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
  line-height: 1.5;
  max-width: 23em;
}
.fast-form-credit__calc-card {
  background: var(--color-dark);
  padding: max(var(--main-padding), var(--inset-padding));
  border-radius: var(--main-radius);
}
.fast-form-credit__calc-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 1rem;
}
.fast-form-credit__calc-form {
  margin-bottom: 1rem;
}
.fast-form-credit__calc-result-row {
  display: grid;
  grid-gap: max(var(--main-padding), var(--inset-padding));
}
.fast-form-credit__calc-result-label {
  color: var(--color-gray);
  margin-bottom: 0.2rem;
}
.fast-form-credit__calc-result-value {
  font-size: var(--text-size-title-2);
  font-weight: 600;
}
.fast-form-credit__calc-result-text {
  color: var(--color-darkgray);
  font-size: 0.6rem;
  line-height: 1.85;
}
@media (max-width: 767px) {
  .fast-form-credit {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
}
@media (min-width: 992px) {
  .fast-form-credit__inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .fast-form-credit__calc-result-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .fast-form-credit__calc-result-text {
    font-size: 0.7rem;
  }
}

.models-configurator__inner {
  display: grid;
  grid-gap: max(1rem, var(--main-padding));
}
.models-configurator__inner > * {
  min-width: 0;
}
.models-configurator__filter {
  background: #fff;
  padding: max(var(--main-padding), var(--inset-padding));
  border-radius: var(--main-radius);
}
.models-configurator__filter [type=reset] {
  margin-top: 1rem;
}
.models-configurator__filter-text {
  color: var(--color-darkgray);
  line-height: 1.7;
  margin-bottom: 1rem;
}
.models-configurator__filter-form > * {
  min-width: 0;
}
.models-configurator__sort {
  align-self: end;
}
.models-configurator__items-card {
  background: #fff;
  padding: var(--main-padding);
  border-radius: var(--main-radius);
  max-height: 27rem;
  overflow: auto;
}
.models-configurator__items-card-inner {
  display: flex;
  flex-direction: column;
  grid-gap: 0.5rem;
}
@media (max-width: 767px) {
  .models-configurator__title {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
  .models-configurator__filter {
    margin-left: var(--main-padding);
    margin-right: var(--main-padding);
  }
  .models-configurator__sort {
    margin-left: var(--main-padding);
    margin-right: var(--main-padding);
  }
  .models-configurator__items-card-inner {
    flex-direction: row;
  }
  .models-configurator__item {
    width: 15.5rem;
    flex-shrink: 0;
  }
}
@media (min-width: 992px) {
  .models-configurator__inner {
    grid-template-columns: repeat(4, 1fr);
    align-items: start;
  }
  .models-configurator__title {
    grid-column: span 3;
    order: 1;
  }
  .models-configurator__items-card {
    order: 3;
    grid-column: span 3;
  }
  .models-configurator__filter {
    order: 4;
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
  .models-configurator__filter .form {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .models-configurator__filter [type=reset] {
    margin-top: auto;
  }
  .models-configurator__sort {
    order: 2;
  }
}

.model-configurator-item {
  background: var(--color-bg);
  border-radius: var(--main-radius);
  display: grid;
  grid-gap: 0 1rem;
}
.model-configurator-item__image {
  align-self: center;
}
.model-configurator-item__content {
  padding: min(var(--main-padding), 0.8rem);
}
.model-configurator-item__price--credit {
  background: #fff;
}
.model-configurator-item__props {
  padding: 0.63rem 0;
}
.model-configurator-item__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.model-configurator-item__actions > * {
  flex: 1;
}
@media (max-width: 767px) {
  .model-configurator-item__props {
    display: none;
  }
}
@media (min-width: 768px) {
  .model-configurator-item {
    grid-template-columns: repeat(3, 1fr);
  }
  .model-configurator-item__content {
    grid-column: span 2;
  }
  .model-configurator-item__head {
    display: grid;
    grid-template-columns: 1fr auto;
  }
  .model-configurator-item__prices {
    grid-template-columns: 1fr auto;
  }
  .model-configurator-item__price--old {
    grid-column: span 1;
    justify-self: end;
    font-size: 0.8rem;
  }
  .model-configurator-item__price--current {
    grid-column: span 1;
    font-size: 1.2rem;
  }
  .model-configurator-item__price--credit {
    grid-column: span 2;
    justify-self: end;
  }
}

.model-gallery__card {
  background: #fff;
  padding: var(--main-padding);
  border-radius: var(--main-radius);
}
.model-gallery__inner {
  display: grid;
  grid-gap: var(--main-padding);
  grid-template-columns: repeat(2, 1fr);
}
.model-gallery__inner > * {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: var(--main-radius);
}
.model-gallery__inner > *:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}
.model-gallery__inner img {
  width: 100%;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 100%;
}
.model-gallery__group {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  grid-row: span 2;
  grid-gap: min(var(--main-padding), var(--inset-padding));
}
.model-gallery__group > * {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: var(--main-radius);
}
.model-gallery__more {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 600;
}
.model-gallery__more::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5333333333);
}
.model-gallery__more img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}
@media (min-width: 768px) {
  .model-gallery__inner {
    grid-template-columns: repeat(4, 1fr);
  }
}

.feedback-special__card {
  padding: max(var(--main-padding), var(--inset-padding));
  background: #fff;
  border-radius: var(--main-radius);
}
.feedback-special__title {
  margin-bottom: 1.5rem;
}
.feedback-special__text {
  margin-bottom: 1.5rem;
}
.feedback-special__checkboxes {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.5rem 1.5rem;
  grid-column: 1/-1;
}
@media (max-width: 767px) {
  .feedback-special {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
}
@media (min-width: 992px) {
  .feedback-special__form {
    grid-template-columns: repeat(3, 1fr);
  }
}

.model-main__title {
  margin-bottom: 1rem;
}
.model-main__card {
  background: #fff;
  border-radius: var(--main-radius);
  padding: var(--main-padding);
}
.model-main__inner {
  display: grid;
  grid-gap: 1rem var(--main-padding);
}
.model-main__inner > * {
  min-width: 0;
}
@media (max-width: 767px) {
  .model-main__title {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
}
@media (min-width: 992px) {
  .model-main__inner {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr auto auto auto;
    grid-template-areas: "car car car car cmp cmp cmp cmp cmp prc prc prc" "car car car car clr clr clr clr clr prc prc prc" "car car car car prs prs prs prs prs prc prc prc" "tmr tmr tmr tmr cts cts cts cts cts dsc dsc dsc";
  }
  .model-main__car {
    grid-area: car;
  }
  .model-main__complectation-select {
    max-width: 18rem;
    grid-area: cmp;
  }
  .model-main__color {
    grid-area: clr;
  }
  .model-main__prices-card {
    grid-area: prc;
  }
  .model-main__timer {
    grid-area: tmr;
    align-self: end;
  }
  .model-main__discounts {
    grid-area: dsc;
    align-self: end;
  }
  .model-main__props {
    grid-area: prs;
  }
  .model-main__contacts {
    grid-area: cts;
    align-self: end;
  }
}

.model-main-complectation-select__label, .model-info__select-label {
  font-size: 14px;
  color: var(--color-darkgray);
  margin-bottom: 0.2rem;
}

.model-main-prices-card {
  background: var(--color-bg);
  border-radius: var(--main-radius);
  padding: min(var(--main-padding), 0.8rem);
}
.model-main-prices-card__prices {
  margin-bottom: var(--inset-padding);
}
.model-main-prices-card__list {
  list-style-type: disc;
  margin-bottom: var(--inset-padding);
  color: var(--color-darkgray);
}
.model-main-prices-card__list > * {
  margin-left: 1.25em;
  padding-left: 0.2em;
}
.model-main-prices-card__list > *::marker {
  content: "• ";
}
.model-main-prices-card__list > * + * {
  margin-top: 0.5rem;
}
.model-main-prices-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.model-main-prices-card__actions > * {
  flex: 1;
}

.model-main-timer__card {
  background: var(--color-bg);
  border-radius: var(--main-radius);
  padding: min(var(--main-padding), 0.8rem);
}
.model-main-timer__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.model-main-timer__discount {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-secondary);
}
.model-main-timer__term {
  font-size: 0.6rem;
}
.model-main-timer__timer {
  display: flex;
  gap: 0.4rem;
}
.model-main-timer__timer > * {
  flex: 1;
}
.model-main-timer__timer-item {
  text-align: center;
}
.model-main-timer__timer-value {
  background: #fff;
  padding: 0.4rem;
  border-radius: var(--main-radius);
  font-size: 1.2rem;
}
.model-main-timer__timer-label {
  font-size: 0.6rem;
  margin-top: 0.1rem;
}
.model-main-timer__button {
  margin-top: 1.2rem;
}

.model-main-discounts__list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}
.model-main-discounts__item {
  padding: 0.4rem 0.8rem;
  border-radius: 0.8rem;
  border: 1px solid var(--color-black);
  display: flex;
  align-items: center;
}
.model-main-discounts__item-content {
  flex: 1;
}
.model-main-discounts__item-value {
  display: block;
  font-size: 0.9rem;
  color: var(--color-primary);
}
.model-main-discounts__item-name {
  display: block;
  font-size: 0.7rem;
  color: var(--color-darkgray);
}
.model-main-discounts__item-toggle {
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .model-main-discounts__list {
    flex-direction: row;
  }
  .model-main-discounts__list > * {
    flex: 1;
    min-width: 15.3rem;
  }
}

@media (max-width: 1250px) {
  .model-main-prices-card__actions > * {
    font-size: 0.6rem;
  }  
}

@media (max-width: 991px) {
  .model-main-prices-card__actions > * {
    font-size: unset;
  }  
}

.model-main-props__list {
  max-width: 16rem;
  grid-column-gap: 1em;
}
.model-main-props__props-item {
  font-size: 0.8rem;
}
.model-main-props__props-item svg path[stroke] {
  stroke: var(--color-primary);
}
.model-main-props__props-item svg path[fill] {
  fill: var(--color-primary);
}
.model-main-props__more {
  margin-top: 0.4rem;
}

.model-main-contacts {
  border: 1px solid var(--color-lightgray);
  border-radius: var(--main-radius);
  padding: min(var(--main-padding), 0.8rem);
}
.model-main-contacts__more {
  margin-top: 0.8rem;
}

.comlectations__actions, .comlectations__item, .model-info__tabs {
  padding: var(--inset-padding) clamp(var(--inset-padding), var(--main-padding), 1rem);
  background: #fff;
  border-radius: var(--main-padding);
}

.model-info__inner {
  display: grid;
  grid-gap: 1rem;
}
.model-info__title {
  margin-bottom: 0.8rem;
}
.model-info__tabs {
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}
.model-info__tabs > * {
  min-width: 0;
}
.model-info__tabs-inner {
  display: flex;
  white-space: nowrap;
  gap: max(var(--inset-padding), var(--main-padding));
}
.model-info__tabs-inner > * {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  color: var(--color-gray);
  cursor: pointer;
}
.model-info__tabs-inner > *.active {
  color: var(--color-black);
  border-bottom-color: var(--color-primary);
}
@media (max-width: 767px) {
  .model-info__tabs {
    border-radius: 0;
  }
  .model-info__head {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
  .model-info__contents {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
}
@media (min-width: 992px) {
  .model-info__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .model-info__title {
    margin-bottom: unset;
  }
  .model-info__select {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 24rem;
  }
  .model-info__select-label {
    margin-bottom: 0;
    white-space: nowrap;
  }
}

.comlectations__list {
  display: grid;
  grid-gap: 0.5rem;
}
.comlectations__actions {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap-reverse;
  gap: 0.5rem;
}
.comlectations__actions > * {
  flex: 1;
}
@media (max-width: 767px) {
  .comlectations__actions {
    background: transparent;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .comlectations__actions {
    justify-content: end;
  }
  .comlectations__actions > * {
    flex: 0;
  }
}

.comlectations-item__main {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-gap: max(var(--inset-padding), var(--main-padding));
}
.comlectations-item__main > * {
  min-width: 0;
}
.comlectations-item__head {
  grid-column: 1/-1;
  position: relative;
  padding-right: 2.2rem;
  cursor: pointer;
}
.comlectations-item__head::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='%23DDE3EE'/%3E%3Cpath d='M16 18L20 14L12 14L16 18Z' fill='%2366707C'/%3E%3C/svg%3E%0A");
}
.comlectations-item__name {
  font-weight: 600;
  font-size: 1rem;
}
.comlectations-item__compare-check input:checked ~ .checkbox__label, .comlectations-item__compare-check input:checked ~ .toggle__label {
  color: var(--color-black);
}
.comlectations-item__actions {
  display: flex;
  gap: 0.5rem;
}
.comlectations-item__actions > * {
  flex: 1;
}
.comlectations-item__hidden > * > * {
  margin-top: 1.5rem;
}
.comlectations-item__props {
  display: grid;
  grid-gap: 1rem;
}
.comlectations-item__props-list {
  -moz-columns: 3;
       columns: 3;
  -moz-column-gap: var(--main-padding);
       column-gap: var(--main-padding);
  -moz-column-width: 15rem;
       column-width: 15rem;
}
.comlectations-item__props-group {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.comlectations-item__props-group + .comlectations-item__props-group {
  margin-top: 1rem;
}
.comlectations-item__props-group h4 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.4rem;
}
.comlectations-item__props-group ul {
  list-style-type: disc;
}
.comlectations-item__props-group ul > * {
  margin-left: 1.25em;
  padding-left: 0.2em;
}
.comlectations-item__props-group ul > *::marker {
  content: "• ";
}
@media (min-width: 992px) {
  .comlectations-item__main {
    grid-template-columns: 1fr auto 10rem 11rem;
  }
  .comlectations-item__head {
    grid-column: unset;
    justify-self: start;
    padding-left: 2.2rem;
    padding-right: 0;
  }
  .comlectations-item__head::before {
    right: unset;
    left: 0;
  }
  .comlectations-item__actions {
    display: flex;
  }
}

.compare-title {
  margin-bottom: 0;
}
.compare-title__head {
  display: grid;
  grid-gap: 1rem;
  margin-bottom: 1rem;
  align-items: center;
}
.compare-title__title span {
  color: var(--color-gray);
}
@media (max-width: 767px) {
  .compare-title {
    padding-left: var(--main-padding);
    padding-right: var(--main-padding);
  }
}
@media (min-width: 992px) {
  .compare-title__head {
    grid-template-columns: 1fr 9rem;
    margin-bottom: 2rem;
  }
  .compare-title__toggle {
    justify-self: end;
  }
}

.compare-head {
  margin-top: 0;
  margin-bottom: 0;
  position: sticky;
  top: var(--header-height);
  z-index: 98;
}
.compare-head .swiper {
  display: flex;
  flex-direction: column;
  --swiper-navigation-size: 1.2rem;
}
.compare-head .swiper-navigation {
  display: flex;
  justify-content: center;
  order: 2;
  align-items: center;
  margin-top: 0.6rem;
}
.compare-head .swiper-pagination {
  position: static;
  width: 3rem;
}
.compare-head .swiper-button-prev,
.compare-head .swiper-button-next {
  background: var(--color-black);
  color: #fff;
  position: static;
  margin: 0;
}
.compare-head .swiper-button-prev::after,
.compare-head .swiper-button-next::after {
  width: 0.8rem;
  height: 0.8rem;
}
.compare-head__card {
  background: #fff;
  padding: var(--main-padding);
  border-radius: var(--main-radius);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.compare-head-item__del {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0.5rem;
  border: 1px solid var(--color-lightgray);
  border-radius: 50%;
  padding: 0.2rem;
  cursor: pointer;
}
.compare-head-item__name {
  font-size: 0.6rem;
  margin-right: 2rem;
}
.compare-head-item__price {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--color-primary);
  margin-top: 0.2rem;
}

.compare-main__group {
  background: #fff;
  padding: var(--main-padding);
  border-radius: var(--main-radius);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.compare-main__group + .compare-main__group {
  margin-top: 1.5rem;
}
.compare-main__group-name {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.compare-main__group-name::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  right: 0;
  top: calc(50% - 0.6rem);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 14L16 10L8 10L12 14Z' fill='%23646970'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.compare-main__group-name.active::after {
  transform: rotate(180deg);
}
.compare-main__group-list > *:first-child {
  padding-top: 0.6rem;
  margin-top: 0.2rem;
  border-top: 1px solid var(--color-lightgray);
}
.compare-main-row__row-name {
  margin-bottom: 0.4rem;
  color: var(--color-gray);
  padding-top: 0.6rem;
}
.compare-main-row__item::after {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--color-gray);
  border-radius: 50%;
  margin: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_27_4382)'%3E%3Cpath d='M5.5 12H19.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_27_4382'%3E%3Crect x='0.5' width='24' height='24' rx='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.compare-main-row__item.y::after {
  background-color: var(--color-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_27_4385)'%3E%3Cpath d='M12.5 5V19M5.5 12H19.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_27_4385'%3E%3Crect x='0.5' width='24' height='24' rx='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.compare-head .swiper,
.compare-main .swiper {
  overflow: visible;
}
.compare-head .swiper-slide,
.compare-main .swiper-slide {
  width: calc(25% - var(--inset-padding) / 4 * 3);
  min-width: 15rem;
  padding: 0.5rem;
  border-radius: 0.8rem;
  background: var(--color-bg);
}
.compare-head .swiper-slide:not(:last-child),
.compare-main .swiper-slide:not(:last-child) {
  margin-right: var(--inset-padding);
}

.popup, .popup-thanks, .popup-lg {
  padding: 0;
  width: 20rem;
  max-width: 100%;
  border-radius: 1rem;
}
.popup__inner, .popup-thanks__inner, .popup-lg__content {
  padding: 1.2rem;
}
.popup__title, .popup-thanks__title, .popup-lg__title {
  margin-bottom: 0.6rem;
}
.popup__subtitle, .popup-lg__subtitle {
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-primary);
}
.popup__text, .popup-thanks__text, .popup-lg__text {
  color: var(--color-darkgray);
  font-size: 0.7rem;
}
.popup__form, .popup-thanks__btn, .popup-lg__form {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .popup, .popup-thanks, .popup-lg {
    width: 26rem;
  }
}

.popup-lg__inner {
  display: grid;
}
.popup-lg__car {
  background: var(--color-bg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-lg__car img {
  width: 100%;
}
@media (min-width: 768px) {
  .popup-lg {
    width: 49rem;
  }
  .popup-lg__inner {
    grid-template-columns: 54fr 44fr;
  }
}

.popup-thanks {
  text-align: center;
}
.popup-thanks__asset {
  margin-top: 4.1rem;
  margin-bottom: 0.5rem;
}
.popup-thanks__asset svg {
  margin: 0 auto;
}
.popup-thanks__title {
  font-size: var(--text-size-title-3);
}
@media (min-width: 768px) {
  .popup-thanks {
    width: 20rem;
  }
}