:root {
  --blue: #ccc;
  --accent-blue: #00a1e3;
  --light-blue: #0b70b71f;
  --dark-blue: #03406a;
  --white: #fff;
  --black: #141414;
  --dark: #2d2e36;
  --light-dark: #231f20a8;
  --light-grey: #ffffff91;
  --grey: #f2f2f2;
  --model-menu-hover: #f4f6f8;
  --dark-grey: #8c8d93;
  --red: #eb5757;
  --green: #115740;
  --container: 83.75rem;
  --green-dark-grey: #65665c;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 20rem;
  color: var(--white);
  background: var(--black);
  font-family: "Google Sans", sans-serif;
  font-weight: 400;
  font-style: Normal;
  font-size: 1rem;
  line-height: 1.5;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.25s ease;
}

button,
input {
  font: inherit;
  transition: all 0.25s ease;
}

button {
  cursor: pointer;
  transition: all 0.25s ease;
  text-transform: uppercase;
  font-weight: 500;
}

input {
  border: 0;
  outline: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

p,
h2,
h3 {
  margin: 0;
  font-weight: 400;
}

svg,
path,
svg g {
  transition: all 0.25s ease;
}

.container {
  width: min(calc(100% - 3rem), var(--container));
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 0.875rem;
  color: #fff;
}

header.header {
  position: sticky;
  inset: 0 0 auto;
  padding: 1rem 0 0 0;
  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    padding 0.25s ease;
  display: flex;
  justify-content: center;
  background: var(--black);
  backdrop-filter: blur(0);
  z-index: 9999;
  border-bottom: 1px solid transparent;
}

a.soc__link svg {
  width: 1.125rem;
  height: 1.125rem;
}

.soc {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

header .soc .header__soc-phone {
  display: none;
}

.burger {
  display: none;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  background: transparent;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  position: relative;
}

.burger span {
  width: 1.375rem;
  height: 0.125rem;
  background: var(--grey);
  border-radius: 0.1875rem;
  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

section.hero {
  position: relative;
  max-height: 48.125rem;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  margin-bottom: 6.875rem;
  height: 100vh;
}

.btn {
  background: var(--blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.5rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1;
  color: var(--white);
  border: none;
  outline: 0;
  font-family: inherit;
  gap: 0.625rem;
  text-transform: uppercase;
  font-weight: 500;
}

header.header .container {
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}

section {
  display: flex;
  justify-content: center;
  margin-bottom: 6.875rem;
  position: relative;
}

.left, h1.section__title.left, h2.section__title.left {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 31.25rem;
  text-align: left;
  max-width: 100%;
}

.logo img {
  width: 2rem;
  height: 2rem;
}

.left nav.main {
  max-width: calc(100% - 4rem);
}

nav.main {
  display: flex;
}

nav.main ul {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  list-style: none;
}

nav.main ul li {
  display: flex;
  position: relative;
  padding: 0 0 0.625rem 0;
}

nav.main ul li a {
  color: var(--white);
  display: flex;
  position: relative;
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  opacity: 0.8;
  z-index: 2;
  width: 100%;
}

nav.main > ul > li > a:before {
  width: 0%;
  height: 0.0625rem;
  background: var(--blue);
  transition: all 0.25s ease;
  content: "";
  position: absolute;
  bottom: 0;
}

nav.main > ul > li > a:hover:before {
  width: 100%;
}

a.brand__logo {
  display: flex;
  align-items: center;
  gap: 1rem;
}

span.delta {
  height: 1.125rem;
  width: 0.0625rem;
  background: var(--white);
  display: flex;
}

.right {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  justify-content: flex-end;
}

.social {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

a.social__link {
  display: flex;
}

a.social__link:hover svg path {
  fill: var(--blue);
}

section.hero .container {
  width: 100%;
  max-width: 100%;
  height: 100%;
  gap: 0;
}

.hero__slider.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide.hero__slide {
  display: flex;
  position: relative;
  align-items: flex-end;
}

.swiper-slide.hero__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fos__container {
  display: flex;
  align-items: center;
  width: 100%;
  background: var(--grey);
  border-radius: 2rem;
  overflow: hidden;
  flex-direction: column;
  padding: 3rem 0;
  gap: 2rem;
}

section.fos .container {
  align-items: center;
}

p.fos__title {
  font-size: 2.1875rem;
  line-height: 100%;
}

p.fos__text {
  color: var(--light-grey);
}

.fos__container img {
  max-width: 43.64%;
  width: 100%;
  object-fit: cover;
}

form.fos__form {
  max-width: 45rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

form.fos__form .row {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

button.fos__btn {
  background: var(--dark);
  color: var(--white);
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  height: 3.125rem;
  padding: 0.625rem 1.875rem;
  border-radius: 0.5rem;
  border: none;
}

input.fos__input {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  height: 3.125rem;
  padding: 0.625rem 1.25rem;
  width: 100%;
  border-radius: 0.5rem;
  color: var(--black);
}

input.fos__input::placeholder {
  color: #00000061;
}

button.fos__btn:hover {
  background: var(--dark-grey);
  color: var(--dark);
}

.fos__checkbox input {
  appearance: none;
  -webkit-appearance: none; /* для поддержки в Safari */
}

.fos__checkbox input {
  appearance: none;
  width: 0.75rem;
  height: 0.75rem;
  border: 0.0625rem solid #00000065;
  border-radius: 0.125rem;
  background-color: transparent;
  cursor: pointer;
  margin: 0;
}

.fos__checkbox input:checked {
  background: url(../img/check-grey.svg) no-repeat center center;
}

/* Отключенный чекбокс */
.fos__checkbox input:disabled {
  filter: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.fos__checkbox input:disabled ~ .checkbox-label {
  opacity: 0.5;
  cursor: not-allowed;
}

.fos__checkbox {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--white);
}

.fos__checkbox label a {
  border-bottom: 0.0625rem solid;
}

.fos__checkbox label a:hover {
  border-color: transparent;
}

.fos__checkbox label {
  cursor: pointer;
  color: var(--light-grey);
}

.section__header {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}

h1.section__title,
h2.section__title {
  font-weight: 400;
  font-size: 2.75rem;
  line-height: 100%;
  letter-spacing: 0%;
  color: var(--white);
  width: 100%;
  text-align: center;
}

.section__description {
  max-width: 50%;
}

.model__params__item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

p.param {
  color: #00000099;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 100%;
  letter-spacing: 0%;
}

p.value {
  font-size: 1.5rem;
  line-height: 1;
}

.model__control {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.price__wrapp {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}

.model__price,
.model__price span {
  font-size: 2rem;
  line-height: 1;
}

span.from {
  color: #00000033;
}

span.small__price {
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1;
  opacity: 0.4;
  border-bottom: 0.0625rem solid;
}

span.small__price:hover {
  border-color: transparent;
}

header.header.fixed {
  backdrop-filter: blur(0.3125rem);
  border-color: #333;
}

p.hover__cursor img {
  width: 2.5rem;
  height: 2.5rem;
}

.instock {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

p.instock__title {
  font-size: 2.5rem;
  line-height: 1;
}

.instock__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.instock__slider.swiper {
  padding: 0.75rem 0.625rem;
}

p.intock__count {
  font-size: 1.25rem;
  line-height: 1;
  color: var(--white);
  opacity: 0.5;
}

span.count {
  font-weight: 700;
}

.instock__list {
  display: flex;
  align-items: center;
  position: relative;
}

.instock__card {
  display: flex;
  flex-direction: column;
  border-radius: 0.75rem;
  padding: 1.25rem;
  gap: 1.5rem;
  box-shadow: 0 0 0.75rem 0 #00000014;
  background: var(--dark);
}

.instock .arrow {
  display: flex;
  position: absolute;
  cursor: pointer;
}

.instock__card__img {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  min-width: 0;
  max-width: 100%;
}

.instock__card__img__nav {
  display: flex;
  gap: 0.75rem;
}

.instock__card__info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.instock__card__header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

p.instock__card__name {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 500;
  color: var(--white);
}

p.instock__card__desc {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  line-height: 1;
  opacity: 0.6;
  font-size: 0.875rem;
}

span.small {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 130%;
  letter-spacing: 0%;
  opacity: 0.35;
}

p.instock__card__desc span.small {
  font-size: 0.875rem;
  font-weight: 400;
  opacity: 1;
}

.instock__card__params {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.instock__card__param__row {
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  line-height: 0.9375rem;
  opacity: 0.6;
  color: var(--grey);
}

p.instock__card__price {
  font-size: 1.5rem;
  line-height: 1;
  color: var(--blue);
}

.instock__card.swiper-slide button.btn.grey__btn {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0%;
  padding: 0.375rem 1.25rem;
  border-radius: 0.25rem;
}

.btn.grey__btn {
  background: var(--grey);
  color: var(--dark);
}

.btn.grey__btn:hover {
  background: var(--dark);
  color: var(--white);
}

.instock__progressbar {
  width: 100%;
  height: 0.25rem;
  background: var(--light-blue);
  overflow: hidden;
  margin-top: 1.25rem;
}

.instock__progressbar__inner {
  width: 10%;
  height: 100%;
  background: var(--blue);
  opacity: 0.5;
  border-radius: inherit;
  transition: width 0.25s ease;
}

.instock__card__img__nav {
  width: 100%;
}

.instock__card__img__nav .swiper-pagination-bullet {
  flex: 1;
  height: 0.125rem;
  margin: 0 !important;
  border-radius: 62.4375rem;
  background: var(--blue);
  opacity: 0.15;
}

.instock__card__img__nav .swiper-pagination-bullet-active {
  opacity: 0.6;
}

.swiper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.instock__card__img .swiper {
  overflow: hidden;
}

.instock .arrow.prev {
  left: -2.75rem;
}

.instock .arrow:hover svg g {
  opacity: 0.5;
}

.instock .arrow.next {
  right: -2.75rem;
}

.instock .arrow.swiper-button-disabled {
  cursor: default;
  opacity: 0.5;
}

.instock .arrow.swiper-button-disabled:hover svg g {
  opacity: 0.12;
}

header .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.btn svg {
  width: 1.25rem;
  height: 1.25rem;
}

.btn svg path {
  fill: var(--white);
}

.header__btn .btn {
  background: var(--dark);
  font-size: 0.75rem;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  font-weight: 400;
  text-transform: math-auto;
  border-radius: 0.1875rem;
}

.header__btn .btn svg {
  width: 0.875rem;
  height: 0.875rem;
}

a.brand__logo img {
  max-height: 3rem;
  max-width: 10rem;
}

.call__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.address,
a.phone {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: var(--white);
  font-weight: 500;
  line-height: 1;
}

.address svg,
a.phone svg {
  width: 0.875rem;
  height: 0.875rem;
}

.address svg path,
a.phone svg path {
  fill: var(--dark);
}

a.phone:hover {
  color: var(--blue);
}

a.phone:hover svg path {
  fill: var(--blue);
}

.header__btn .btn:hover {
  background: var(--grey);
  color: var(--dark);
}

.header__btn .btn:hover svg path {
  fill: var(--dark);
}

.hero__slide__info {
  display: flex;
  position: absolute;
  left: calc((100vw - var(--container)) / 2);
  align-items: flex-end;
  max-width: 37.5rem;
  gap: 1.5rem;
  bottom: 40px;
  justify-content: space-between;
}

.hero__slide__info__header {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  max-width: 35vw;
}

h2.hero__slider__title {
  font-size: 3rem;
  font-weight: 500;
  color: var(--white);
}

.hero__slider__text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  color: var(--white);
  font-size: 1.5rem;
}

.btn:hover {
  background: var(--dark-blue);
  color: var(--white);
}

.benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  width: 100%;
}

.benefits__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.benefits__item svg {
  width: 2.5rem;
  height: 2.5rem;
}

p.item__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

span.large {
  font-size: 1.25rem;
  font-weight: 500;
}

section.benefits {
  margin-bottom: 2.5rem;
}

.fos__info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.fos__info svg {
  width: 2.625rem;
  height: 2.625rem;
}

.fos__info p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3125rem;
  max-width: calc(100% - 3.375rem);
}

span.fos__title {
  font-size: 2rem;
  font-weight: 600;
  width: 100%;
}

span.fos__text {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
}

.checkboxes {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
}

h2.section__title span {
  color: var(--blue);
}

section.model h2.section__title {
  font-weight: 600;
  font-size: 3.375rem;
}

section.model .container {
  gap: 1.5rem;
}

.model__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 2rem;
  align-items: center;
}

.adv__list {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  align-items: center;
  flex-wrap: wrap;
}

p.adv__item {
  border: 0.0625rem solid var(--dark-grey);
  padding: 0.3125rem 0.625rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1;
}

section.slider .container {
  align-items: stretch;
}

section.slider .section__header {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

section.slider .section__description {
  max-width: 50%;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0%;
  color: var(--dark-grey);
}

.model__slider__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  width: 100%;
  min-width: 0;
}

.model__slider__left {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  max-width: 80%;
}

.model__slider__left__wrapper {
  width: 100%;
  min-width: 0;
  flex: 1;
}

.model__slider__left__content {
  display: flex;
  flex-direction: column;
  height: auto;
  gap: 2rem;
}

.model__slider__left__content .top {
  display: flex;
  gap: 2.625rem;
  align-items: flex-start;
}

.model__slider__left__content .counter {
  display: flex;
  gap: 0.25rem;
  color: var(--accent-blue);
  font-size: 1.25rem;
  line-height: 1;
  align-items: center;
}

.model__slider__left__content .counter__delta,
.model__slider__left__content .all {
  color: var(--dark-grey);
}

.model__slider__left__content .title {
  color: var(--white);
  font-size: 2rem;
  line-height: 1;
}

.model__slider__left__content .text {
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--grey);
}

.model__slider__left .model__slider__nav {
  position: static !important;
  z-index: 2;
  justify-content: flex-start;
  gap: 0.75rem;
  margin-top: 2.5rem;
}

.model__slider__nav .arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.model__slider__nav .arrow svg path {
    fill: var(--grey);
}

.model__slider__nav .arrow:hover {
  border-color: var(--blue);
}

.model__slider__nav .arrow:hover svg path {
  fill: var(--blue);
}

.model__slider__right {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 9.25rem;
  gap: 1.25rem;
  min-width: 0;
  max-height: 25rem;
}

.model__slider__right__big,
.model__slider__right__small {
  width: 100%;
  min-width: 0;
}

.model__slider__right__big img,
.model__slider__right__small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.model__slider__right__big {
  min-height: 25rem;
  max-height: 25rem;
  border-radius: 0.5rem;
}

.model__slider__right__small  .swiper-slide img {
    border-radius: 8px;
    transition: all .25s ease;
}

.model__slider__right__small .swiper-slide.is-active img {
    opacity: .6;
}

.slider__big__item,
.slider__small__item {
  overflow: hidden;
}

.slider__big__item {
  height: auto;
  min-height: 20.625rem;
}

.slider__big__item img,
.slider__small__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.model__slider__right__small {
  max-height: 25rem;
}

.slider__small__item {
  cursor: pointer;
  border: 0.0625rem solid transparent;
  transition:
    opacity 0.25s ease,
    border-color 0.25s ease;
  border-radius: 0.25rem;
}

.slider__small__item:hover,
.slider__small__item.is-active,
.slider__small__item.swiper-slide-thumb-active {
  opacity: 1;
  border-color: var(--blue);
}

.model__slider {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

.model__slider .swiper-slide {
  display: flex;
  width: 100%;
  max-height: 45rem;
  height: 100%;
  overflow: hidden;
  align-items: center;
  border-radius: 1.25rem;
  cursor: grab;
}

.model__slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.25rem;
}

.model__slider__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 1.25rem;
}

.model__info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.model__info__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
}

span.param {
  font-size: 0.75rem;
}

span.value {
  font-size: 2rem;
  font-weight: 600;
  color: var(--blue);
}

.model__wrapper .btn {
  padding: 0.875rem 2.5rem;
}

section.instock h2.section__title {
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.25;
  max-width: 100%;
}

section.model {
  margin-bottom: 3.75rem;
}

.instock__card__img .swiper img {
  border-radius: 8px;
  max-height: 12.5rem;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

section.instock .container {
  gap: 1.5rem;
}

section.choose .section__header {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

p.section__description {
  max-width: 45rem;
  font-size: 1.25rem;
}

.choose__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}

.choose__item {
  display: flex;
  flex-direction: column;
}

p.status {
  font-size: 0.875rem;
  line-height: 1;
  opacity: 0.7;
}

.choose__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0.625rem;
}

.variants__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
  max-width: 70rem;
}

.section__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.variants__item {
  display: flex;
  flex-direction: column;
  gap: 1.625rem;
  padding: 2.5rem;
  border-radius: 0.75rem;
  color: var(--white);
  justify-content: space-between;
}

.variants__item:nth-child(1) {
  background: url(../img/variants1.jpg) no-repeat center;
  background-size: cover;
}

.variants__item:nth-child(2) {
  background: url(../img/variants2.jpg) no-repeat center;
  background-size: cover;
}

.variants__item:nth-child(3) {
  background: url(../img/variants3.jpg) no-repeat center left;
  background-size: cover;
}

.variants__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

p.variants__title {
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
}

.variants__text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.variants__text ul {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  line-height: 1.2;
  font-size: 0.875rem;
  list-style: circle;
  padding-left: 1.25rem;
}

form.variants__form {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

form.variants__form input.fos__input {
  height: 2.625rem;
  padding: 0.5rem 0.875rem;
}

form.variants__form .fos__checkbox {
  color: var(--grey);
}

form.variants__form .fos__checkbox input {
  border-color: var(--grey);
}

form.variants__form .fos__checkbox {
  align-items: flex-start;
}

form.variants__form button.fos__btn {
  background: var(--grey);
  color: var(--dark);
}

form.variants__form button.fos__btn:hover {
  background: var(--dark);
  color: var(--white);
}

form.variants__form .fos__checkbox input:checked {
  background: url(../img/check-white.svg) no-repeat center center;
}

.special__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  border: 0.0625rem solid var(--dark-grey);
  border-radius: 2rem;
  padding: 2.5rem;
  text-align: center;
}

.special__wrapper h2.section__title {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: 600;
  max-width: 37.5rem;
}

.special__items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.25rem 2.5rem;
}

.special__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 20rem;
  padding: 1.25rem;
  background: var(--grey);
  border-radius: 0.625rem;
  gap: 0.625rem;
  border: 0.0625rem solid var(--dark-grey);
}

p.special__item__title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
}

.special__item:nth-child(3) svg path,
.special__item:nth-child(4) svg path,
.special__item:nth-child(5) svg path {
  stroke: var(--dark);
  fill: transparent;
}

.special__item:nth-child(1) svg path,
.special__item:nth-child(2) svg path,
.special__item:nth-child(3) svg path {
  fill: var(--dark);
}

.special__wrapper .btn {
  background: var(--dark);
}

.special__wrapper .btn:hover {
  color: var(--dark);
  background: var(--dark-grey);
}

.location__wrapper {
  display: flex;
  gap: 1.25rem;
  width: 100%;
}

.location__code {
  width: 18.75rem;
  padding: 2rem;
  background: var(--grey);
  border: 0.0625rem solid var(--dark-grey);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 28.4375rem;
}

img.location__media {
  max-width: calc(100% - 20rem);
  height: 28.4375rem;
  width: 100%;
  object-fit: cover;
  border-radius: 1rem;
}

.location__code img {
  padding: 1.75rem;
  background: var(--white);
  border-radius: 0.5rem;
  transition: all 0.25s ease;
}

p.location__title {
  text-align: center;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--dark);
  line-height: 1.2;
}

.timing {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.timing p {
  font-size: 0.875rem;
  text-transform: uppercase;
}

.timing p span {
  color: var(--blue);
}

.location__code img:hover {
  transform: scale(1.05);
}

.team__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.swiper-slide.team__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  cursor: grab;
}

p.team__item__name {
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0.625rem 0 0;
}

p.team__item__status {
  font-size: 0.875rem;
  line-height: 1;
  opacity: 0.75;
}

.swiper-slide.team__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.team__photo {
  display: flex;
  align-items: flex-start;
  height: 17.5rem;
  overflow: hidden;
  border-radius: 0.625rem;
  width: 100%;
}

span.swiper-pagination-bullet {
  border-radius: 0.125rem;
  width: 1.5rem;
  height: 0.1875rem;
  background: var(--dark);
  margin: 0 !important;
}

.swiper-pagination-horizontal {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.avilon__grid {
  max-width: 47.5rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.5rem 1rem;
}

.avilon__wrapper {
  display: flex;
  justify-content: center;
}

.avilon__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  letter-spacing: 0%;
  color: var(--light-grey);
}

.personal__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 48.75rem;
  width: 100%;
  border: 0.0625rem solid var(--dark-grey);
  border-radius: 1.25rem;
  overflow: hidden;
}

.personal__wrapper img {
  height: 100%;
  object-fit: cover;
}

form.personal__form {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

p.avilon__form__title {
  font-size: 1.375rem;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

form.personal__form input.fos__input {
  border: 0.0625rem solid var(--dark-grey);
}

form.personal__form button.fos__btn {
  margin-top: 0.625rem;
}

.modal {
  position: fixed;
  transform: translateY(-100%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  z-index: 99;
}

section.contacts .container {
  width: 100%;
}

.map__wrapper {
  width: 100%;
  display: flex;
  position: relative;
  border-radius: 1.25rem;
  overflow: hidden;
}

.map__info {
  position: absolute;
  max-width: 31.875rem;
  width: 100%;
  padding: 1.5rem;
  background: var(--dark);
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  top: 2rem;
  left: calc((100% - var(--container)) / 2);
}

.map__info img {
  height: 16.875rem;
  width: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}

.contacts__list__item {
  display: flex;
  gap: 0.5rem;
  line-height: 1;
  align-items: flex-start;
}

.contacts__list__item > span:not(.contacts__list__item.contacts__branch > span) {
    padding-top: 2px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.contacts__list__item a:hover {
    color: var(--blue);
}

p.place__name {
  font-size: 1.5rem;
  font-weight: 500;
}

p.place__name span.blue {
  color: var(--blue);
}

.contact__list__item__content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
}

.contact__list__item__content .row {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-size: 0.875rem;
}

.contact__list__item__content .row a:hover {
  color: var(--blue);
}

.contact__list__item__content .row:last-child:hover svg path {
  fill: var(--blue);
}

div#map {
  height: 42rem;
  width: 100%;
}

section.contacts {
  /* margin: 0; */
}

footer {
  background: #1e1f20;
  display: flex;
  justify-content: center;
  padding: 4rem 0;
  position: relative;
  align-items: center;
}

footer .container {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
  gap: 2.5rem;
  justify-content: space-between;
}

.footer__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  font-size: 0.75rem;
  color: var(--light-grey);
}

.footer__logos {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.footer__logos img {
  max-width: 7.5rem;
  max-height: 2rem;
}

.footer__logos a:first-child img {
}

nav.footer__nav ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-size: 0.75rem;
}

nav.footer__nav ul li a {
  line-height: 1;
  font-weight: 500;
  color: var(--light-grey);
}

nav.footer__nav ul li a:hover {
  color: var(--blue);
}

footer .social {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.625rem 1.875rem;
  background: var(--white);
  border-radius: 0 0 0.625rem 0.625rem;
  gap: 2rem;
}

footer .social a svg path {
  fill: var(--dark-grey);
}

.model__slider__nav {
  position: absolute;
  bottom: 1.5rem !important;
  z-index: 9;
}

.model__slider__nav span.swiper-pagination-bullet {
  background: var(--white);
  width: 2rem;
}

main {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  min-height: 65vh;
}

.modal.active {
  transform: translateY(0);
}

.modal.modal__nav {
  background: var(--dark);
  overflow: hidden;
}

.modal__nav__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2.5rem;
  padding: 5rem 1.25rem 1.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
}

nav.modal__nav__menu ul {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
}

nav.modal__nav__menu ul li a {
  font-size: 1rem;
  text-transform: uppercase;
  text-align: left;
  width: 100%;
}

nav.modal__nav__menu li {
  width: 100%;
  border-bottom: 0.0625rem solid #cccccc36;
}

.mobile-menu-item__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 1rem 0;
}

.mobile-menu-item__link {
  color: var(--grey);
  line-height: 1.3;
}

.mobile-menu-toggle {
  width: 2.25rem;
  height: 2.25rem;
  flex: 0 0 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dark);
  border: 0;
  border-radius: 50%;
  background: var(--white);
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.mobile-menu-toggle svg {
  width: 1.125rem;
  height: 1.125rem;
  transition: transform 0.2s ease;
}

nav.modal__nav__menu li.is-open > .mobile-menu-item__row .mobile-menu-toggle {
  color: var(--white);
  background: var(--blue);
}

nav.modal__nav__menu li.is-open > .mobile-menu-item__row .mobile-menu-toggle svg {
  transform: rotate(90deg);
}

nav.modal__nav__menu .mobile-sub-menu {
  padding: 0 0 0.75rem 1rem;
}

nav.modal__nav__menu .mobile-sub-menu[hidden] {
  display: none !important;
}

nav.modal__nav__menu .mobile-sub-menu li {
  border-bottom: 0;
}

nav.modal__nav__menu .mobile-sub-menu .mobile-menu-item__row {
  padding: 0.625rem 0;
}

nav.modal__nav__menu .mobile-sub-menu a {
  font-size: 0.875rem;
  text-transform: none;
  color: var(--light-grey);
}

.modal__nav__legal {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  width: 100%;
  margin-top: 0;
}

.modal__nav__legal a {
  color: var(--light-grey);
  font-size: 0.875rem;
  line-height: 1.35;
  text-align: left;
}

.modal__nav__control {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  align-items: flex-start;
  margin-top: auto;
}

.modal__nav__control .btn {
  width: 100%;
}

.modal__nav__control .social a svg path {
  fill: var(--dark);
}

.modal__nav__control .social {
  gap: 2rem;
}

.burger.active span.line:nth-child(2) {
  opacity: 0;
}

.burger.active span.line {
  position: absolute;
  transform: rotate(45deg);
}

.burger.active span.line:last-child {
  transform: rotate(-45deg);
}

/* CREDIT */
.credit__items {
  display: flex;
  gap: 2.5rem;
  max-width: 64.25rem;
}

section.credit .section__content {
  gap: 3.375rem;
}

.credit__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  padding: 2rem 1.5rem;
  box-shadow: 0 0 0.75rem 0 #00000014;
  border-radius: 1rem;
  flex: 1;
}

.credit__item img {
  width: 5rem;
  height: 5rem;
}

p.credit__item__title {
  font-size: 2rem;
  line-height: 1.1;
  margin-top: 1rem;
}

p.credit__item__text {
  color: var(--dark-grey);
  line-height: 1.375rem;
}

.bank__slider.swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.credit__fos {
  max-width: 61.75rem;
  width: 100%;
  padding: 2.5rem 5.25rem;
  border-radius: 2rem;
  background: url(../img/credit-bg.png) no-repeat center top;
  background-color: var(--dark);
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

p.credit__fos__title {
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
  color: var(--white);
  font-weight: 500;
}

.credit__fos form.fos__form {
  width: 100%;
  max-width: 100%;
  gap: 1.5rem;
  margin: 0;
}

.credit__fos form.fos__form .row {
  gap: 1.25rem;
}

.credit__fos form.fos__form .row input.fos__input {
  height: 3rem;
  background: var(--light-biege);
  border-radius: 0.5rem;
  font-size: 1rem;
  padding: 0.9375rem 1.25rem;
  line-height: 1;
  color: var(--dark);
  background: var(--grey);
  opacity: 0.8;
}

.credit__fos form.fos__form .row input.fos__input::placeholder {
  color: #31313169;
}

.credit__fos .fos__btn {
  border: none;
  border-radius: 0.5rem;
  font-size: 1rem;
  line-height: 1;
  width: 100%;
  background: var(--blue);
}

.fos__checks {
  display: flex;
  gap: 2rem;
}

.fos__checks .fos__checkbox input {
  border-color: var(--light-grey);
}

/* QR + FOS */

.fos__wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

.fos__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  max-width: 30rem;
}

p.title {
  font-family: inherit;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0%;
  transition: all .25s ease;
}

p.text {
  font-family: inherit;
  font-style: Medium;
  font-size: 1rem;
  leading-trim: NONE;
  line-height: 1.25rem;
  letter-spacing: 0%;
  color: #fefefe;
  margin-bottom: 0.75rem;
}

input.form__input {
  padding: 0.625rem 0.5rem;
  background: transparent;
  border: 0.125rem solid var(--blue);
  font-family: inherit;
  font-weight: 500;
  font-style: Medium;
  font-size: 1em;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  border-radius: 0.5rem;
  transition: all 0.25s ease;
  outline: 0;
  color: var(--blue);
}

input.form__input::placeholder {
  color: var(--blue);
  opacity: 0.5;
}

input.form__input:focus {
  opacity: 1;
  border-color: var(--dark-blue);
}

.form__row {
  display: grid;
  gap: 1rem;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 0.25rem;
}

.form__row button {
  font-size: 1rem;
}

.checkbox {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--light-grey);
  font-family: inherit;
  font-weight: 300;
  font-style: Light;
  font-size: 0.6875rem;
  leading-trim: NONE;
  line-height: 1.375;
  letter-spacing: 0%;
  text-align: center;
  cursor: pointer;
}

.checkbox a {
  color: #fff;
}

form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  width: 100%;
  max-width: 37.5rem;
}

input.form__checkbox {
  border: 0.03125rem solid var(--light-grey);
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.125rem;
  transition: all 0.25s ease;
}

label {
  cursor: pointer;
}

.checkbox:hover input {
  border-color: var(--dark-blue);
}

input.form__checkbox:checked {
  background: url(../img/check-white.svg) no-repeat center;
  background-size: 100%;
}

p.error {
  display: none;
}

.sended {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

section.qr .container {
  flex-direction: row;
  align-items: flex-end;
  gap: 0;
  max-width: 100%;
  justify-content: center;
}

.qr__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.25rem;
  max-width: 22rem;
  border-radius: 0.75rem;
  box-shadow: 0 0 0.75rem 0 #00000014;
  background: var(--dark);
  gap: 20px;
}

.qr__wrapper p.title {
  font-family: inherit;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  color: var(--blue);
  font-weight: 500;
}

.qr__wrapper img {
  background: #fff;
}

.qr__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.qr__list p {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--light-grey);
}

.qr__list p span.blue {
  color: var(--blue);
}

img.qr__auto {
  position: relative;
  left: -5.375rem;
  max-height: 300px;
}

section.fos .container {
  max-width: 72.5rem;
  background: var(--light-blue);
  padding: 1.5rem 2rem;
  border-radius: 0.75rem;
}

/* PARTNERS + REVIEWS */

.partners__slider {
  width: 100%;
}

.partners__slider .swiper-slide {
  display: flex;
  width: 9.25rem;
}

.test__header h2.section__title {
  font-weight: 700;
}

.partners__slider .swiper-wrapper {
  justify-content: center;
  gap: 1.5rem;
}

.section__header {
  width: 100%;
  justify-content: space-between;
}

.test__header h2.section__title {
  font-weight: 700;
}

.partners__slider .swiper-wrapper {
  justify-content: center;
  gap: 3.375rem;
}

.partners__slider .swiper-slide img {
  width: 100%;
  height: auto;
}

section.reviews {
  margin-top: 5rem;
  display: none;
}

.reviews__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
}

.reviews__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem 1.875rem;
  background: var(--dark);
  border-radius: 0.5rem;
  gap: 0.5rem;
  box-shadow: 0 0 0.75rem 0 #00000014;
  height: 17rem;
  justify-content: center;
}

.reviews__info img {
  margin-bottom: 0.5rem;
}

.reviews__info p {
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.375;
  letter-spacing: 0%;
  color: var(--darl);
}

section.reviews .container {
  max-width: 100%;
  padding-left: calc((100% - 83.75rem) / 2);
  padding-right: 0;
  width: 100%;
}

.reviews__slider__wrapper {
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 1rem;
}

.reviews__slider__list {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  width: max-content;
  padding-right: 0.625rem;
}

.reviews__slider__item {
  max-width: 22.75rem;
  box-shadow: 0 0 0.75rem 0 #00000014;
  padding: 1.5rem 1.25rem 0.75rem 1.25rem;
  height: 17rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* border: 0.0625rem solid #97979714; */
  background: var(--dark);
}

.reviews__slider__item__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.reviews__stars {
  width: 7.25rem;
  height: 1.25rem;
  object-fit: contain;
}

.reviews__slider__item__header p {
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.5rem;
  letter-spacing: 0%;
  opacity: 0.8;
  overflow-wrap: anywhere;
}

.reviews__readmore {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--blue);
  transition: color 0.2s ease;
}

.reviews__readmore svg {
  flex: 0 0 auto;
  transition: transform 0.2s ease;
}

.reviews__readmore:hover {
  color: var(--accent-blue);
}

.reviews__readmore:hover svg {
  transform: translateX(0.1875rem);
}

.contacts-copy-notice {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 10000;
  padding: 0.875rem 1.25rem;
  border-radius: 0.5rem;
  background: var(--black);
  color: var(--white);
  font-size: 0.875rem;
  line-height: 1.25;
  box-shadow: 0 0.75rem 1.875rem #00000026;
  opacity: 0;
  transform: translateY(0.75rem);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.contacts-copy-notice.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.reviews__slider__item__bottom {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.reviews__slider__item__bottom img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  object-fit: cover;
}

p.name {
  font-family: inherit;
  font-size: 1rem;
  letter-spacing: 0%;
  line-height: 1.375;
}

.reviews__slider__wrapper::-webkit-scrollbar-track,
.reviews__slider__wrapper::-webkit-scrollbar {
  height: 0.25rem;
  background: var(--light-blue);
}

.reviews__slider__wrapper::-webkit-scrollbar-thumb {
  background: var(--light-blue);
}

.reviews__slider__wrapper {
  cursor: grab;
  user-select: none;
}

.reviews__slider__wrapper.is-dragging {
  cursor: grabbing;
}

/* FAQ */

.faq__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.faq__item {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0;
  border-top: 0.0625rem solid var(--light-grey);
  font-size: 1.125rem;
  line-height: 2rem;
}

.faq__item__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  color: var(--light-grey);
  cursor: pointer;
  transition: all 0.25s ease;
  opacity: 0.7;
}

span.plus {
  width: 0.75rem;
  height: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

span.plus__line {
  width: 0.75rem;
  height: 0.125rem;
  background: var(--light-grey);
  position: absolute;
  transition: all 0.25s ease;
}

span.plus__line:nth-child(2) {
  transform: rotate(90deg);
}

.faq__item.active span.plus__line:nth-child(2) {
  transform: rotate(0deg);
  background: var(--blue);
}

.faq__item.active .faq__item__header {
  opacity: 1;
  color: var(--blue);
}

.faq__item:last-child {
  border-bottom: 0.0625rem solid var(--light-grey);
}

.faq__item__body {
  overflow: hidden;
  transition: all 0.25s ease;
  color: #474747;
  height: 0;
}

.faq__item__body__inner {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  padding-top: 1.5rem;
  font-family: inherit;
  font-style: Medium;
  font-size: 1.125rem;
  leading-trim: NONE;
  line-height: 2rem;
  letter-spacing: 0%;
  color: var(--grey);
}

.faq__item__header:hover {
  color: var(--blue);
}

.faq__item__header span {
  transition: all 0.25s ease;
}

/* NEW */

.swiper-slide.hero__slide picture,
.swiper-slide.hero__slide picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

a.soc__link {
  display: flex;
  opacity: 0.7;
}

a.soc__link:hover {
  opacity: 1;
}

nav.main ul li a:hover,
nav.main ul li a.active {
  color: var(--blue);
  opacity: 1;
}
.address {
  opacity: 0.4;
}

a.phone svg path {
  fill: var(--blue);
}

.deeler {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 0;
  background: var(--dark);
}

.deeler h1 {
  font-weight: 400;
  font-size: 2rem;
  letter-spacing: 0%;
  color: var(--white);
  line-height: 1;
}

section.fos p.title {
  color: var(--light-grey);
}

section.fos p.title span.color {
  color: var(--blue);
  font-weight: 500;
}

.timer {
  display: flex;
  align-items: center;
  justify-content: center;
}

p.instock__card__full__price,
p.instock__card__credit {
  color: var(--dark-grey);
  font-weight: 400;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  text-decoration: line-through;
  opacity: 0.6;
}

.instock__card__price__wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

p.instock__card__credit {
  text-decoration: none;
  text-transform: none;
  margin: 0.25rem 0 0;
}

.banks {
  display: flex;
  width: 100%;
  gap: 1.25rem;
  align-items: center;
}

.banks__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 7.75rem;
  flex: 1;
}

section.tradein {
  background: url(../img/tradein-right.png) no-repeat right 11.875rem;
}

.tradein__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 6.875rem;
}

.tradein__row {
  display: grid;
  grid-template-columns: 41.9375rem auto;
  gap: 6.25rem;
}

.tradein__left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: flex-start;
}

.tradein__left img {
    border-radius: 8px;
}

.tradein__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.75rem;
}

.tradein__el {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.tradein__el p {
  width: calc(100% - 2.25rem);
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.tradein__el p span.big {
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: 0%;
}

.tradein__fos {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2.5rem;
  box-shadow: 0 0 1rem 0 #00000014;
  background: var(--dark);
  border-radius: 1.5rem;
  max-width: 25rem;
  height: max-content;
  gap: 2rem;
  align-items: center;
  text-align: center;
}

form.open__fos__form {
  width: 100%;
  gap: 0.75rem;
}

form.open__fos__form input.form__input {
  width: 100%;
  border: 0.0625rem solid var(--dark-grey);
  font-weight: 400;
  padding: 0.9375rem;
  color: var(--white);
}

form.open__fos__form input.form__input::placeholder {
  color: var(--light-grey);
}

form.open__fos__form input.form__input:focus {
  border-color: var(--blue);
}

form.open__fos__form button {
  width: 100%;
}

form.open__fos__form input.form__checkbox {
  border-color: var(--dark-grey);
}

form.open__fos__form .checkbox {
  color: var(--dark-grey);
}

form.open__fos__form .checkbox a {
  color: var(--blue);
}

p.test__drive__title {
  font-weight: 400;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: 0%;
}

.test__drive__el {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
}

.test__drive__info {
  max-width: calc(100% - 3.25rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
}

span.color {
  color: var(--blue);
}

.test__drive__info p.title {
  text-transform: uppercase;
  font-weight: 500;
  max-width: 11.875rem;
  font-size: 2rem;
  line-height: 1.3;
  color: var(--dark);
}

.test__drive__info p {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 130%;
  letter-spacing: 0%;
  color: var(--dark-grey);
  max-width: 20rem;
}

.credit__fos .fos__btn:hover {
  background: var(--dark-blue);
  color: var(--white);
}

.checkbox label a {
  color: var(--blue);
  text-decoration: underline;
}

.credit__fos form.fos__form .row input.fos__input:focus {
  opacity: 1;
}

.avilon__item p {
  max-width: calc(100% - 4.75rem);
}

.seo__detail {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.seo__row {
  display: flex;
  justify-content: space-between;
}

.seo__text {
    display: flex;
    flex-direction: column;
    gap: 15px;
    text-align: justify;
}

.row__reverse {
  flex-direction: row-reverse;
}

.seo__row .text {
  width: calc(50% - 6.25rem);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.seo__row img {
  max-width: 50%;
  border-radius: 0.5rem;
  width: 100%;
}

.full__row .text {
  width: 100%;
}

.contacts__list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

section.contacts a.soc__link svg {
  width: 1.5rem;
  height: 1.5rem;
}

section.contacts .soc {
  gap: 1rem;
  margin-top: 0.875rem;
}

footer span.delta {
  background: var(--white);
  height: 1.875rem;
}

.footer__nav__wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.footer__nav__list {
  display: flex;
  gap: 1.5rem;
}

nav.footer__nav {
  max-width: 12.5rem;
}

footer a.soc__link svg {
  width: 1.5rem;
  height: 1.5rem;
}

.news__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

.news__grid {
  display: grid;
  grid-template-areas:
    "i1 i1 i2 i2"
    "i1 i1 i3 i3";
  gap: 1.25rem;
  width: 100%;
}

a.news__item.grand__news {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.other__news a.news__item {
  max-height: 10rem;
}

a.news__item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

a.news__item img {
  border-radius: 0.5rem;
  object-fit: cover;
}

.other__news a.news__item img {
  width: 11.25rem;
  height: 10rem;
}

span.news__title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  display: flex;
  transition: all 0.25s ease;
}

a.news__item.grand__news img {
  height: 21.25rem;
  width: 100%;
}

.news__footer {
  display: flex;
  justify-content: flex-end;
}

a.news__all {
  display: flex;
  color: var(--blue);
  border-bottom: 0.0625rem solid;
}

a.news__all:hover {
  color: var(--white);
  border-color: transparent;
}

a.news__item:hover > span.news__title {
  color: var(--blue);
}

.other__news {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.gallery__wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  min-width: 0;
}

.gallery__big,
.gallery__small {
  width: 100%;
  min-width: 0;
}

.gallery__big {
  overflow: hidden;
  border-radius: 0.75rem;
}

.gallery__big__item {
  overflow: hidden;
  border-radius: 0.5rem;
  background: var(--grey);
}

.gallery__big__link {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 33.75rem;
  overflow: hidden;
  cursor: pointer;
}

.gallery__big__link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}

.gallery__video {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 0.5rem;
  background: var(--black);
}

.gallery__video video,
.gallery__video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.gallery__video video {
  object-fit: cover;
}

.gallery__small .swiper-wrapper {
  align-items: stretch;
}

.gallery__small__item {
  overflow: hidden;
  aspect-ratio: 16 / 11;
  border: 0.0625rem solid transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  opacity: 0.6;
  transition:
    opacity 0.25s ease,
    border-color 0.25s ease;
}

.gallery__small__item:hover,
.gallery__small__item.swiper-slide-thumb-active {
  opacity: 1;
  border-color: var(--blue);
}

.gallery__small__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

section.gallery .btns {
    display: flex;
    margin: 0;
}

.hover__cursor {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.16);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.92);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.hover__cursor::before,
.hover__cursor::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.75rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background: var(--blue);
  transform: translate(-50%, -50%);
}

.hover__cursor::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.gallery-slider {
  width: 100%;
  max-width: 80rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* =========================
   BIG SLIDER
========================= */

.big__slider {
  width: 100%;
  overflow: hidden;
  max-width: 72.5rem;
}

.big__slider .swiper {
  width: 100%;
  overflow: hidden;
}

.big__slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  border-radius: 1.5rem;
  text-decoration: none;
  cursor: pointer;
}

.big__slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 36rem;
  object-fit: cover;
}

/* =========================
   SMALL SLIDER
========================= */

.small__slider {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 2.5rem;
  gap: 0.75rem;
}

.small__slider .swiper {
  flex: 1;

  width: 0;
  min-width: 0;

  overflow: hidden;
}

.small__slider .swiper-wrapper {
  align-items: stretch;
}

.small__slider .swiper-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  border: 0.125rem solid transparent;
  border-radius: 0.75rem;
  cursor: pointer;
  transition:
    opacity 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}

.small__slider .swiper-slide:hover {
  opacity: 0.8;
}

.small__slider .swiper-slide img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  pointer-events: none;
  user-select: none;
}

/* Активная миниатюра */

.small__slider .swiper-slide-thumb-active {
  opacity: 1;
  border-color: var(--blue);
}

/* Swiper добавляет класс автоматически,
   когда листать дальше нельзя */

.small__slider .arrow.swiper-button-disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}

p.gallery__title {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 3.5rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.1875rem;
  letter-spacing: 0%;
  text-align: center;
}

.small__slider .swiper {
  max-width: 72.5rem;
}

.arrow {
  display: flex;
  cursor: pointer;
}

.arrow:hover svg path {
  fill: var(--blue);
}

.arrow svg g {
  opacity: 0.2;
}

.arrow:hover svg g {
  opacity: 1;
}

.arrow svg {
    width: 2.5em;
    height: 2.5em;
}

.models__wrapper {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* ============================================================
   MODELS LIST
============================================================ */

.models__list {
  width: 100%;
  /* border-bottom: 0.25rem solid var(--light-blue); */
  padding: 0 20px;
}

/*
 * На desktop Swiper отключен JS'ом,
 * поэтому сами задаем раскладку.
 */
.models__list .swiper {
  width: 100%;
  overflow: visible;
}

.models__list .swiper-wrapper {
  display: flex;

  width: 100%;
}

.models__list__item {
  position: relative;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
  transition:
    background-color 0.3s ease,
    opacity 0.3s ease;
  padding: 1rem 0 1.5rem 0;
  height: 19.25rem;
}

/* фон активной модели */

.models__list__item__bg {
  display: none;
  position: absolute;
  left: 50%;
  top: 1rem;
  transform: translateX(-50%);
  width: 19.6875rem;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition: opacity 0.3s ease;
  border-radius: 25px;
}

/* название */

.models__list__item__name {
  position: relative;
  z-index: 2;
  margin: 0 0 1.5rem;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 1;
  color: var(--dark-grey);
}

/* автомобиль */

.models__list__item > img:not(.models__list__item__bg) {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  max-width: 30rem;
  height: 12.5rem;
  object-fit: contain;
}

/* цена */

.models__list__item__price {
  position: absolute;
  z-index: 2;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #777;
  opacity: 0;
  transition: opacity 0.3s ease;
  font-weight: 500;
  bottom: 1.375rem;
}

/* ACTIVE */

.models__list__item.active .models__list__item__bg {
  opacity: 1;
}

.models__list__item.active .models__list__item__price {
  opacity: 1;
}

/* ============================================================
   DETAIL SLIDER
============================================================ */

.models__slider {
  position: relative;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.625rem);
  transition: all 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
}

/*
 * Открытое состояние.
 * max-height специально достаточно большой,
 * чтобы не зависеть от точной высоты контента.
 */
.models__slider.is-open {
  max-height: 56.25rem;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  padding-top: 9.0625rem;
  /* border-bottom: 0.25rem solid var(--light-blue); */
}

/* ============================================================
   DESKTOP DETAIL
============================================================ */

@keyframes modelsFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* ============================================================
   DETAIL CONTENT
============================================================ */

.models__slider__item__body {
  display: grid;
  grid-template-columns: 42% 58%;
  width: 100%;
  max-width: 72.5rem;
  margin: 0 auto;
}

/* INFO */

.models__slider__item__info {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}

.models__slider__item__info .avilon {
  display: block;
  width: 8.4375rem;
  height: auto;
  opacity: 0.3;
}

.models__slider__item__info .title {
  color: var(--white);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
}

/* ============================================================
   TECH
============================================================ */

.tech__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(6.25rem, 1fr));
  gap: 2rem 3.75rem;
  max-width: 25rem;
}

.tech__item {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.tech__item__param {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  color: var(--blue);
}

.tech__item__param img {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

.tech__item__value {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--white);
}

/* PRICE */

.models__slider__item__price {
  display: inline-flex;
  align-items: center;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  background: var(--blue);
  font-size: 1.5625rem;
  line-height: 1;
  color: var(--light-grey);
  font-weight: 500;
  gap: 0.375rem;
}

.models__slider__item__price span {
  color: #fff;
}

/* ============================================================
   CAR DETAIL
============================================================ */

.models__slider__item__detail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 18.125rem;
  flex-direction: column;
  gap: 20px;
}

/* decorative background */

.models__slider__item__detail__bg {
  position: absolute;
  top: 0;
  width: 30.3125rem;
  z-index: 0;
}

/* model title */

.models__slider__item__detail__name {
  /* position: absolute; */
  z-index: 2;
  right: 0;
  top: 3rem;
  margin: 0;
  font-size: 2.5rem;
  font-weight: 500;
  width: 30.3125rem;
  display: flex;
  justify-content: center;
  color: var(--grey);
}

/* car */

.models__slider__item__detail__img {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
  max-width: 47.5rem;
  object-fit: contain;
}

/* ============================================================
   FOOTER
============================================================ */

.models__slider__item__footer {
  display: flex;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  z-index: 2;
  padding-right: 0.75rem;
}

.models__slider__item__footer > .instock__btn {
  align-self: center;
}

.btns {
  display: flex;
  gap: 0.75rem;
}

.black__btn {
  /* padding: 0.875rem 1.5rem; */
  background: transparent;
  color: #fff;
  /* font-size: 0.75rem; */
  gap: 0;
  border: 1px solid;
}

.black__btn:hover {
  background: var(--white);
  color: var(--dark);
}

.models__slider__item__footer .btn {
  font-size: 0.875rem;
  min-height: 2.5rem;
}

/* ============================================================
   ARROWS
============================================================ */

.models__slider .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.models__slider .arrow svg {
  display: block;

  width: 2rem;
  height: 2rem;
}

.models__slider .arrow:hover svg {
  opacity: 0.6;
}

/* ============================================================
   CLOSE
============================================================ */

.models__slider__close {
  position: absolute;
  top: 10rem;
  right: calc((100% - 72.5rem) / 2 + 1.5rem);
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

.models__slider__close svg {
  width: 1.25rem;
  height: 1.25rem;

  transition: transform 0.2s ease;
}

.models__slider__close:hover svg {
  transform: rotate(90deg);
}

section.models .container {
  max-width: 100%;
  width: 100%;
}

.black__btn svg {
  width: 1rem;
  height: 1rem;
  margin: 0 0 0.125rem 0;
}

section.models .container {
  max-width: 100%;
  width: 100%;
}

section.models {
  margin: 0;
}

.models__nav {
  position: absolute;
  background: var(--black);
  width: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  padding: 3rem 0 3.5rem 0;
  border-radius: 0 0 0.5rem 0.5rem;
  transition: all 0.25s ease;
  /* border-bottom: 0.0625rem solid #0B70B71F; */
  box-shadow: 0 0.5rem 0.75rem 0 #00000014;
  pointer-events: none;
  opacity: 0;
}

.models__nav .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}

a.models__nav__item {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 2.5rem 1.75rem;
  border-radius: .5rem;
  gap: 0.75rem;
}

nav.main ul.second {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 1.5625rem;
  transition: all 0.25s ease;
  padding: 0.625rem;
  border: 0.0625rem solid transparent;
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: var(--black);
  border-radius: 0 0 0.3125rem 0.3125rem;
  left: -0.625rem;
  min-width: calc(100% + 1.25rem);
  width: max-content;
}

span.models__nav__item__status {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--white);
  background: var(--accent-blue);
  line-height: 1;
}

p.models__nav__item__name {
  display: flex;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--white);
}

a.models__nav__item > img {
  margin: 0.25rem 0;
}

p.models__nav__item__slogan {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--light-dark);
  text-transform: uppercase;
}

p.models__nav__item__price {
  text-align: center;
  color: var(--grey);
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1;
}

a.models__nav__item:hover {
  background: var(--dark);
}

li.main__nav__models:hover > .models__nav {
  opacity: 1;
  pointer-events: visible;
}

nav.main ul li:hover > ul.second {
  pointer-events: visible;
  opacity: 1;
}

nav.main ul li.main__nav__models {
  position: initial;
}

nav.main ul.second li {
  width: 100%;
  padding: 0;
}

header.fixed nav.main ul.second {
  border-color: #333;
}

.models__grid {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 100%;
}

.models__grid__item {
  display: flex;
  flex-direction: column;
  padding: 2.75rem 3.625rem;
  background: var(--dark);
  border-radius: 1.25rem;
  position: relative;
  gap: 2rem;
  align-items: center;
}

.models__grid__item__body {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
}

.models__grid__item__detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.5rem;
  width: 100%;
  max-width: calc(100% - 18.75rem);
}

img.models__grid__item__detail__bg {
  position: absolute;
  width: 19.75rem;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  /* display: none; */
}

p.models__grid__item__detail__name {
  font-size: 3.5rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--white);
}

img.models__grid__item__detail__img {
  max-width: 43.125rem;
  width: auto;
  height: auto;
  object-fit: contain;
  z-index: 2;
}

.models__grid__item__info .avilon {
  width: 8.75rem;
  opacity: 0.2;
  margin-bottom: 3.75rem;
}

.models__grid__item__info p.title {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--white);
  margin: 0 0 1.75rem 0;
}

.models__grid__item__footer .btn {
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  min-width: 18.75rem;
}

.models__grid__item__footer .btns {
  display: flex;
  gap: 1.25rem;
  margin: 0;
}

section.breadcrumbs {
  padding: 1.5rem 0;
  margin: 0 !important;
}

.breadcrumbs__wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.breadcrumbs__item {
  font-size: 0.75rem;
  line-height: 1;
  color: var(--light-grey);
}

span.breadcrumbs__delta {
  display: flex;
}

span.breadcrumbs__delta svg path {
    fill: var(--light-grey);
}

span.breadcrumbs__item.current__item {
    color: var(--white);
}


a.breadcrumbs__item {
  text-decoration: underline;
}

a.breadcrumbs__item:hover {
  color: var(--blue);
}

.banner__wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 2.625rem 2rem;
  border-radius: 1rem;
  gap: 20px;
}

.banner__wrapper .btn {
  width: 20rem;
  padding: 0.75rem;
}

.banner__wrapper .btn svg {
  width: 1rem;
  height: 1rem;
}

.model__slider__left__content .current {
  font-size: 2rem;
  font-weight: 500;
}

h2.section__title.width50 {
  max-width: 50%;
}

h2.section__title.left {
  text-align: left;
}

section.colors {
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}

section.colors .colors__container .container {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.colors__container {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 37.5rem;
  overflow: hidden;
  transition: background-color 0.35s ease;
  border-radius: 1rem;
  padding: 0;
}

.colors__container > .container {
  position: relative;
  justify-content: center;
}

.belgee__logo {
  position: absolute;
  width: min(48vw, 28.75rem);
  height: auto;
  opacity: 1;
  pointer-events: none;
  user-select: none;
  top: 0;
}

.color__controls {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7.5rem;
  width: 100%;
  max-width: 24.25rem;
  color: var(--dark);
  top: 40px;
  left: max(1.5rem, calc((100vw - var(--container))/2));
}

.color__controls > .title {
  font-family: "Cal";
  font-size: 3.75rem;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  opacity: 0.6;
  letter-spacing: 0.3125rem;
  display: none;
}

.colors__var {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: flex-start;
  text-align: center;
}

.color__name {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.color__name .en {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 500;
  text-transform: uppercase;
}

.color__name .ru {
  font-size: 1.25rem;
  line-height: 1;
  color: var(--dark);
  opacity: 0.8;
}

.colors__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 19.75rem;
  align-items: center;
  justify-content: center;
}

.colors__item {
  position: relative;
  width: 3.5rem;
  height: 3.5rem;
  flex: 0 0 auto;
  border-radius: 0.25rem;
  cursor: pointer;
  outline: none;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.colors__item::after {
  content: "";
  position: absolute;
  inset: -2px;
  border: 2px solid transparent;
  border-radius: 6px;
  transition: border-color 0.25s ease;
}

.colors__item:hover,
.colors__item:focus-visible {
  transform: translateY(-0.125rem);
}

.colors__item.active::after,
.colors__item:focus-visible::after {
  border-color: var(--blue);
}

.colors__item[data-color="white"] {
  border-color: rgba(0, 0, 0, 0.18);
}

.color__cars {
  position: relative;
  z-index: 1;
  width: 100%;
  /* aspect-ratio: 900 / 364; */
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.color__cars__item {
  position: absolute;
  inset: 0;
  width: auto;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  /* transform: translateX(1.125rem) scale(0.985); */
  transition:
    opacity 0.35s ease,
    transform 0.35s ease;
  top: 0;
  border-radius: 8px;
}

.color__cars__item.active {
  opacity: 1;
  transform: translateX(0) scale(1);
  position: inherit;
}

.testdrive__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  box-shadow: 0px 0px 8px 0px #0000001F;
  border-radius: 0.5rem;
  width: 100%;
}

.testdrive__wrapper > img {
  width: 100%;
  object-fit: cover;
  border-radius: 0.5rem 0 0 0.5rem;
  z-index: 2;
  height: 100%;
}

.testdrive__content {
  padding: 2.75rem 2.75rem 2.75rem 4rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 100%;
  background: var(--dark);
}

.testdrive__content .top {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.testdrive__content .top .header {
  display: flex;
  align-items: flex-start;
  padding: 0;
  justify-content: space-between;
  gap: 12px;
}

section.testdrive .testdrive__content .top .header {
    flex-direction: column;
}

.testdrive__content .top .header p.title {
  font-weight: 500;
  font-size: 2rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--white);
}

span.year {
  font-size: 1.25rem;
  line-height: 1;
  color: var(--dark-grey);
  font-weight: 500;
}

.testdrive__list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.testdrive__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
}

.open__fos__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.open__fos__wrapper > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 0.75rem 0 0 0.75rem;
}

.open__fos__container {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  padding: 2.5rem 5.625rem;
  gap: 2rem;
  background: var(--dark);
  border-radius: 0 0.75rem 0.75rem 0;
}

.open__fos__container p.title {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--blue);
}

form.open__fos__form {
  max-width: 26.25rem;
}

form.open__fos__form input.form__input {
  width: 100%;
}

.btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  margin-top: 2rem;
  width: 100%;
}

section.model__hero {
  margin: 0;
  padding: 1.5rem 0 2.75rem 0;
  height: 100vh;
  min-height: 640px;
  max-height: 960px;
}

section.complect,
section.complect__page {
  position: relative;
  padding-top: 5rem;
}

/* section.complect::before {
  content: "";
  width: 100%;
  height: 5rem;
  position: absolute;
  background: var(--white);
  bottom: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
} */

section.model__hero .breadcrumbs__item {
  color: var(--white);
  opacity: 0.8;
}

section.model__hero .breadcrumbs__delta svg path {
  fill: var(--white);
  opacity: 0.8;
}

section.model__hero a.breadcrumbs__item:hover {
  opacity: 1;
}

.model__hero__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 30rem;
}

p.subtitle {
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--white);
  font-weight: 500;
  opacity: 0.8;
}

section.model__hero .container {
  align-items: flex-start;
}

.model__hero__content h1.title {
  font-size: 4rem;
  font-family: "Cal", sans-serif;
  color: var(--white);
  letter-spacing: 0.125rem;
  line-height: 1;
}

form.model__hero__form {
  padding: 1.5rem 2rem;
  background: var(--dark);
  border-radius: 0.75rem;
  max-width: 800px;
  gap: 0.625rem;
  flex-direction: row;
  flex-wrap: wrap;
}

input.form__input.black__input {
  border-color: var(--light-grey);
  color: var(--white);
  width: 100%;
}

section.model__form {
    background: var(--dark);
}

input.form__input.black__input::placeholder {
  color: var(--light-grey);
}

form.model__hero__form .btn {
  padding: 0.8125rem 1.5rem;
  width: 100%;
  font-size: 0.875rem;
}

input.form__input.black__input:focus {
  border-color: var(--white);
}

form.model__hero__form input.form__input.black__input, form.model__hero__form .btn {
    width: calc(50% - 10px);
}

section.complect .section__description,
section.complect__page .section__description {
  max-width: 66.67%;
  display: grid;
  align-items: flex-start;
  gap: 1.25rem;
  grid-template-columns: repeat(2, 25rem);
  opacity: 0.8;
  text-align: left;
}

section.complect .section__header,
section.complect__page .section__header {
  align-items: flex-start;
}

section.complect .container {
  position: relative;
  z-index: 1;
  gap: 3rem;
}

.model__params {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 2rem;
}

.model__params__list {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 11.25rem;
}

.model__params__list .model__params__item {
  gap: 0;
  align-items: center;
}

.model__params__list .model__params__item span.value {
  margin: 0.5rem 0 0;
  font-size: 3.5rem;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  font-weight: 400;
  color: var(--white);
}

.model__params__list .model__params__item span.text {
  font-size: 0.75rem;
  line-height: 1rem;
}

.complect__item.swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  background: var(--dark);
  border-radius: 1rem;
  padding: 2rem;
  justify-content: space-between;
}

.complect__item__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.complect__name {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 0.125rem solid var(--blue);
  padding-bottom: 1rem;
  flex-direction: column;
  gap: 10px;
}

.complect__name p.name {
  font-size: 2.125rem;
  line-height: 1;
  font-weight: 500;
  color: var(--white);
}

.complect__name p.price {
  color: var(--dark-grey);
  font-size: 1.5rem;
}

.complect__name p.price span.color {
  color: var(--accent-blue);
  font-weight: 500;
}

.complect__item__info ul {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.25;
  opacity: 0.8;
}

.complect__item__info ul li {
  padding-left: 1.75rem;
  background: url(../img/complect-li.svg) no-repeat left 0;
  min-height: 1.25rem;
}

.complect__list__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.complect__list__nav {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  width: 100%;
  padding-bottom: 3rem;
}

.complect__list__nav.is-hidden {
  display: none;
}

.complect__list__nav .arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.complect__list__nav .arrow.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.35;
}

@media (min-width: 992px) {
  section.complect .complect__list__wrapper {
    position: relative;
    gap: 0;
    padding: 0 4.5rem 3rem;
  }

  section.complect .complect__list {
    width: 100%;
  }

  section.complect .complect__list__nav {
    position: absolute;
    inset: 0;
    z-index: 3;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    pointer-events: none;
  }

  section.complect .complect__list__nav .arrow {
    pointer-events: auto;
  }
}

.complect__item.swiper-slide .btn {
  font-size: 0.875rem;
}

.btns .btn {
  font-size: 0.875rem;
}

.full__gallery .container {
  align-items: stretch;
}

.full__gallery > .container > .title {
  font-size: 2.75rem;
  line-height: 1;
  color: var(--black);
  text-align: center;
  font-weight: 400;
}

.full__gallery .gallery__section {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}

.full__gallery .gallery__section > .title {
  font-size: 2rem;
  line-height: 1;
  color: var(--black);
  text-align: center;
}

.full__gallery .gallery__section__head {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.full__gallery .gallery__section__head > .title {
  font-size: 2rem;
  line-height: 1;
  color: var(--black);
  text-align: center;
}

.full__gallery .gallery__section__nav {
  display: none;
  align-items: center;
  gap: 0.75rem;
}

.full__gallery .gallery__section__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  color: var(--black);
  background: var(--white);
  border: 0.0625rem solid rgba(45, 46, 54, 0.16);
  border-radius: 0.375rem;
  cursor: pointer;
  transition:
    color 0.25s ease,
    border-color 0.25s ease,
    opacity 0.25s ease;
}

.full__gallery .gallery__section__arrow:hover {
  color: var(--blue);
  border-color: var(--blue);
}

.full__gallery .gallery__section__arrow.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.full__gallery .gallery__section__arrow svg {
  width: 100%;
  height: 100%;
}

.full__gallery .gallery__section__counter {
  display: inline-flex;
  align-items: baseline;
  min-width: 4.5rem;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1;
  color: rgba(45, 46, 54, 0.55);
  font-weight: 500;
}

.full__gallery .gallery__section__counter .current {
  color: var(--black);
  font-size: 1rem;
}

.full__gallery .gallery__section > .title {
  display: none;
}

.full__gallery .gallery__section__wrapper {
  width: 100%;
  overflow: visible;
}

.full__gallery .gallery__section__wrapper > .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  height: auto;
  transform: none;
}

.full__gallery .gallery__item {
  display: block;
  height: 100%;
  min-height: 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--grey);
}

.full__gallery .gallery__item:nth-child(1) {
  grid-column: 1 / span 2;
  grid-row: 1 / span 2;
}

.full__gallery .gallery__item:nth-child(10) {
  grid-column: 3 / span 2;
  grid-row: 3 / span 2;
}

.full__gallery .gallery__item:nth-child(1),
.full__gallery .gallery__item:nth-child(10) {
  aspect-ratio: auto;
}

.full__gallery .gallery__item:nth-child(1) {
  border-radius: 0.75rem 0 0 0;
}

.full__gallery .gallery__item:nth-child(3) {
  border-radius: 0 0.75rem 0 0;
}

.full__gallery .gallery__item:nth-child(8) {
  border-radius: 0 0 0 0.75rem;
}

.full__gallery .gallery__item:nth-child(10) {
  border-radius: 0 0 0.75rem 0;
}

.full__gallery .gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.full__gallery .gallery__item:hover img {
  transform: scale(1.035);
}

.gallery__section.ext {
  margin-bottom: 4rem;
}

section.breadcrumbs.grey {
  background: var(--dark);
}

section.complect__page {
  padding-top: 1rem;
  margin: 0;
  padding-bottom: 2.5rem;
  margin-bottom: 6.875rem;
  background: var(--dark);
}

section.complect__page .container > h2 {
  margin-top: 3.75rem;
}

section.params .container {
  gap: 0;
}

.params__header {
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: center;
  padding-bottom: 0.75rem;
  border-bottom: 0.1875rem solid var(--blue);
}

.params__header h3.title {
  font-size: 2rem;
  color: var(--black);
  line-height: 1;
}

.params__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.params__item {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 0;
  border-bottom: 0.0625rem solid #393939;
  width: 100%;
  color: var(--light-grey);
}

.params__item__value {
  text-align: right;
}

section.params + section.params {
  padding-top: 0;
}

.complect-specs {
  padding-top: 0;
}

.complect-specs__accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.complect-specs__group {
  width: 100%;
  /* border: 0.0625rem solid #e9e9e9; */
  border-radius: 0.5rem;
  overflow: hidden;
  background: var(--dark);
  flex-direction: column;
}

.complect-specs__head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.375rem 1.5rem;
  border: 0;
  background: var(--dark);
  color: var(--white);
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}

.complect-specs__head:hover {
  color: var(--blue);
}

.complect-specs__icon {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
}

.complect-specs__icon::before,
.complect-specs__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1rem;
  height: 0.125rem;
  border-radius: 2rem;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 0.2s ease;
}

.complect-specs__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.complect-specs__group.is-open .complect-specs__icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.complect-specs__body {
  display: none;
  padding: 0 1.5rem 0.5rem;
  width: 100%;
}

.complect-specs__group.is-open .complect-specs__body {
  display: block;
}

.complect-specs .params__item:last-child {
  border-bottom: 0;
}

.params__item__value {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}

.params__bool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 2rem;
  height: 2rem;
  color: var(--blue);
}

.params__bool::before,
.params__bool::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.25rem;
  height: 0.125rem;
  border-radius: 2rem;
  background: currentColor;
  transform: translate(-50%, -50%);
}

.params__bool::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.params__bool.is-no {
  color: var(--dark-grey);
}

.params__bool.is-no::after {
  display: none;
}

.params__bool span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.params__value-icon {
  max-width: 2rem;
  max-height: 2rem;
  object-fit: contain;
}

.stock__wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 17rem minmax(0, 1fr);
  gap: 1.5rem;
  align-items: flex-start;
}

.filter {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem 1.25rem;
  border-radius: 0.5rem;
  background: var(--dark);
  position: relative;
}

.stock__grid__wrapper {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.stock__control {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}

.stock__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.stock__grid .instock__card {
  min-width: 0;
  max-width: 100%;
  box-shadow: 0 0 0.5rem 0 #0000001f;
  padding: 1.5rem 1.25rem;
  border-radius: 0.5rem;
}

.instock__card__img .swiper-slide {
  display: flex;
  justify-content: center;
  width: 100% !important;
}

.filter > .title {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 500;
  color: var(--white);
}

.stock__filter__close {
  display: none;
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  width: 2rem;
  height: 2rem;
  border: 0;
  padding: 0;
  border-radius: 50%;
  background: #fff;
  color: var(--dark);
  cursor: pointer;
}

.stock__filter__close::before,
.stock__filter__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1rem;
  height: 0.125rem;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;
}

.stock__filter__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.stock__filter__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.filter__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.filter__item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.filter__item > .title {
  font-size: 0.9375rem;
  line-height: 1.2;
  font-weight: 500;
  color: var(--grey);
}

.filter__item__params {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.filter__option {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.2;
  color: var(--light-grey);
  user-select: none;
}

.filter__option input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.filter__option span {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
}

.filter__option span::before {
  content: "";
  display: inline-block;
  flex: 0 0 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  border: 0.0625rem solid var(--white);
  background: transparent;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.filter__option input[type="checkbox"] + span::before {
  border-radius: 0.25rem;
}

.filter__option input[type="radio"] + span::before {
  border-radius: 50%;
}

.filter__option span::after {
  content: "";
  position: absolute;
  left: 0.3125rem;
  top: 10px;
  opacity: 0;
  transform: translateY(-50%) scale(0.7);
  transition:
    opacity 0.16s ease,
    transform 0.16s ease;
}

.filter__option input[type="checkbox"] + span::after {
  width: 0.625rem;
  height: 0.5rem;
  clip-path: polygon(14% 44%, 0 60%, 38% 100%, 100% 16%, 84% 0, 36% 64%);
  background: var(--white);
}

.filter__option input[type="radio"] + span::after {
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--white);
}

.filter__option:has(input:checked) {
  color: var(--blue);
}

.filter__option input:checked + span::before {
  border-color: var(--blue);
  background: var(--blue);
}

.filter__option input:checked + span::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.filter__option input:focus-visible + span::before {
  box-shadow: 0 0 0 0.1875rem rgba(0, 161, 227, 0.18);
}

.filter__item__params--colors {
  display: grid;
  grid-template-columns: repeat(6, 1.5rem);
  gap: 0.625rem;
}

.filter__color {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 0.3125rem;
  border: 0.0625rem solid rgba(45, 46, 54, 0.18);
  background: var(--filter-color, #d9d9d9);
  cursor: pointer;
  position: relative;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.filter__color input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  background: transparent;
  opacity: 0;
  cursor: pointer;
}

.filter__color::after {
  content: "";
  position: absolute;
  inset: 0.4375rem;
  opacity: 0;
  transform: scale(0.7);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
  clip-path: polygon(14% 44%, 0 60%, 38% 100%, 100% 16%, 84% 0, 36% 64%);
  background: var(--filter-check-color, var(--white));
}

.filter__color--white::after,
.filter__color--silver::after {
  background: var(--blue);
}

.filter__color span {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.filter__color:has(input:checked) {
  border-color: var(--blue);
  box-shadow: 0 0 0 0.125rem rgba(11, 112, 183, 0.18);
}

.filter__color:has(input:checked)::after {
  opacity: 1;
  transform: scale(1);
}

.filter__color:has(input:focus-visible) {
  box-shadow: 0 0 0 0.1875rem rgba(0, 161, 227, 0.18);
}

.filter__color--white {
  background: #fff;
}

.filter__color--black {
  background: #111;
}

.filter__color--silver {
  background: #c8cdd2;
}

.filter__color--grey {
  background: #7b828a;
}

.filter__color--blue {
  background: #0b70b7;
}

.filter__color--red {
  background: #b72b2b;
}

.stock__filter__actions {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}

.filter .reset,
.stock__apply-filter {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.75rem 0.5rem;
  font-size: 0.75rem;
}

.stock__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 0;
  flex: 1 1 auto;
}

.stock__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2rem;
  padding: 0.4375rem 0.625rem;
  border-radius: 0.375rem;
  border: 0.0625rem solid var(--blue);
  background: rgba(11, 112, 183, 0.08);
  color: var(--blue);
  font-size: 0.8125rem;
  line-height: 1;
}

.stock__chip button {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font-size: 1rem;
  line-height: 1;
  font-family: Arial, sans-serif;
  cursor: pointer;
}

.stock__reset-all {
  display: none;
  border: 0;
  background: transparent;
  color: var(--grey);
  font-size: 0.8125rem;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}

.stock__wrapper.has-filters .stock__reset-all {
  display: inline-flex;
}

.stock__sort {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
  color: var(--light-grey);
  font-size: 0.8125rem;
  line-height: 1;
  position: relative;
}

.stock__sort::after {
  content: "";
  position: absolute;
  right: 0.875rem;
  bottom: 1rem;
  width: 0.5rem;
  height: 0.5rem;
  border-right: 0.09375rem solid var(--dark);
  border-bottom: 0.09375rem solid var(--dark);
  transform: rotate(45deg);
  transition:
    border-color 0.2s ease,
    transform 0.25s ease;
  pointer-events: none;
}

.stock__sort.is-open::after,
.stock__sort:focus-within::after {
  border-color: var(--blue);
  transform: rotate(225deg);
}

.stock__sort__select {
  min-width: 11.25rem;
  height: 2.5rem;
  padding: 0 2.75rem 0 0.75rem;
  border: 0.0625rem solid #e1e4e8;
  border-radius: 0.375rem;
  background: #fff;
  color: var(--dark);
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.stock__sort.is-open .stock__sort__select,
.stock__sort__select:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 0.1875rem rgba(0, 161, 227, 0.14);
  outline: 0;
}

.stock__filter__toggle {
  display: none;
  height: 2.5rem;
  padding: 0 1rem;
  border: 0;
  border-radius: 0.375rem;
  background: var(--dark);
  color: var(--white);
  font-size: 0.8125rem;
  line-height: 1;
}

.stock__empty {
  padding: 2rem 1.25rem;
  border-radius: 0.5rem;
  background: #f4f6f8;
  text-align: center;
  color: rgba(45, 46, 54, 0.7);
}

.stock__card-hidden {
  display: none !important;
}

.stock__show-more[hidden],
.stock__empty[hidden] {
  display: none;
}

.page-car-breadcrumbs .breadcrumbs__wrapper,
.test-drive__breadcrumbs {
  color: rgba(45, 46, 54, 0.72);
}

.detail-car-page {
  margin-bottom: 6.875rem;
}

.detail-car-page .container,
.test-drive-page .container {
  align-items: stretch;
  gap: 0;
}

.detail-car-page .container {
  align-items: stretch;
  gap: 4rem;
}

.detail-car__back {
  width: max-content;
  color: var(--light-grey);
  line-height: 1.25;
  position: absolute;
}

.detail-car__heading {
  text-align: center;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 0.75rem;
}

.detail-car__model {
  font-size: 2rem;
  line-height: 1;
  font-weight: 500;
  color: var(--blue);
}

.detail-car__subtitle {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  color: var(--dark-grey);
}

.detail-car__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(23.75rem, 0.85fr);
  gap: 1.5rem;
  align-items: flex-start;
}

.detail-car__gallery {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.detail-car__big {
  position: relative;
  width: 100%;
  min-height: auto;
}

.detail-car__big-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1.9 / 1;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: grab;
}

.detail-car__big-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail-car__arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 1.5rem;
  height: 1.5rem;
  border: 0;
  background: transparent;
  color: var(--accent-blue);
  line-height: 1;
  transform: translateY(-50%);
  display: flex;
}

.detail-car__arrow svg path {
    fill: var(--blue);
}

.detail-car__arrow--prev {
  left: 1.5rem;
}

.detail-car__arrow--next {
  right: 1.5rem;
}

.detail-car__pagination {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
  max-width: 100%;
}

.detail-car__pagination .swiper-pagination-bullet {
  height: 0.125rem;
  border-radius: 0;
  background: #3d3d3d;
  opacity: 1;
  width: 100%;
  max-width: 4rem;
}

.detail-car__pagination .swiper-pagination-bullet-active {
  background: var(--blue);
}

.detail-car__thumbs {
  width: 100%;
}

.detail-car__thumb {
  height: 7.75rem;
  padding: 0;
  border: 0.0625rem solid #333;
  border-radius: 0.25rem;
  background: #f4f6f8;
  overflow: hidden;
}

.detail-car__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail-car__thumb.swiper-slide-thumb-active {
  border-color: var(--blue);
}

.detail-car__info {
  display: flex;
  flex-direction: column;
  gap: 2.75rem;
}

.detail-car__price-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  max-width: 25rem;
}

.detail-car__price-grid--discount {
  align-items: start;
}

.detail-car__label,
.detail-car__spec span {
  color: var(--dark-grey);
  font-size: 1em;
  line-height: 1;
  font-weight: 500;
}

p.detail-car__label {
    margin-bottom: 5px;
}

.detail-car__old-price {
  margin-top: 0;
  color: var(--light-grey);
  font-size: 1.2rem;
  text-decoration: line-through;
  line-height: 1;
}

.detail-car__price-grid--single .detail-car__old-price {
  color: var(--black);
  font-size: 1.5rem;
  text-decoration: none;
}

.detail-car__price,
.detail-car__price-small {
  font-size: 2rem;
  line-height: 1;
}

.detail-car__price-small {
  margin-top: 0.625rem;
}

.detail-car__discounts {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.75rem;
  margin-top: 20px;
}

.detail-car__discount {
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: flex-start;
  cursor: pointer;
  user-select: none;
}

.detail-car__discount input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.detail-car__discount-check {
  width: 1.25rem;
  height: 1.25rem;
  border: 0.0625rem solid var(--blue);
  border-radius: 0.25rem;
  background: transparent;
  position: relative;
  margin-top: 0.125rem;
}

.detail-car__discount input:checked + .detail-car__discount-check {
  background: var(--blue);
}

.detail-car__discount input:checked + .detail-car__discount-check::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 8px;
  width: 0.375rem;
  height: 0.625rem;
  border: solid var(--white);
  border-width: 0 0.125rem 0.125rem 0;
  transform: rotate(45deg) translate(-50%, -50%);
}

.detail-car__discount-title,
.detail-car__discount-amount {
  display: block;
  line-height: 1.25;
}

.detail-car__discount-title {
  color: var(--white);
  font-size: 0.9375rem;
  font-weight: 400;
}

.detail-car__discount-amount {
  margin-top: 0.25rem;
  color: var(--blue);
  font-size: 1.5rem;
  font-weight: 500;
}

.detail-car__spec {
  display: grid;
  grid-template-columns: 8.875rem minmax(0, 1fr);
  gap: 0.875rem;
  padding: 0.75rem 0;
  border-bottom: 0.0625rem solid #3d3d3d;
}

.detail-car__spec strong {
  font-size: 1em;
  line-height: 1;
  font-weight: 400;
}

.detail-car__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.detail-car__actions .btn {
  width: 100%;
}

.test-drive-page {
}

.test-drive__breadcrumbs {
  margin: 1.5rem 0 2rem 0;
}

.test-drive__breadcrumbs a {
  text-decoration: underline;
}

.test-drive__step {
  display: none;
}

.test-drive__step.is-active {
  display: flex;
  flex-direction: column;
}

.test-drive__step:not(.test-drive__step--intro) {
  gap: 2.5rem;
}

.test-drive__step-head {
  display: flex;
  align-items: baseline;
  gap: 2.625rem;
}

.test-drive__step-head span {
  color: var(--dark-grey);
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.test-drive__step-head strong {
  color: var(--accent-blue);
  font-size: 2rem;
  line-height: 1;
  font-weight: 500;
}

.test-drive__step-head h1,
.test-drive__step-head h2 {
  font-size: 2rem;
  line-height: 1;
  color: var(--white);
  font-weight: 400;
}

.test-drive__intro {
  display: grid;
  grid-template-columns: minmax(0, 32.5rem) auto;
  gap: 6rem;
}

.test-drive__intro img {
  width: 100%;
  aspect-ratio: 1.55 / 1.15;
  object-fit: cover;
  border-radius: 0.5rem;
}

.test-drive__intro-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  justify-content: space-between;
}

.test-drive__intro-text h2 {
  font-size: 2.5rem;
  line-height: 1.15;
}

.test-drive__intro-text p {
  color: var(--light-grey);
  font-size: 0.9375rem;
}

.test-drive__intro-text .btn {
  width: 18.75rem;
}

.test-drive__models {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.test-drive__model-card {
  border-radius: 0.5rem;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease;
  border: 0.0625rem solid var(--dark);
}

/* .test-drive__model-card.is-selected {
  border-color: rgba(0, 161, 227, 0.72);
  box-shadow: 0 0.5rem 1.625rem rgba(0, 161, 227, 0.12);
} */

.test-drive__model-card .testdrive__wrapper {
  width: 100%;
  box-shadow: none;
}

.test-drive__model-card .testdrive__wrapper .testdrive__wrapper__img {
  background: var(--black);
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.test-drive__model-card .testdrive__content .btn {
  width: 100%;
}

.test-drive__selected-model {
  display: grid;
  grid-template-columns: minmax(0, 27.5rem) auto;
  gap: 1.875rem;
  align-items: center;
  margin-bottom: 1.5rem;
}

.test-drive__selected-model img {
  width: 100%;
  object-fit: contain;
}

.test-drive__selected-model h3 {
  font-size: 2.5rem;
  line-height: 1;
  color: var(--grey);
  font-weight: 500;
}

.test-drive__selected-model h3 span {
  color: var(--blue);
  font-weight: 500;
  font-size: 2.5rem;
}

.test-drive__selected-model span {
  color: var(--dark-grey);
  font-weight: 500;
  font-size: 1.25rem;
}

.test-drive__subheading {
  text-align: center;
  font-size: 2.5rem;
  line-height: 1;
}

.test-drive__datetime {
  display: flex;
  justify-content: space-between;
  gap: 2.375rem;
  width: 100%;
}

.test-drive__calendar {
  padding: 2rem 1.5rem;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem 0 #0000001F;
  width: 18.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--dark);
}

.test-drive__calendar-head,
.test-drive__week,
.test-drive__days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  text-align: center;
}

.test-drive__calendar-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.test-drive__calendar-head button,
.test-drive__day,
.test-drive__times button {
  display: flex;
  border: none;
  background: transparent;
}

.test-drive__week {
  color: var(--light-grey);
  font-size: 0.75rem;
}

.test-drive__day {
  height: 2.25rem;
  background: transparent;
  color: var(--light-grey);
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  border-radius: 0.375rem;
}

.test-drive__day.is-disabled,
.test-drive__day:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.test-drive__day.is-selected, .test-drive__times button.is-selected, .test-drive__day.is-selected:hover, .test-drive__times button.is-selected:hover {
  background: var(--blue);
  color: #fff;
}

.test-drive__times {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  align-self: start;
}

.test-drive__times button {
  height: 2.25rem;
  font-size: 1.125rem;
  width: 6.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--dark);
  font-weight: 500;
  color: var(--light-grey);
  line-height: 1;
  border-radius: 0.25rem;
}

.test-drive__summary {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 25rem;
}

.test-drive__summary p {
  color: var(--dark-grey);
}

.test-drive__notice {
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.test-drive__notice--ok {
  background: #E7FFE6;
  color: var(--grey);
}

.test-drive__notice--warn {
  background: #fff0cf;
  color: #9c7b2d;
}

.test-drive__error {
  min-height: 1rem;
  color: #eb5757;
  font-size: 0.75rem;
  display: none;
}

.test-drive__contact-grid,
.test-drive__success {
  display: flex;
  gap: 9.375rem;
  align-items: flex-start;
  justify-content: space-between;
}

.test-drive__selected-date {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem 1.5rem;
  width: max-content;
  max-width: 100%;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
  background: var(--dark);
}

.test-drive__selected-date strong {
  grid-row: span 2;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
}

.test-drive__form {
  gap: 0.625rem;
  max-width: 25rem;
}

.test-drive__form h3 {
  margin-bottom: 0.375rem;
  font-size: 1.25rem;
  line-height: 1.4;
}

.test-drive__form p {
  margin-bottom: 0.375rem;
}

.test-drive__form .form__input {
  width: 100%;
  border-color: rgba(45, 46, 54, 0.28);
  color: var(--grey);
  border: 0.0625rem solid var(--grey);
  padding: 0.75rem 1rem;
  font-weight: 400;
}

.test-drive__form .form__input::placeholder {
  color: var(--grey);
}

.test-drive__form-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625rem;
  width: 100%;
}

.test-drive__success h2 {
  color: var(--blue);
  font-size: 2rem;
  line-height: 1.18;
  font-weight: 500;
  text-transform: uppercase;
}

.test-drive__success p {
  font-size: 1.25rem;
  line-height: 1.4;
}

.detail-car__back:hover {
  color: var(--blue);
}

.detail-car__arrow:hover svg g {
  opacity: 1;
}

button.detail-car__arrow.swiper-button-disabled {
  cursor: default;
  opacity: 0;
}

button.detail-car__arrow.swiper-button-disabled:hover svg g {
  opacity: 0.4;
}

.test-drive__intro-text .top {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.test-drive__intro-text .top div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1.25rem;
  line-height: 1.4;
}

.test-drive__step.test-drive__step--intro {
    gap: 5rem;
}

.test-drive__model-card:nth-child(2n) .testdrive__wrapper {
    flex-direction: row-reverse;
}

.test-drive__model-card:nth-child(2n) .testdrive__wrapper .testdrive__content {
    padding: 2.75rem 4rem 2.75rem 2.75rem;
}

.test-drive__model-card:nth-child(2n) .testdrive__wrapper > img {
    border-radius: 0 0.5rem 0.5rem 0;
}

.testdrive__content .top .header .info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

p.price {
    font-size: 1.75rem;
    line-height: 1;
    color: var(--blue);
}

.selected__model__info {
    display: flex;
    flex-direction: column;
    gap: 2.75rem;
}

.selected__model__info__header {
    display: flex;
    justify-content: space-between;
}

.selected__model__info__header div {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.selected__model__info__header > p {
    font-size: 1.75rem;
    line-height: 1;
    color: var(--blue);
}

.selected__model__info .tech__list {
    display: flex;
    gap: 2.5rem;
    max-width: 100%;
}

.test-drive__selected-model .tech__item__param img {
    width: auto;
}

.test-drive__selected-model .tech__item__param span {
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 400;
    color: var(--blue);
    opacity: .8;
}

.test-drive__timing {
    display: flex;
    gap: 2.25rem;
    align-items: flex-start;
}

.test-drive__calendar-head button:hover svg path {
    fill: var(--blue);
}

.test-drive__calendar-head button {
    width: 1.3125rem;
    height: 1.3125rem;
}

button.test-drive__day:hover {
    color: var(--blue);
    background: var(--light-blue);
}

.test-drive__calendar-head strong {
    font-size: 1.125rem;
    font-weight: 400;
}

.test-drive__times button:hover {
    background: var(--light-blue);
    color: var(--blue);
}

.test-drive__date-time {
    display: flex;
    gap: 1.5rem;
}

.test-drive__date-time strong {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 400;
}

.params:not(section.params) {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 12.5rem;
}

.params div:not(.params__item):not(.complect-specs__body) {
    display: flex;
    gap: 0.5rem;
    font-size: 1.125rem;
    align-items: center;
    line-height: 1;
}

.test-drive__form .btn {
    padding: 0.75rem;
}

.test-drive__selected-date div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    line-height: 1;
}

.test-drive__selected-date div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.125rem;
    line-height: 1;
}

.test-drive__success > div {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 27.5rem;
}

.test-drive__success p strong {
    font-weight: 500;
    color: var(--blue);
}

.test-drive__success > div:nth-child(2) {
    gap: 0.75rem;
}

.page__hero .model__hero__content h1.title {
    font-size: 2.5rem;
    line-height: 1;
    font-family: 'Neo', sans-serif;
    font-weight: 500;
}

section.page__hero {
    margin: 0;
}

.credit__car__list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.credit__car__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.credit__car__item img {
    width: 54px;
    height: 54px;
}

.credit__car__item p {
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 500;
    color: var(--grey);
    text-align: center;
}

.banks__list .banks__item {
    height: auto;
    width: auto;
}

.banks__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    justify-content: space-between;
    width: 100%;
}

.programms__table {
    width: 100%;
}

.programms__wrapper {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%;
}

.programms__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 0.1875rem solid var(--accent-blue);
}

.thead {
    display: grid;
    grid-template-columns: 20% 20% 55%;
    gap: 1.25rem;
    justify-content: space-between;
    padding: 1.25rem 0;
    border-bottom: 0.0625rem solid #eb92014d;
}

.tr {
    display: grid;
    grid-template-columns: 20% 20% 55%;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1rem 0;
    border-bottom: 0.0625rem solid #eb92014d;
}

.td {
    display: flex;
    font-size: 1.125rem;
    line-height: 1.33;
    color: var(--white);
}

.thead .td {
    font-weight: 500;
}

.programms__attention {
    background: var(--dark);
    padding: 1.5rem 3.875rem;
    border-radius: 0.75rem;
    gap: 1.25rem;
    display: flex;
    align-items: flex-start;
}

.programms__attention span {
    line-height: 1.75rem;
    color: var(--grey);
}

section.new__car .top {
    display: flex;
    align-items: flex-start;
}

section.new__car .top p.title {
    max-width: 25rem;
    font-size: 2.5rem;
    line-height: 1.4;
}

section.new__car .top p.title .color {
    font-weight: 500;
    color: var(--accent-blue);
}

section.new__car .top img {
    max-width: 36.875rem;
}

.steps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4rem 10rem;
}

.step__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 30rem;
    width: 100%;
    gap: 3rem;
}

.step__item__text {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

span.num {
    font-size: 4rem;
    line-height: 1;
    font-weight: 700;
    color: var(--accent-blue);
}

.step__item__text .text {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    font-size: 1.5rem;
    line-height: 1.33;
}

.step__item__text .text strong {
    font-weight: 500;
}

section.new__car .container {
    gap: 4rem;
}

.new__car__form {
    display: flex;
    max-width: 51.25rem;
    width: 100%;
    background: var(--dark);
    padding: 2.5rem 4rem;
    border-radius: 0.75rem;
}

.new__car__form form.open__fos__form input.form__input {
    width: calc(50% - 0.625rem);
}

.new__car__form form.open__fos__form {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
    align-items: center;
    gap: 1rem 1.25rem;
}

section.diller p.title {
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    color: var(--accent-blue);
}

section.diller .container {
    align-items: flex-start;
    gap: 1rem;
}

section.diller .container .text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 51.25rem;
    font-size: 1.125rem;
    line-height: 1.6;
    color: var(--grey);
}

section.diller .container .text ul {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.25;
    color: var(--grey);
}

section.diller .container .text ul li {
    position: relative;
    padding-left: 1rem;
}

section.diller .container .text ul li::before {
    content: '';
    width: 0.375rem;
    height: 0.375rem;
    display: flex;
    position: absolute;
    top: 0.5rem;
    background: var(--accent-blue);
    border-radius: 3.125rem;
    left: 0;
}

.info:not(.testdrive__content .top .header .info) {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.5rem;
    background: var(--dark);
    border-radius: 0.75rem;
    color: var(--light-grey);
    margin-top: 1.5rem;
}

.info img {
    width: 1.5rem;
}

.info p:not(.testdrive__content .top .header p.title) {
    max-width: calc(100% - 2.75rem);
}

.controls__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.25rem;
    width: 100%;
}

a.controls__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    font-size: 1.25rem;
    line-height: 1;
    padding: 2rem 3.5rem;
    border-radius: 0.5rem;
    background: var(--accent-blue);
    color: var(--white);
    font-weight: 500;
}

a.controls__item:hover {
    background: var(--blue);
}

section.pricelist .container {
    gap: 3.5rem;
}

.pricelist__items {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.pricelist__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    background: var(--dark);
    padding: 40px;
    border-radius: 12px;
    justify-content: space-between;
}

.pricelist__model-title {
    width: 100%;
    margin: 0;
    color: var(--white);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.pricelist__item .btns {
    margin: 0;
    gap: 1.25rem;
    display: flex;
}

.pricelist__item .btns .btn {
    width: 100%;
}

.btn.accent__btn {
    background: var(--accent-blue);
}

.btn.accent__btn:hover {
    background: var(--dark-blue);
}

.article__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    width: 100%;
}

a.article__item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

a.article__item img {
    height: 14.375rem;
    object-fit: cover;
    border-radius: 0.5rem;
    border: 0.125rem solid var(--dark);
    transition: all .25s ease;
}

.article__item__info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

span.date {
    font-size: 0.75rem;
    line-height: 1.25;
}

.article__item__info p.title {
    font-weight: 500;
    line-height: 1;
    font-size: 1rem;
}

a.article__item:hover p.title {
    color: var(--accent-blue);
}

a.article__item:hover img {
    border-color: var(--accent-blue);
}

section.special__detail .top {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
}

section.special__detail .top img {
    object-fit: cover;
    border-radius: 0.75rem;
    height: auto;
    max-height: 41.5625rem;
}

section.special__detail .top span.date {
    font-size: 1.25rem;
    color: var(--light-dark);
    line-height: 1;
}

section.special__detail .top h1.section__title {
    text-align: left;
    font-size: 2.5rem;
    line-height: 1.4;
    color: var(--dark);
    font-weight: 500;
}

section.special__detail .container {
    gap: 1.5rem;
}

.content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.125rem;
    line-height: 1.6;
    width: 100%;
}

.content ul, .content ol {
    padding: 10px 0 10px 20px;
}

.mark {
    font-size: 1.5rem;
    line-height: 1.5;
    color: var(--dark-grey);
    font-weight: 500;
    margin-bottom: 1.25rem;
    width: 100%;
}

.content ul {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    list-style: disc;
    padding: 0.625rem 0 0.625rem 1.25rem;
}

section.fos.special__fos .fos__wrapper {
    grid-template-columns: 40rem auto;
    align-items: center;
    display: flex;
}

section.fos.special__fos .container {
    background: var(--dark);
    max-width: 100%;
    border-radius: 0.75rem;
    padding: 2.5rem 4rem;
}

section.fos.special__fos .fos__wrapper img {
    justify-self: center;
    display: none;
}

section.fos.special__fos .fos__wrapper .fos__form {
    max-width: 100%;
    width: 100%;
    align-items: center;
}

section.fos.special__fos .fos__wrapper .fos__form p.title {
    color: var(--white);
    font-weight: 500;
}

section.fos.special__fos .fos__wrapper .fos__form input.form__input {
    border: 0.0625rem solid var(--dark-grey);
    color: var(--white);
    font-weight: 400;
}

section.fos.special__fos .fos__wrapper .fos__form input.form__input::placeholder {
    color: var(--dark-grey);
    font-weight: 400;
}

section.fos.special__fos .fos__wrapper .fos__form input.form__input:focus {
    border-color: var(--blue);
}

section.fos.special__fos .fos__wrapper .fos__form form {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
}

h3.section__title {
    font-size: 2rem;
    line-height: 1;
}

section.news__detail .top {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 2.5rem;
}

section.news__detail .top img {
    border-radius: 0.75rem;
    width: 100%;
    height: auto;
}

.news__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}

.news__info span.date {
    font-size: 1.125rem;
    line-height: 1;
    color: var(--light-grey);
}

.news__info h1.section__title {
    font-size: 2.5rem;
    line-height: 1;
    text-align: left;
    font-weight: 500;
    color: var(--white);
}

section.fos.subscribe__fos .container {
    max-width: 100%;
    background: var(--blue);
    border-radius: 0.75rem;
    padding: 2rem 3.375rem;
}

section.fos.subscribe__fos .container .fos__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.subscribe__info {
    max-width: 25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

section.fos .subscribe__info p.title {
    font-size: 1.75rem;
    color: var(--white);
}

section.fos .subscribe__info p.text {
    font-size: 1rem;
    font-weight: 400;
    color: var(--light-grey);
}

section.fos.subscribe__fos .fos__form {
    max-width: 100%;
}

section.fos.subscribe__fos form {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.625rem;
}

section.fos.subscribe__fos input.form__input {
    background: url(../img/mail.svg) no-repeat 0.875rem center;
    background-color: var(--white);
    border: none;
    padding: 0.75rem 0.75rem 0.75rem 3rem;
    font-size: 1rem;
    font-weight: 400;
    color: var(--dark);
}

section.fos.subscribe__fos input.form__input::placeholder {
    color: var(--light-dark);
}

section.fos.subscribe__fos .checkbox {
    color: var(--light-grey);
}

section.fos.subscribe__fos .checkbox a {
    color: var(--white);
    opacity: .8;
}

section.fos.subscribe__fos input.form__checkbox {
    border-color: var(--light-grey);
}

section.fos.subscribe__fos input.form__checkbox:checked {
    background: url(../img/check-white.svg) no-repeat center;
    background-size: 100%;
}

section.fos.subscribe__fos .fos__form button {
    padding: 0.75rem;
}

section.fos.subscribe__fos .fos__form button:hover {
    background: var(--white);
    color: var(--dark);
    border-color: var(--white);
}

.company__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}

.company__content img {
    width: 100%;
    height: auto;
    border-radius: 0.75rem;
    object-fit: cover;
}

.company__content .text {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    line-height: 1.5;
}

.company__content .text ul {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    list-style: disc;
    padding: 0.625rem 0 0.625rem 1.25rem;
}

.contacts__main__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.75rem;
}

.contacts__main__info {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: space-between;
}

.contacts__main__values {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.contacts__main__item {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

a.contacts__main__item__el {
    display: flex;
    gap: 0.75rem;
    font-size: 1.5rem;
    font-weight: 400;
    align-items: center;
}

a.contacts__main__item__el svg {
    width: 1.5rem;
    height: 1.5rem;
}

.controls {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.control__main__item__el {
    cursor: pointer;
    transition: all .25s ease;
    font-size: 0.75rem;
    line-height: 1;
    color: var(--light-grey);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.control__main__item__el span {
    border-bottom: 0.0625rem solid;
    transition: all .25s ease;
}

.control__main__item__el:hover,
.control__main__item__el.order__call:hover {
    color: var(--accent-blue);
}

.control__main__item__el:hover svg path {
    fill: var(--accent-blue);
}

.control__main__item__el.order__call {
    color: var(--grey);
}

a.contacts__main__item__el:hover {
    color: var(--accent-blue);
}

a.contacts__main__item__el:hover svg path {
    fill: var(--accent-blue);
}

.contacts__messagers {
    display: flex;
    gap: 0.75rem;
}

a.messagers__item {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    font-size: 1rem;
    line-height: 1;
    color: var(--grey);
    padding: 1.25rem;
    border: 0.0625rem solid var(--grey);
    border-radius: 0.25rem;
}

a.messagers__item svg {
    width: 2rem;
    height: 2rem;
}

a.messagers__item svg path {
    fill: var(--blue);
}

a.messagers__item:hover {
    background: var(--accent-blue);
    border-color: var(--accent-blue);
    color: var(--white);
}

a.messagers__item:hover svg path {
    fill: var(--white);
}

.contacts__main__footer {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.contacts__list__item.doc__nums {
    margin-top: 1rem;
    gap: 1.5rem;
}

.contacts__main__footer .soc svg {
    width: 2rem;
    height: 2rem;
}

.contacts__main__footer .contacts__list__item {
    font-size: 1.125rem;
}

section.contacts__main .contacts__list__item.contacts__branch-row {
    flex-direction: row;
}

.contacts__main__footer .soc {
    gap: 1rem;
}

.contacts__main__footer .soc svg path {
    fill: var(--grey);
}

.map__qr {
    position: absolute;
    display: flex;
    left: calc((100% - var(--container))/2);
    top: 3.75rem;
    z-index: 2;
}

p.control__main__item__el.copy svg path {
    fill: var(--grey);
}

p.control__main__item__el.copy:hover svg path {
    fill: var(--blue);
}

a.contacts__main__item__el.mail svg path {
    fill: var(--blue);
}

.control__main__item__el.order__call svg path {
    fill: var(--grey);
}

.control__main__item__el.order__call:hover svg path {
    fill: var(--blue);
}

section.service__hero .model__hero__content {
    gap: 0.75rem;
    max-width: 37.5rem;
}

section.service__hero .model__hero__content h1.title {
    font-family: "Google Sans", sans-serif;
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: 500;
}

section.model__hero.service__hero {
    min-height: 27.5rem;
    margin-bottom: 6.875rem;
}

section.model__hero.service__hero .container {
    justify-content: space-between;
}

.service__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    width: 100%;
}

a.service__item {
    background: var(--dark);
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.5rem;
    border-radius: 0.75rem;
    line-height: 1.25;
    font-weight: 500;
    border: 0.0625rem solid transparent;
}

a.service__item:hover {
    color: var(--accent-blue);
    border-color: var(--accent-blue);
    background: transparent;
}

.advantages__list {
    display: flex;
    gap: 1.25rem;
    width: 100%;
    justify-content: space-between;
}

.advantages__item {
    max-width: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.25rem;
    font-weight: 500;
    color: var(--light-grey);
}

section.service__reviews.reviews {
    margin-top: 0;
}

section.models .btns {
    width: auto;
    margin: 0;
}

section.models .btns .black__btn {
    padding: 0.6875rem 3.975rem;
}

/* Models section responsive normalization */
section.models .container {
  gap: 2.5rem;
}

section.models .section__title {
  padding-inline: 1.5rem;
}

section.models .models__wrapper {
  overflow: visible;
}

section.models .models__list {
  overflow: hidden;
}

section.models .models__list .swiper {
  overflow: visible;
}

section.models .models__list .swiper-wrapper {
  align-items: stretch;
}

section.models .models__list__item {
  height: auto;
  min-height: clamp(13.75rem, 21vw, 19.25rem);
  padding: clamp(1rem, 1.6vw, 1.5rem) clamp(0.75rem, 2vw, 1.75rem) 3.75rem;
  justify-content: flex-start;
  gap: 1.5rem;
  border-radius: 20px;
}

section.models .models__list__item.active {
    background: linear-gradient(0deg, var(--light-blue), transparent);
}

section.models .models__list__item__bg {
  width: auto;
  top: 0;
}

section.models .models__list__item__name {
  margin: 0;
  flex: 0 0 auto;
}

section.models .models__list__item > img:not(.models__list__item__bg) {
  width: 100%;
  max-width: min(32rem, 94%);
  height: auto;
  margin: auto 0 0;
  object-fit: contain;
}

section.models .models__list__item__price {
  left: 0.75rem;
  right: 0.75rem;
  bottom: 1.25rem;
  text-align: center;
}

section.models .models__slider {
  gap: 0;
  align-items: stretch;
  overflow: hidden;
}

section.models .models__slider.is-open {
  max-height: 75rem;
  overflow: visible;
  padding: clamp(4rem, 8vw, 9.0625rem) 4rem 0;
}

section.models .models__slider > .swiper {
  width: 100%;
  max-width: 72.5rem;
  min-width: 0;
  overflow: hidden;
}

section.models .models__slider__item {
  width: 100%;
  min-width: 0;
  padding-bottom: 3.125rem;
  gap: clamp(1.75rem, 3vw, 2.5rem);
}

section.models .models__slider__item__body {
  grid-template-columns: minmax(18rem, 0.42fr) minmax(0, 0.58fr);
  gap: clamp(1.5rem, 3.5vw, 3rem);
  align-items: end;
  max-width: 72.5rem;
}

section.models .models__slider__item__info {
  min-width: 0;
}

section.models .models__slider__item__detail {
  min-width: 0;
  min-height: clamp(16rem, 25vw, 22rem);
  overflow: visible;
}

section.models .models__slider__item__detail__bg {
  width: auto;
  max-height: 100%;
  border-radius: 20px;
}

section.models .models__slider__item__detail__name {
  right: 0;
  width: 100%;
  padding-top: clamp(1rem, 4vw, 1rem);
}

section.models .models__slider__item__detail__img {
  width: 100%;
  max-width: min(47.5rem, 108%);
  max-height: clamp(13.75rem, 23vw, 20rem);
  object-fit: contain;
}

section.models .models__slider__item__footer {
  display: grid;
  grid-template-columns: minmax(13rem, 18.75rem) minmax(0, auto);
  gap: 1rem;
  align-items: center;
  max-width: 72.5rem;
  padding-right: 0;
}

section.models .models__slider__item__footer .btns {
  display: grid;
  grid-template-columns: repeat(2, minmax(9rem, 1fr));
  gap: 0.75rem;
  width: auto;
  margin: 0;
}

section.models .models__slider__item__footer .btn,
section.models .models__slider__item__footer .black__btn {
  width: 100%;
  min-width: 0;
  min-height: 2.5rem;
  padding: 0.6875rem 1.25rem;
  white-space: nowrap;
}

section.models .models__slider .arrow {
  position: absolute;
  top: 55%;
  z-index: 20;
  transform: translateY(-50%);
}

section.models .models__slider .arrow.prev {
  left: max(1rem, calc((100% - 80rem) / 2));
}

section.models .models__slider .arrow.next {
  right: max(1rem, calc((100% - 80rem) / 2));
}

/* Hero section responsive normalization */
section.hero {
  height: min(100vh, 60rem);
  min-height: 35rem;
  max-height: none;
  overflow: visible;
}

section.hero .container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

section.hero .hero__slider.swiper {
  order: 1;
  height: calc(100% - 5rem);
  min-height: 0;
}

section.hero .deeler {
  order: 2;
}

section.hero .swiper-wrapper,
section.hero .hero__slide,
section.hero .hero__slide picture {
  height: 100%;
}

section.hero .hero__slide {
  overflow: hidden;
}

section.hero .hero__slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.22) 42%, rgba(0, 0, 0, 0) 72%);
}

section.hero .hero__slide picture {
  display: block;
  width: 100%;
}

section.hero .hero__slide picture img {
  object-position: center center;
}

section.hero .hero__slide__info {
  z-index: 2;
  left: max(1.5rem, calc((100vw - var(--container)) / 2));
  right: 1.5rem;
  max-width: var(--container);
}

.btn.call__btn {
    background: transparent;
    color: var(--white);
    border: 2px solid;
}

.btn.call__btn:hover {
    border-color: var(--white);
    background: var(--white);
    color: var(--black);
}

section.hero .hero__slider__title {
  max-width: 100%;
  line-height: 1.12;
}

section.hero .hero__slider__text {
  max-width: 32rem;
  line-height: 1.35;
}

section.hero .deeler {
  min-height: 5rem;
  padding: 1.25rem 1.5rem;
}

section.hero .deeler h1 {
  max-width: min(100%, var(--container));
  text-align: center;
}

.contacts__main__wrapper > img {
    border-radius: 12px;
}

.stock__grid__nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

button.btn.black__btn.stock__show-more {
    width: 220px;
}

.stock__grid__pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.stock__page-btn.btn.black__btn {
    min-width: 48px;
    height: 48px;
    padding: 0 16px;
}

.stock__page-number.is-active {
    background: var(--black);
    color: var(--white);
    opacity: 1;
}

.stock__page-btn:disabled,
.stock__page-btn.is-disabled {
    opacity: 0.45;
    pointer-events: none;
}

section.instock .btns {
    display: flex;
}

.models__grid__item__footer {
    width: 100%;
}

.stock__page-btn.stock__page-number.is-active {
    background: var(--blue);
}

/* .swiper-slide img:not(.models__slider__item img) {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

section.default {
    padding: 3rem 0 5rem;
}

section.default .section__title {
    margin-bottom: 2rem;
}

.default__text {
    max-width: 62.5rem;
    color: var(--dark);
    font-size: 1rem;
    line-height: 1.55;
}

.default__text p,
.default__text ul,
.default__text ol,
.default__text hr {
    margin: 0 0 1rem;
}

.default__text ul,
.default__text ol {
    padding-left: 1.25rem;
}

.default__text li {
    margin-bottom: 0.5rem;
}

.default__text a {
    color: var(--blue);
    text-decoration: underline;
}

.default__text hr {
    border: 0;
    border-top: 1px solid var(--grey);
}

.belgee-form-message {
    display: none;
    width: 100%;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.35;
}

.belgee-form-message--pending,
.belgee-form-message--success,
.belgee-form-message--error {
    display: block;
}

.belgee-form-message--success {
    color: var(--green);
}

.belgee-form-message--error {
    color: var(--red);
}

form.is-sending [type="submit"] {
    opacity: 0.65;
    cursor: default;
}

.credit__fos .belgee-form-message--success {
    color: var(--white);
}

form.test-drive__form .checkbox a {
    color: var(--blue);
    text-decoration: underline;
}

.header-contact {
  position: relative;
}

.header-contact__button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 0;
  background: transparent;
  color: var(--white);
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  line-height: 1;
  padding: 0.5rem 0;
  text-transform: math-auto;
  opacity: .6;
}

button.header-contact__button svg {
    width: 24px;
    height: 24px;
}

.header-contact__button:hover,
.header-contact.is-open .header-contact__button {
  color: var(--blue);
  opacity: 1;
}

.header-contact__button:hover svg path,
.header-contact.is-open .header-contact__button svg path {
    fill: var(--blue);
}

.header-contact__dropdown {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 40;
  width: min(25rem, calc(100vw - 2rem));
  padding: 1rem 1.125rem;
  background: var(--dark);
  box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.14);
  border-radius: 5px;
}

.header-contact__dropdown[hidden] {
  display: none;
}

.header-contact__item {
  display: grid;
  grid-template-columns: 1.25rem 1fr;
  gap: 0.75rem;
  align-items: start;
}

.header-contact__item + .header-contact__item {
  margin-top: 0.875rem;
}

.header-contact__content,
.modal__contacts__item,
.contacts__branch > span,
.contacts__branch-row {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

header .header-contact__content {
  gap: 3px;
}

.header-contact__address,
.modal__contacts__address,
.contacts__branch-address {
  color: var(--white);
  font-size: 1rem;
  line-height: 1.2;
}

.header-contact__phone,
.modal__contacts__phone,
.contacts__branch-phone {
  color: var(--dark-grey);
  font-size: 0.875rem;
  line-height: 1.2;
}

.header-contact__phone:hover,
.modal__contacts__phone:hover,
.contacts__branch-phone:hover {
  color: var(--blue);
}

.header-contact__mark {
  position: relative;
  display: block;
  width: 1.125rem;
  height: 0.875rem;
  margin-top: 0.15rem;
  color: #f28c21;
}

.header-contact__mark::before,
.header-contact__mark::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 0.36rem solid transparent;
  border-right: 0.36rem solid transparent;
  border-bottom: 0.78rem solid currentColor;
}

.header-contact__mark::before {
  left: 0;
}

.header-contact__mark::after {
  right: 0;
}

.header-contact__mark--2 {
  color: #b64ac8;
}

.header-contact__mark--3 {
  color: #35a853;
}

.contacts__branches-list {
  gap: 0.875rem;
}

.contacts__branch .contacts__branch-phone {
  width: fit-content;
}

.modal.modal__contacts {
  background: var(--dark);
  align-items: stretch;
  justify-content: stretch;
  padding: 0;
  z-index: 1001;
}

.modal__contacts__wrapper {
  width: 100%;
  min-height: 100%;
  padding: 6rem 3rem 3rem;
  display: flex;
  flex-direction: column;
}

.modal__contacts__back {
  position: absolute;
  top: 5rem;
  left: 3rem;
  border: 0;
  background: transparent;
  color: var(--blue);
  cursor: pointer;
  padding: 0;
}

.modal__contacts__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-top: 3rem;
}

.modal__contacts__item {
  align-items: flex-start;
}

.modal__contacts__call {
  margin-top: 2rem;
  width: fit-content;
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
}

section.models .models__slider .arrow svg path {
    fill: var(--white);
}

.contacts__list__item svg path {
    fill: var(--blue);
}

section.contacts .soc svg path {
    fill: var(--blue);
}

section.gallery {
    display: none;
}

.qr__imgs {
    gap: 20px;
    display: flex;
}

.qr__imgs > p {
    flex: 1;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 1;
    gap: 10px;
}