:root {
  --font: Arial, Helvetica, sans-serif;
  --bg: #fafafa;
  --surface: var(--white);
  --bot-bubble: var(--white);
  --bg-blur: rgba(var(--white-rgb), 0.4);
  --shadow: 0 3px 10px rgba(var(--shade-rgb), 0.07);

  --white: #ffffff;
  --black: #000000;

  --ink: #333333;
  --ink-strong: #3c4650;
  --icon-arrow: #3c4143;
  --icon-done: #79c260;
  --ink-contact: #3c4143;
  --ink-button: #1a1a1a;
  --ink-icon: #343434;
  --ink-cookie: #1d1d1bcc;

  --muted: #70708a;
  --muted-hint: #5a6060;
  --muted-address: #6e7676;
  --muted-typing: #7c7c7c;
  --muted-time: #9c9ca3;
  --muted-role: #c0c0cc;

  --line: #ebebeb;
  --line-divider: #ececec;
  --line-dealer: #bfbfbf;
  --line-radio: #d9d9de;
  --line-field: #c7c7c7;
  --line-field-focus: #9c9c9c;
  --line-check: #33333333;
  --line-underline: #8a9292;

  --fill-avatar: #f5f5f5;
  --fill-button: #f0efef;
  --fill-popup: #efeef7;
  --chat-bg: #ece6df;
  --chat-bg-glass: rgba(236, 230, 223, 0.92);
  --promo-bg: #1d1d1d;
  --call-bg: #636b70;

  --badge: #ff9530;
  --car-badge: #d9433a;
  --profit-bg: #e6f4ea;
  --profit-ink: #2e8b57;
  --muted-info: #9a9aa2;
  --muted-swatch: #8b8e94;
  --online: #56d456;
  --stock: #22a447;
  --price: #eb9201;
  --muted-city: #6b7075;
  --chat-plain: #efefef;
  --error: #f6004b;
  --error-consent: #ff4d4f;
  --error-border: #e7859c;

  --shade-rgb: 38, 36, 60;
  --black-rgb: 0, 0, 0;
  --white-rgb: 255, 255, 255;
  --overlay-rgb: 8, 18, 38;
  --shadow-list: #3c414347;
  --shadow-botbar: #00000017;
}

button,
input,
textarea,
select {
  font-family: inherit;
}

.spinner {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 12px;
  transform: scale(0.5);
  margin: auto;
  float: none;
  opacity: 0.8;
  margin-top: 4px;
}

.spinner div {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--white);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.spinner div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}

.spinner div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}

.spinner div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}

.spinner div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(19px, 0);
  }
}

body {
  margin: 0;
  background: var(--bg);
  font-family: var(--font);
  letter-spacing: 0.1px;
  font-size: 13px;
  color: var(--ink);
  padding: 0 15px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 100vh;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

.page-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  opacity: 1;
  z-index: -1;
  transition: all 500ms ease;
}

.chat {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-radius: 30px 30px 0 0;
  transition:
    height 100ms ease,
    transform 700ms ease,
    opacity 700ms ease;
  background: rgba(var(--white-rgb), 0.75);
  transform: translateY(300px) scale(0.9);
  opacity: 0;
  box-shadow: 0px 30px 30px rgba(var(--black-rgb), 0.08);
  overflow: hidden;
  max-width: 830px;
}

.chat--visible {
  transform: translateY(0) scale(1);
  opacity: 1;
  z-index: 1;
  position: relative;
}

.message {
  margin-top: 30px;
  transition: all 500ms ease;
}

.message--bot {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
}

.message--user {
  width: 85%;
  max-width: 295px;
  margin-right: 0;
  margin-left: auto;
}

.avatar {
  background: var(--fill-avatar);
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.bubble {
  display: inline-block;
  background: var(--bot-bubble);
  padding: 15px 20px;
  max-width: 560px;
  color: var(--ink-strong);
  font-size: 16px;
  line-height: 148%;
  border-radius: 2px 15px 15px 15px;
  box-shadow: var(--shadow);
}

.message--user .bubble {
  background: var(--user-bubble);
  color: var(--brand-ink);
  box-shadow: var(--shadow);
  border-radius: 15px 15px 2px 15px;
}

.message--bot.message--hidden {
  opacity: 0;
  transform: translateX(-40px);
}

.message--user.message--hidden {
  opacity: 0;
  transform: translateX(40px);
}

.choices {
  margin-top: 13px;
  margin-bottom: -10px;
  max-width: 580px;
  transition: all 300ms ease;
  opacity: 1;
}

.choices--hidden {
  opacity: 0;
  transform: translateY(-10px);
}

.choice {
  display: inline-block;
  padding: 12px 20px 13px;
  text-align: center;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  background: var(--white);
  box-shadow: 0px 1px 8px rgba(var(--shade-rgb), 0.05);
  border-radius: 30px;
  color: var(--ink-button);
  font-size: 15px;
  margin-bottom: 10px;
  border: 1px solid var(--line);
}

.choice:hover {
  background: var(--brand);
  color: var(--brand-ink);
}

.choice--active {
  background: var(--brand);
  color: var(--brand-ink);
}

.choice:last-child {
  margin-right: 0;
}

.field {
  width: 100%;
  padding: 17px 20px;
  color: var(--ink);
  font-size: 16px;
  font-family: var(--font);
  letter-spacing: 0.3px;
  border-radius: 34px;
  border: 1px solid var(--line-field);
  transition: all 200ms ease;
}

.field:focus {
  border-color: var(--line-field-focus);
}

.field--phone,
.field--name,
.field--time {
  max-width: 300px;
  margin-top: 7px;
}

.container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
}

.header .container {
  max-width: 1400px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: center;
}

.container--intro {
  max-height: 100vh;
  overflow: hidden;
}

.promo__title {
  font-size: 36px;
  font-weight: bold;
  padding: 0 20px;
  margin: 50px 0 30px;
  transition:
    all 700ms ease,
    opacity 500ms ease;
  transform: translateY(100%);
  opacity: 0;
  color: var(--ink);
  text-align: center;
  line-height: 148%;
  letter-spacing: 0.72px;
  font-family: var(--font-heading);
}

.promo__text {
  font-weight: 400;
  font-size: 24px;
  line-height: 148%;
  text-align: center;
  color: var(--ink);
  margin-bottom: 20px;
  transition:
    all 700ms ease,
    opacity 500ms ease;
  transform: translateY(350%);
  opacity: 0;
  font-family: var(--font-heading);
}

.promo--visible {
  opacity: 1;
}

.promo--placed {
  transform: translateY(0);
}

.brand-bar {
  padding: 30px;
  border-radius: 24px 24px 0px 0px;
  background: var(--brand);
  box-shadow: 0px 4px 10px 0px rgba(var(--shade-rgb), 0.08);
}

.chat__feed {
  padding: 25px 30px 100px;
}

.message--user .message__body {
  text-align: right;
}

.typing {
  padding-left: 80px;
  margin-top: 25px;
  color: var(--muted-typing);
  font-style: italic;
  height: 18px;
  margin-bottom: -43px;
  transition: all 300ms ease;
  transform: scale(0.8) translateX(-20px);
  opacity: 0;
  float: left;
}

.typing--visible {
  transform: scale(1);
  opacity: 1;
}

.lead-form__submit {
  background: var(--brand);
  color: var(--brand-ink);
  font-family: inherit;
  font-size: 17px;
  border-radius: 30px;
  padding: 17px 50px;
  border: 0;
  transition: all 200ms ease;
  opacity: 1;
  box-shadow: 0px 1px 8px rgba(var(--shade-rgb), 0.05);
  cursor: pointer;
}

.lead-form__submit:hover {
  background: var(--brand);
}

.form-actions {
  margin-top: 15px;
}

.done__title {
  text-align: center;
  margin: 20px 0 30px;
  font-weight: bold;
  font-size: 27px;
  line-height: 41px;
  padding: 0 20px;
  color: var(--ink);
}

.success.success--visible {
  opacity: 1;
  transform: translateX(0px) scale(1);
  z-index: 2;
}

.done__text {
  color: var(--muted);
  font-size: 17px;
  padding: 0 40px;
  width: 100%;
  max-width: 450px;
  text-align: center;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 40px;
}

.done__text b {
  font-weight: bold;
}

.lead-form__error {
  font-size: 12px;
  color: var(--error);
  display: none;
}

.success {
  display: none;
  background: var(--white);
  box-shadow: 0px 40px 80px rgba(var(--shade-rgb), 0.37);
  border-radius: 40px;
  padding: 45px 50px 60px;
  position: fixed;
  width: 100%;
  left: 50%;
  top: 50%;
  transition:
    opacity 500ms ease,
    transform 500ms ease;
  opacity: 0;
  transform: translateY(100px) scale(0.8);
  max-width: 600px;
}

.done__icon {
  width: 55px;
  height: 55px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.done__icon svg {
  width: 100%;
  height: 100%;
}

.done__icon {
  color: var(--icon-done);
}

.step {
  display: none;
}

.header {
  width: calc(100% + 30px);
  background: var(--white);
  position: relative;
  z-index: 1;
  margin-left: -15px;
  padding: 20px 16px;
  box-shadow: -2px -1px 15px rgba(var(--black-rgb), 0.1);
}

.header--intro {
  opacity: 0;
}

.header--visible {
  opacity: 1;
}

.header__brand {
  display: inline-grid;
  grid-gap: 20px;
  align-items: center;
  grid-template-columns: repeat(3, auto);
  max-width: none;
}

.header__dealer,
.contact__address {
  border-left: 1px solid var(--line-dealer);
  padding: 0 0 0 20px;
  color: var(--ink-strong);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

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

.header__logo {
  margin-top: 0;
  width: 100%;
  height: 33px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 200ms ease;
  margin: auto;
  justify-self: center;
}

.header__dealer-logo {
  width: 100%;
  height: 56px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 200ms ease;
  margin: auto;
  justify-self: center;
}

.contact__phone {
  color: var(--ink-contact);
  font-weight: 700;
  font-size: 20px;
  font-family: var(--font);
}

.contact__link {
  text-decoration: none;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: var(--ink-contact);
}

.header a {
  color: var(--ink-strong);
  text-decoration: none;
}

.advantages {
  display: grid;
  grid-template-columns: 1fr 1fr 1.2fr;
  grid-gap: 35px;
}

.advantages__item {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 10px;
  align-items: center;
}

.advantages__icon {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
}

.advantages__text {
  color: var(--white);
  font-size: 14px;
  line-height: 145%;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  font-family: var(--font);
}

.field--error {
  border: 1px solid var(--error-border);
}

.success .done__title {
  margin: 15px 0 10px;
  font-size: 30px;
}

.success .done__text {
  padding: 0;
  max-width: 100%;
  font-size: 16px;
}

.done__button {
  display: table;
  margin: 25px auto 0;
  background: var(--brand);
  color: var(--brand-ink);
  font-size: 17px;
  text-align: center;
  text-decoration: none;
  border-radius: 30px;
  padding: 17px 50px;
  box-shadow: 0px 1px 8px rgba(var(--shade-rgb), 0.05);
}

.done__button[hidden] {
  display: none;
}

.done__seconds {
  font-weight: bold;
}

.lead-form__error--phone {
  margin: 7px 0 0 40px;
}

.catalog__list {
  margin-top: 20px;
  margin-bottom: -10px;
  max-width: 510px;
  transition: all 300ms ease;
  opacity: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.car {
  background: var(--white);
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0px 4px 10px rgba(var(--shade-rgb), 0.08);
  transition: all 200ms ease;
  border: 2px solid rgba(var(--white-rgb), 0);
  position: relative;
  cursor: pointer;
}

.car__image {
  margin-bottom: 10px;
  text-align: center;
}

.car__name {
  color: var(--ink-strong);
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 6px;
  font-weight: 700;
  font-family: var(--font);
}

.car__price {
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: var(--fit-fs, 14px);
  font-weight: 500;
  line-height: 1.4;
}

.car__info {
  flex: none;
  width: 16px;
  height: 17px;
  background-color: var(--muted-info);
  -webkit-mask: url(/_shared/icons/info.svg) center / contain no-repeat;
  mask: url(/_shared/icons/info.svg) center / contain no-repeat;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.car__info:hover {
  background-color: var(--ink-strong);
}

.car__profit .car__info {
  background-color: var(--profit-ink);
}

.car__profit .car__info:hover {
  background-color: var(--ink-strong);
}

.car--dimmed {
  opacity: 0.75;
}

.car--selected {
  border: 2px solid var(--brand);
  opacity: 1;
}

.car__check {
  width: 22px;
  height: 22px;
  border: 1.5px solid var(--line-radio);
  background-color: var(--white);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  right: 12px;
  transition: all 200ms ease;
  z-index: 2;
}

.car--selected .car__check {
  border-color: var(--brand);
  background-color: var(--brand);
}

.car__check::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 10px;
  height: 8px;
  margin: auto;
  background: var(--white);
  -webkit-mask: url(/_shared/icons/tick.svg) center / contain no-repeat;
  mask: url(/_shared/icons/tick.svg) center / contain no-repeat;
  opacity: 0;
}

.car--selected .car__check::after {
  opacity: 1;
}

.catalog__list--cards {
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 10px;
  max-width: 570px;
}

.catalog__category {
  grid-column-start: 3;
  grid-column-end: 1;
  color: var(--black);
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.01em;
  padding: 30px 0 2px;
  font-weight: 600;
}

.catalog__category:first-child {
  padding-top: 0;
}

.catalog__list--cards .car__labels {
  grid-row: 1;
}

.catalog__list--cards .car__image {
  grid-row: 2;
  justify-self: center;
  height: 120px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.catalog__list--cards .car {
  display: grid;
  grid-row: span 8;
  grid-template-rows: subgrid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 0;
  height: auto;
  margin-bottom: 18px;
}

.catalog__list--cards .catalog__category {
  margin-bottom: 18px;
}

.catalog__list--cards .car__name {
  grid-row: 3;
}

.catalog__list--cards .car__price {
  grid-row: 4;
}

.catalog__list--cards .car__payment {
  grid-row: 5;
}

.catalog__list--cards .car__profit {
  grid-row: 6;
  align-self: start;
  justify-self: start;
}

.catalog__list--cards .car__gift {
  grid-row: 7;
}

.catalog__list--cards .car__stock {
  grid-row: 8;
}

.catalog__hint {
  margin-top: 20px;
  display: inline-block;
  background: var(--white);
  padding: 15px 20px;
  max-width: 560px;
  color: var(--muted-hint);
  font-size: 16px;
  line-height: 148%;
  border-radius: 2px 15px 15px 15px;
  box-shadow: var(--shadow);
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 45px 0 20px;
  background-color: rgba(var(--black-rgb), 0.35);
  display: none;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.3s ease 0s;
}

.popup--open {
  display: flex;
}

.popup--dimmed {
  opacity: 1;
}

.popup__window {
  flex-shrink: 0;
  margin: auto 15px;
  position: relative;
  max-width: 570px;
  transition:
    opacity 500ms ease,
    transform 500ms ease;
  transform: translateY(100px) scale(0.8);
  opacity: 0;
  box-shadow: 0px 40px 80px rgba(var(--shade-rgb), 0.37);
  border-radius: 50px;
}

.popup__window--visible {
  transform: translateY(0) scale(1);
  opacity: 1;
}

.popup__close {
  position: absolute;
  top: -28px;
  right: -15px;
  background-color: rgba(var(--black-rgb), 0.41);
  width: 28px;
  height: 28px;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s ease-in-out
}

.popup__close svg {
  width: 22px;
  height: 22px;
  color: var(--white);
}

.popup__close:hover {
  transform: scale(1.1);
}

.popup__head {
  border-radius: 30px 30px 0px 0px;
  width: 100%;
  padding: 20px 30px;
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: center;
  grid-gap: 10px 20px;
}

.popup__avatar {
  background: var(--fill-avatar);
  height: 60px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.popup__avatar img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}

.popup__avatar::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 8px;
  width: 6px;
  height: 6px;
  background: var(--online);
  border-radius: 5px;
  border: 2px solid var(--white);
}

.popup__name {
  font-weight: 600;
  font-size: 17px;
  color: var(--white);
  margin-bottom: 5px;
}

.popup__role {
  font-size: 14px;
  color: var(--muted-role);
}

.popup__body {
  min-height: 150px;
  border-radius: 0px 0px 30px 30px;
  background-color: var(--fill-popup);
  padding: 25px;
}

.popup__message {
  max-width: 490px;
}

.brand-bar .advantages__item {
  cursor: pointer;
}

.popup__submit {
  background: var(--brand);
  color: var(--brand-ink);
  font-family: var(--font);
  font-size: 17px;
  border-radius: 30px;
  padding: 17px 50px;
  border: 0;
  cursor: default;
  transition: all 200ms ease;
  opacity: 1;
  box-shadow: 0px 1px 8px rgba(var(--shade-rgb), 0.05);
}

.popup__submit--ready {
  cursor: pointer;
  opacity: 1;
}

.popup__input--phone,
.popup__input--name {
  max-width: 300px;
  margin-top: 7px;
}

.thanks {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 101;
  display: none;
}

.thanks__window {
  padding: 30px;
  background: var(--white);
  border-radius: 30px;
  margin: 15px;
  opacity: 0;
  transform: scale(0.8);
  transition:
    opacity 500ms ease,
    transform 500ms ease;
}

.thanks--open {
  display: flex;
}

.thanks__window--visible {
  opacity: 1;
  transform: scale(1);
}

.copyright {
  height: 23px;
  position: fixed;
  bottom: 10px;
  width: 995px;
  background-position: right;
}

.copyright__text {
  float: right;
  color: var(--ink);
  width: 100px;
  text-align: left;
  transition: all 0.2s linear;
}

.copyright__text b {
  transition: all 0.2s linear;
  color: var(--ink);
}

.choices__list {
  display: flex;
  flex-wrap: wrap;
}

.choices--colors .choices__list {
  gap: 6px 4px;
}

.choices--colors .choice--color {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 92px;
  margin: 0;
  padding: 4px 2px;
  border: 0;
  border-radius: 12px;
  background: none;
  box-shadow: none;
  color: var(--muted-swatch);
  font-size: 13px;
  line-height: 1.35;
}

.choices--colors .choice--color:hover,
.choices--colors .choice--color.choice--active {
  background: none;
  color: var(--ink);
}

.check:checked ~ .checklist__label::before,
.check:checked ~ .consent__text::before {
  border: 1px solid var(--brand);
  z-index: 10;
}

.check:checked ~ .consent__text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  width: 9px;
  height: 9px;
  transform: translateY(-50%);
  background: var(--brand);
  -webkit-mask: url(/_shared/icons/tick-bold.svg) center / contain no-repeat;
  mask: url(/_shared/icons/tick-bold.svg) center / contain no-repeat;
  z-index: 11;
}

.checklist__item {
  position: relative;
  padding: 6px 10px 6px 30px;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  background: var(--white);
  border-radius: 30px;
  color: var(--ink-button);
  font-size: 15px;
  display: flex;
  align-items: center;
}

.check {
  display: none;
}

.checklist__label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  display: inline-block;
  line-height: 17px;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid color-mix(in srgb, var(--brand) 50%, transparent);
  background: var(--white);
  z-index: 3;
}

.choice__swatch {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  box-shadow:
    inset 0 0 0 1px rgba(var(--black-rgb), 0.08),
    0 2px 8px rgba(var(--shade-rgb), 0.18);
  transition:
    transform 200ms ease,
    box-shadow 200ms ease;
}

.choice--color:hover .choice__swatch {
  transform: scale(1.06);
}

.choice--color.choice--active .choice__swatch {
  box-shadow:
    0 0 0 2px var(--white),
    0 0 0 4px var(--brand),
    0 2px 8px rgba(var(--shade-rgb), 0.18);
}

.botbar {
  padding: 10px 30px 10px;
  position: fixed;
  top: -100px;
  background-color: var(--white);
  width: 100%;
  z-index: 100;
  max-width: 830px;
  box-shadow: 0 0 10px var(--shadow-botbar);
  transition: all 0.2s ease;
  transform: translate(-50%, 0);
  left: 50%;
}

.botbar.botbar--visible {
  top: -1px;
}

.botbar__inner {
  display: grid;
  align-items: center;
  grid-template-columns: 60px 1fr 260px;
  gap: 20px;
  position: sticky;
  top: 0;
}

.botbar .botbar__toggle {
  display: flex;
  padding: 10px 0;
}

.botbar .botbar__list {
  position: absolute;
  background-color: var(--white);
  z-index: 99;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  align-items: end;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  gap: 0;
  min-width: 280px;
  padding: 6px 20px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(var(--shade-rgb), 0.15);
  text-align: left;
  transform: translateY(-6px);
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.botbar__toggle {
  cursor: pointer;
  display: none;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
}

.botbar__toggle-text {
  margin: 0;
  font-size: 16px;
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-color: var(--line-underline);
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
  white-space: nowrap;
}

.botbar__toggle-icon,
.points__icon {
  flex: none;
  width: 10px;
  height: 6px;
  color: var(--icon-arrow);
}

.botbar__toggle-icon {
  transition: transform 0.3s ease-in-out;
}

.botbar__toggle.is-active .botbar__toggle-icon {
  transform: rotate(180deg);
}

.botbar__list {
  display: flex;
  align-items: center;
  gap: 20px;
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
}

.botbar__list.is-active {
  opacity: 1;
  visibility: visible;
}

.botbar__item {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}

.botbar__name {
  font-size: 16px;
  line-height: 148%;
  margin-top: 8px;
  position: relative;
  font-weight: 600;
}

.botbar__inner .avatar::before {
  content: "";
  position: absolute;
  bottom: -2px;
  transform: translateY(-50%);
  left: 47px;
  width: 10px;
  height: 10px;
  background-color: var(--online);
  border-radius: 50%;
}

.legal {
  position: fixed;
  left: 20px;
  bottom: 20px;
  font-size: 10px;
  color: var(--ink);
  max-width: 190px;
}

.call-time {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
  background: var(--white);
  max-width: 300px;
  padding: 15px 20px;
  color: var(--ink-strong);
  font-size: 16px;
  line-height: 148%;
  border-radius: 2px 15px 15px 15px;
  box-shadow: 0px 3px 10px rgba(var(--shade-rgb), 0.07);
}

.call-time__option {
  position: relative;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  color: var(--brand);
  font-size: 15px;
  padding: 10px;
  display: flex;
  align-items: center;
}

.call-time__option::before {
  content: "";
  display: block;
  line-height: 17px;
  width: 13px;
  height: 13px;
  border-radius: 2px;
  border: 1px solid color-mix(in srgb, var(--brand) 50%, transparent);
  background: var(--white);
  z-index: 3;
  margin-right: 10px;
}

.call-time__option.is-active::before {
  border: 1px solid var(--brand);
}

.call-time__option.is-active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  width: 9px;
  height: 9px;
  transform: translateY(-50%);
  background: var(--brand);
  -webkit-mask: url(/_shared/icons/tick-bold.svg) center / contain no-repeat;
  mask: url(/_shared/icons/tick-bold.svg) center / contain no-repeat;
  z-index: 4;
}

.car__gift {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.car__stock {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.car__stock b {
  font-weight: 700;
  color: var(--brand);
}

.car__stock-dot {
  position: relative;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--stock);
}

.car__stock-dot::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--stock);
  animation: stock-pulse 1.8s ease-out infinite;
}

@keyframes stock-pulse {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }

  100% {
    transform: scale(2.6);
    opacity: 0;
  }
}

.choice__note {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  opacity: 0.75;
}

.popup__ask {
  margin-bottom: 15px;
}

.popup__body .popup__ask {
  margin-top: 10px;
  padding: 15px 20px;
  border-radius: 2px 15px 15px 15px;
  background: var(--bot-bubble);
  box-shadow: var(--shadow);
  color: var(--black);
  font-size: 16px;
  line-height: 148%;
}

.popup__body .popup__ask-title {
  font-size: 16px;
}

.popup__ask-title {
  margin-bottom: 4px;
  font-size: 15px;
  line-height: 1.35;
}

.popup__ask .checklist__item {
  margin-top: 6px;
}

.check[type="radio"] ~ .checklist__label::before {
  border-radius: 50%;
}

.check[type="radio"]:checked ~ .checklist__label::before {
  background: var(--brand);
  box-shadow: inset 0 0 0 3px var(--white);
}

.popup__ask--error .popup__ask-title {
  color: var(--error-consent);
}

.popup__ask--error .checklist__label::before {
  border-color: var(--error-consent);
}

.car__labels {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: calc(100% - 8px);
  margin: -30px 0 8px -10px;
}

.car__label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 2px var(--fit-px, 8px);
  border-radius: 100px;
  overflow: hidden;
  background: var(--label-bg, var(--brand));
  color: var(--white);
  font-size: var(--fit-fs, 13px);
  line-height: 19px;
  white-space: nowrap;
}

.car__label-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.car__label.is-wrapped {
  border-radius: 9px;
  white-space: normal;
}

.car__price-text,
.car__payment-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.car__price.is-wrapped,
.car__payment.is-wrapped {
  white-space: normal;
}

.car__label--info {
  cursor: pointer;
}

.car__payment {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
  color: var(--ink-strong);
  font-size: var(--fit-fs, 16px);
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}

.car__badge ~ .car__labels {
  margin-top: -6px;
}

.car__label-icon {
  flex: none;
  width: 18px;
  height: auto;
}

.car__label .car__info {
  background-color: var(--white);
}

.car__label .car__info:hover {
  background-color: rgba(var(--white-rgb), 0.75);
}

.car__badge {
  position: absolute;
  top: -10px;
  left: 12px;
  z-index: 2;
  max-width: calc(100% - 60px);
  padding: 3px 9px;
  border-radius: 10px;
  background: var(--car-badge);
  color: var(--white);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.car__profit {
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  margin-top: 8px;
  padding: 4px 10px;
  border-radius: 8px;
  background: var(--profit-bg);
  color: var(--profit-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
}

.header__contacts .contact__address {
  border: 0;
  padding: 0;
  font-size: 14px;
  max-width: 340px;
}

.header__contacts {
  display: flex;
  gap: 10px;
  text-align: end;
}

.header__contacts--first,
.header__contacts--first_phone {
  position: relative;
  align-items: center;
  gap: 20px;
}

.points__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  color: var(--ink-contact);
  white-space: nowrap;
  text-decoration: underline dashed var(--line-underline) 1px;
  text-underline-offset: 5px;
}

.points__icon {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}

.points.is-open .points__icon {
  transform: none;
}

.points__list {
  position: absolute;
  top: calc(100% + 15px);
  right: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  background-color: var(--white);
  border-radius: 10px;
  box-shadow: 0 0 10px var(--shadow-list);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
}

.points.is-open .points__list {
  opacity: 1;
  visibility: visible;
}

.points__item .contact__address {
  width: max-content;
  max-width: 360px;
  margin-left: auto;
}

.checklist {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}

.cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 40px 35px 30px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(12px);
  pointer-events: none;
  transform: translateY(20px);
  background: var(--bg-blur);
  color: var(--ink-cookie);
  box-shadow: 0 8px 32px transparent;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition:
    opacity 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out,
    transform 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
}

.cookie.cookie--visible {
  box-shadow: 0 8px 32px rgba(var(--black-rgb), 0.18);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.cookie__inner {
  display: flex;
  align-items: flex-start;
  gap: 30px 50px;
  margin-inline: auto;
  max-width: 1650px;
}

.cookie__close {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--brand);
  cursor: pointer;
  outline: none;
  border: none;
  padding: 0;
  background: none;
}

.cookie__close svg {
  width: 100%;
  height: 100%;
  transition: color 0.3s ease-in-out;
}

.cookie__close:hover {
  color: color-mix(in srgb, var(--brand) 80%, var(--black));
}

.cookie__text {
  max-width: 1450px;
  font-size: 15px;
  line-height: 1.5;
}

.cookie__text a {
  color: var(--accent);
  text-decoration: underline;
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}

.cookie__actions {
  max-width: 23%;
  width: 100%;
  min-width: 220px;
}

.cookie__accept {
  align-self: center;
  background: transparent;
  border: 1px solid var(--brand);
  color: var(--brand);
  padding: 16px 20px;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition:
    background 0.3s ease-in-out,
    border-color 0.3s ease-in-out,
    color 0.3s ease-in-out;
}

.cookie__accept:hover {
  background: var(--brand);
  border-color: var(--brand);
  color: var(--brand-ink);
}

.consent__text--error {
  color: var(--error-consent);
  transition: color 0.2s;
}

.consent {
  position: relative;
  padding: 6px 0px 6px 0px;
  transition: all 200ms ease;
  cursor: pointer;
  user-select: none;
  background: transparent;
  color: var(--muted);
  font-size: 13px;
  display: block;
}

.consent__text {
  cursor: pointer;
  font-size: 14px;
  position: relative;
  display: block;
  padding-left: 24px;
  min-height: 17px;
  line-height: 17px;
}

.consent__text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  display: inline-block;
  line-height: 17px;
  width: 11px;
  height: 11px;
  border-radius: 2px;
  border: 1px solid var(--line-check);
  background: var(--white);
  z-index: 3;
}

.consent__text a {
  color: var(--muted);
}

.header__policy {
  display: none;
}

.legal a {
  color: var(--ink);
}

.legal__entity + .legal__entity {
  margin-top: 10px;
}

.purchase {
  width: 100%;
  text-align: center;
  display: none;
  justify-content: center;
  position: sticky;
  top: 0;
  z-index: 1;
}

.purchase__button {
  position: sticky;
  top: 0;
  width: 100%;
  line-height: 19px;
  margin-top: 0;
  background: var(--badge);
  color: var(--white);
  letter-spacing: 0;
  font-size: 16px;
  padding: 7px 30px;
  border-top: 1px solid rgba(var(--white-rgb), 0.05);
  transition: all 200ms ease;
  box-shadow: 0px 1px 8px rgba(var(--shade-rgb), 0.05);
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  gap: 5px;
  flex-wrap: wrap;
}

@keyframes blink_r {
  0%,
  50% {
    opacity: 1;
  }

  51%,
  100% {
    opacity: 0;
  }
}

.consent__label {
  display: block;
  position: relative;
  cursor: pointer;
}

.advantages__icon--sprite {
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--white);
  color: var(--brand);
}

.advantages__icon--sprite svg {
  width: 68%;
  height: 68%;
}

.advantages__info {
  display: inline-block;
  flex: none;
  width: 15px;
  height: 16px;
  margin-left: 6px;
  background: currentColor;
  -webkit-mask: url(/_shared/icons/info.svg) center / contain no-repeat;
  mask: url(/_shared/icons/info.svg) center / contain no-repeat;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.advantages__info:hover {
  opacity: 0.75;
}

.purchase--on {
  display: flex;
}

.purchase--on .purchase__button {
  cursor: pointer;
}

.purchase--on .purchase__button:hover {
  opacity: 0.92;
}

.popup__window--info .popup__message {
  margin-bottom: 0;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0 10px;
  margin: 15px 0 0 80px;
  max-width: 580px;
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}

.chips.is-shown,
.freeform.is-shown {
  opacity: 1;
  transform: none;
}

.chips__item {
  font-size: 14px;
}

.chips__item--pick {
  border-color: var(--brand);
  color: var(--brand);
}

.freeform {
  display: flex;
  gap: 10px;
  max-width: 560px;
  margin: 25px 0 0 80px;
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}

.freeform__input {
  flex: 1;
  min-width: 0;
  padding: 14px 20px;
  outline: none;
}

.freeform__input:focus {
  border-color: var(--brand);
}

.freeform__send {
  flex: none;
  width: 52px;
  height: 52px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--brand);
  font-size: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.freeform__send:hover {
  opacity: 0.9;
}

.freeform__send::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  background: var(--brand-ink);
  -webkit-mask: url(/_shared/icons/send.svg) center / contain no-repeat;
  mask: url(/_shared/icons/send.svg) center / contain no-repeat;
}

.header__brand .header__logo,
.header__brand .header__dealer-logo {
  width: auto;
  height: auto;
}

.header__logo-img,
.header__dealer-logo-img {
  display: block;
  width: auto;
  max-width: 200px;
  height: 33px;
  object-fit: contain;
}

.header__dealer-logo-img {
  height: 56px;
}

.theme-logo-light .header__logo-img,
.theme-logo-light .mhead__logo-img,
.theme-logo-light .header__logos-img,
.theme-logo-light .mhead__logos-img {
  filter: brightness(0);
  opacity: 0.85;
}

.header__logos {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header__logos-img {
  display: block;
  width: auto;
  max-width: 120px;
  height: 22px;
  object-fit: contain;
}

.header__logos-sep {
  flex: none;
  width: 1px;
  height: 16px;
  background: var(--ink-strong);
}

.mhead__logos {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mhead__logos-img {
  display: block;
  width: auto;
  max-width: 100px;
  height: 18px;
  object-fit: contain;
  object-position: left center;
}

.botbar .botbar__toggle--single {
  cursor: default;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  text-align: right;
}

.botbar__phone {
  font-size: 17px;
  line-height: 1.3;
  color: var(--ink-strong);
  text-decoration: none;
}

.botbar__phone:hover {
  color: var(--brand);
}

.advantages--4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 25px;
}

.advantages--4 .advantages__item {
  padding: 8px 12px 8px 10px;
  border-radius: 50px;
  background-color: rgba(var(--white-rgb), 0.1);
}

.advantages__text:has(.advantages__info) {
  display: block;
}

.advantages__last-word {
  white-space: nowrap;
}

.advantages__text .advantages__info {
  position: relative;
  top: -5px;
  width: 13px;
  height: 14px;
  margin-left: 2px;
  vertical-align: baseline;
}

.typing + .freeform {
  padding-top: 40px;
}

.page-bg__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.botbar__contacts {
  position: relative;
  justify-self: end;
}

.botbar .botbar__list.is-active {
  transform: none;
}

.botbar .botbar__item {
  align-items: flex-start;
  gap: 2px;
  padding: 14px 0;
}

.botbar .botbar__item + .botbar__item {
  border-top: 1px solid var(--line-divider);
}

.botbar .botbar__item .contact__phone {
  margin: 0;
  font-size: 17px;
  line-height: 1.3;
}

.botbar .botbar__item .contact__link {
  color: var(--ink-strong);
  text-decoration: none;
}

.botbar .botbar__item .contact__link:hover {
  color: var(--brand);
}

.botbar .botbar__address {
  max-width: 260px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--muted-address);
}

.botbar .botbar__toggle-icon {
  transform: rotate(180deg);
}

.botbar .botbar__toggle.is-active .botbar__toggle-icon {
  transform: none;
}

.message__time {
  text-align: right;
  color: var(--muted-time);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.message--user .message__time {
  color: var(--white);
}

.message__check {
  position: relative;
}

.message__check::before {
  display: none;
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  top: 0;
  margin: auto 0;
  width: 15px;
  height: 14px;
  background: currentColor;
  opacity: 0.8;
  -webkit-mask: url(/_shared/icons/ticks.svg) center / contain no-repeat;
  mask: url(/_shared/icons/ticks.svg) center / contain no-repeat;
}

.message--bot[data-mesbot="1"] .avatar {
  opacity: 0;
}

.header .header__inner > .container {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
  row-gap: 16px;
  max-width: 1200px;
  max-height: none;
  margin: 0 auto;
  overflow: visible;
}

.header .header__brand--stack {
  display: grid;
  grid-template-columns: 170px auto;
  justify-content: start;
  gap: 16px;
  align-items: center;
  max-width: none;
  margin: 0;
}

.header__stack {
  display: grid;
  gap: 5px;
}

.header__stack-img {
  display: block;
  width: 170px;
  height: 33px;
  object-fit: contain;
  object-position: left center;
}

.header__stack-img--dealer {
  height: 25px;
}

.header .header__brand--stack .header__dealer {
  max-width: 150px;
  padding: 0 0 0 16px;
  border-left: 1px solid var(--line-dealer);
  color: var(--black);
  font-size: 14px;
  line-height: 17px;
  text-align: left;
}

.header .header__contacts--all {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  text-align: left;
}

.contact--geo {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.contact__geo {
  display: flex;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.contact__geo-img {
  display: block;
  width: 100%;
  height: 100%;
}

.contact__text {
  display: flex;
  flex-direction: column;
  color: var(--black);
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}

.contact__city {
  color: var(--muted-city);
  font-size: 12px;
  line-height: 15px;
}

.contact__street {
  white-space: nowrap;
}

.header__callback {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  border: 0;
  border-radius: 50px;
  background: var(--brand);
  color: var(--brand-ink);
  font-family: var(--font);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  white-space: nowrap;
  box-shadow: 0 4px 15px rgba(var(--black-rgb), 0.15);
  cursor: pointer;
}

.header__callback-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.header .header__policy {
  grid-column: 1 / -1;
}

.promo__title,
.promo__text {
  color: var(--black);
}

.promo .promo__title {
  font-size: 39px;
  margin: 55px 0 30px;
}

.message--bot .bubble,
.checklist__item {
  color: var(--black);
}

.catalog__category {
  display: none;
}

.catalog__list--cards {
  max-width: 520px;
  column-gap: 8px;
}

.catalog__list--cards .car .car__labels {
  position: absolute;
  top: -14px;
  right: -1px;
  z-index: 3;
  grid-area: auto;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  max-width: calc(100% + 2px);
  margin: 0;
}

.car__label {
  padding: 4px 15px;
  font-size: var(--fit-fs, 14px);
  line-height: 19px;
}

.car__label + .car__label {
  padding: 2px 10px;
  line-height: 20.72px;
}

.car__check {
  display: none;
}

.car--selected .car__check {
  display: block;
  top: -10px;
  right: -10px;
  z-index: 4;
  width: 28px;
  height: 28px;
  border: 0;
}

.car__name {
  margin: 0 0 2px;
  color: var(--black);
  font-size: 20px;
  line-height: 29.6px;
}

.car__price {
  justify-self: start;
  border-bottom: 1px solid var(--price);
  color: var(--price);
  font-size: var(--fit-fs, 18px);
  font-weight: 600;
  line-height: 24px;
}

.car__price-text {
  font-size: var(--fit-fs, 18px);
}

.car__stock {
  color: var(--black);
  font-size: 14px;
}

.checklist__item {
  font-size: 16px;
}

.checklist__label {
  font-weight: 400;
}

.checklist__label:has(.choice__note) {
  font-weight: 600;
}

.checklist__label .choice__note {
  margin-top: 0;
  color: var(--black);
  font-size: 13px;
  line-height: 16.9px;
  opacity: 1;
}

.checklist .checklist__item {
  padding-left: 34px;
}

.checklist .checklist__label::before {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid color-mix(in srgb, var(--brand) 50%, transparent);
  border-radius: 3px;
}

.checklist .check:checked ~ .checklist__label::before {
  border: 2px solid var(--brand);
}

.checklist .check[type="radio"] ~ .checklist__label::before {
  border-radius: 50%;
}

.popup__ask--error .checklist .checklist__label::before {
  border-color: var(--error-consent);
}

.check[type="checkbox"]:checked ~ .checklist__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  background: var(--brand);
  -webkit-mask: url(/_shared/icons/tick-bold.svg) center / contain no-repeat;
  mask: url(/_shared/icons/tick-bold.svg) center / contain no-repeat;
  z-index: 11;
}

.choice.choice--continue {
  background: var(--white);
  color: var(--ink-button);
  font-size: 16px;
}

.choice.choice--continue.is-ready,
.choice.choice--continue.choice--active,
.choice.choice--continue:hover {
  background: var(--brand);
  color: var(--brand-ink);
}

.choices--colors {
  width: fit-content;
  max-width: 560px;
  padding: 10px 12px;
  background: var(--white);
  border-radius: 2px 15px 15px 15px;
  box-shadow: var(--shadow);
}

.cookie__short {
  display: none;
}

@media (min-width: 461px) {
  .header {
    z-index: 3;
  }

  .mhead,
  .header__close {
    display: none;
  }
}

@media (min-width: 551px) {
  .message__time {
    display: none;
  }
}

@media (min-width: 551px) {
  .message--bot:not([data-mesbot="0"]) .avatar {
    opacity: 0;
  }
}

@media (max-width: 1239px) {
  .header .header__inner > .container {
    grid-template-columns: 1fr auto;
  }

  .header .header__brand--stack {
    grid-column: 1;
    grid-row: 1;
  }

  .header__callback {
    grid-column: 2;
    grid-row: 1;
  }

  .header .header__contacts--all {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-content: space-around;
  }
}

@media (max-width: 1100px) {
  .header__brand {
    display: grid;
    align-items: flex-start;
    grid-gap: 5px;
    grid-template-columns: 1fr;
  }

  .header__logos {
    min-width: 0;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 12px;
  }

  .header__dealer,
  .contact__address {
    border-left: none;
    padding: 0;
    max-width: 230px;
  }

  .header__dealer {
    max-width: none;
  }

  .header .container {
    gap: 20px;
  }

  .legal {
    display: none;
  }
}

@media (max-width: 992px) {
  .cookie__text {
    font-size: 13px;
  }
  .header a {
    justify-content: center;
  }

  .header__dealer,
  .contact__address {
    font-size: 14px;
  }

  .header .container {
    flex-direction: column;
  }

  .header__contacts,
  .header__dealer,
  .contact__address {
    text-align: center;
  }

  .header__dealer {
    justify-self: center;
  }

  .header__contacts .contact__address {
    font-size: 13px;
  }

  .points__list {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .points__item .contact__address {
    margin-right: auto;
  }
  .header__dealer-logo {
    background-position: center;
  }

  .brand-bar {
    padding: 25px;
  }

  .promo__title {
    font-size: 33px;
    padding: 0 20px;
  }

  .header__logo {
    background-position: 10px center;
  }

  .header__brand {
    max-width: 530px;
  }

  .contact__phone {
    font-size: 19px;
    margin-top: 5px;
  }

  .advantages {
    padding: 0;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .advantages--4 {
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
  }
}

@media (max-width: 859px) {
  .header .header__inner > .container {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 14px;
  }

  .header .header__brand--stack,
  .header .header__contacts--all,
  .header__callback {
    grid-column: 1;
    grid-row: auto;
  }

  .header .header__brand--stack {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    justify-self: center;
    gap: 8px;
  }

  .header__stack {
    justify-items: center;
    gap: 18px;
  }

  .header__stack-img {
    width: 220px;
    height: 30px;
    object-position: center;
  }

  .header__stack-img--dealer {
    height: 26px;
  }

  .header .header__brand--stack .header__dealer {
    max-width: 210px;
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
  }

  .header .header__contacts--all {
    flex-direction: column;
    gap: 12px;
    justify-self: center;
    max-width: 100%;
  }

  .contact__street {
    white-space: normal;
  }

  .header__callback {
    justify-self: center;
    margin-top: 6px;
  }
}

@media (max-width: 770px) {
  .promo__title {
    font-size: 36px;
  }

  .brand-bar {
    padding: 17px 20px 20px;
  }

  .chat__feed {
    padding: 0 20px 100px;
  }

  .message--bot {
    grid-template-columns: 45px 1fr;
    grid-gap: 10px;
    max-width: calc(100% - 10px);
  }

  .bubble {
    padding: 9px 13px 10px;
    font-size: 14px;
    line-height: 140%;
  }

  .choices {
    margin-top: 15px;
  }

  .choice {
    padding: 8px 15px 10px;
    font-size: 14px;
  }

  .typing {
    padding-left: 67px;
  }

  .field {
    padding: 13px 20px;
  }

  .lead-form__submit {
    padding: 13px 50px 14px;
  }

  .done__button {
    padding: 13px 30px 14px;
  }

  .done__title {
    font-size: 24px;
    line-height: 33px;
    margin: 15px 0 25px;
  }

  .done__text {
    font-size: 14px;
    max-width: 350px;
  }

  .done__icon {
    width: 45px;
    height: 45px;
    margin-bottom: 18px;
  }

  .success {
    padding: 30px;
    max-width: 420px;
  }

  .header {
    padding-bottom: 17px;
    padding-top: 17px;
  }

  .header__logo {
    width: 220px;
    height: 49px;
    background-position: 0px center;
    margin: 0 auto;
  }

  .header__brand {
    grid-gap: 7px;
    grid-template-columns: 1fr;
    max-width: 260px;
    display: grid;
    margin: 0 auto;
  }

  .header__brand:has(.header__logos) {
    max-width: 430px;
  }

  .catalog__list--cards {
    grid-template-columns: 1fr 1fr;
  }

  .catalog__category {
    font-size: 15px;
    padding: 15px 0 2px;
  }

  .chat {
    overflow: hidden;
  }

  .botbar__inner {
    display: grid;
    grid-template-columns: 45px 1fr 200px;
    gap: 20px;
    position: sticky;
    top: 0;
  }

  .botbar {
    padding: 10px 10px 10px;
  }

  .botbar__role {
    font-size: 12px;
  }

  .botbar__inner .avatar::before {
    left: 33px;
  }

  .catalog__hint {
    font-size: 14px;
    line-height: 148%;
  }

  .botbar__name {
    margin-top: 3px;
    font-size: 14px;
    line-height: 130%;
  }
}

@media (max-width: 768px) {
  .cookie {
    padding: 30px 20px 20px;
  }

  .cookie__inner {
    flex-direction: column;
  }

  .cookie__text {
    font-size: 12px;
  }

  .cookie__close {
    right: 10px;
    top: 10px;
    width: 15px;
    height: 15px;
  }

  .cookie__accept {
    font-size: 13px;
    padding: 10px 15px;
  }
}

@media (max-width: 650px) {
  .success {
    width: calc(100% - 32px);
  }

  .advantages {
    grid-template-columns: 1fr;
    grid-gap: 11px;
  }

  .car {
    padding: 15px;
  }

  .car__labels {
    max-width: calc(100% - 13px);
    margin-top: -25px;
  }

  .car__name {
    font-size: 17px;
  }

  .car__profit {
    padding: 3px 8px;
    font-size: 14px;
    line-height: 18px;
  }

  .car__price {
    font-size: var(--fit-fs, 13px);
  }
}

@media (max-width: 550px) {
  .header__contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .header__contacts .contact__address {
    font-size: 14px;
  }
  .cookie {
    padding: 12px 36px 12px 16px;
  }

  .cookie__inner {
    flex-direction: row;
    align-items: center;
    gap: 12px;
  }

  .cookie__text {
    font-size: 12px;
    line-height: 1.4;
  }

  .cookie__full {
    display: none;
  }

  .cookie__short {
    display: inline;
  }

  .cookie__actions {
    flex: none;
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .cookie__accept {
    padding: 8px 14px;
  }

  .promo__title {
    font-size: 22px;
    margin: 24px auto 30px;
    padding: 0 14px;
  }

  .promo__text {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 22px;
  }

  .brand-bar {
    padding: 13px 20px 5px;
  }

  .catalog__list--cards {
    grid-template-columns: minmax(0, 1fr);
    grid-gap: 0 8px;
  }

  .catalog__list--cards .car {
    margin-bottom: 16px;
  }

  .catalog__list--cards .catalog__category {
    margin-bottom: 16px;
  }

  .catalog__category {
    grid-column: 1 / -1;
  }

  .brand-bar {
    padding: 15px 20px 13px;
  }

  .advantages__text {
    font-size: 13px;
  }

  .header {
    padding-bottom: 15px;
    padding-top: 12px;
  }

  .mhead__actions {
    display: flex;
    gap: 10px;
  }

  .header__policy {
    display: block;
    text-decoration: underline;
    margin-top: 5px;
  }

  .field {
    font-family: var(--font);
  }

  .car__name {
    font-size: 17px;
    font-weight: 700;
    color: var(--ink-strong);
    line-height: 22px;
  }

  .catalog__list--cards .car__image {
    height: 110px;
  }

  .contact__link span {
    font-size: 14px;
  }

  .header__dealer,
  .contact__address {
    font-size: 16px;
  }

  .contact__phone {
    margin-top: 8px;
  }

  .checklist__item {
    font-size: 16px;
  }

  .message--user .message__time {
    padding: 0 19px 0 0;
  }

  .message__check::before {
    display: block;
  }

  .header .container {
    gap: 20px;
  }

  .page-bg {
    display: none;
  }

  .header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    max-width: 100%;
    display: none;
    margin: 0;
    padding: 0;
    background-color: rgba(var(--overlay-rgb), 0.45);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  .header__inner {
    transform: translateY(-100%);
    padding: 40px 20px 70px;
    background-color: var(--white);
    border-radius: 0 0 30px 30px;
    box-shadow: 0 8px 30px rgba(var(--overlay-rgb), 0.18);
    transition: transform 0.4s cubic-bezier(0.16, 0.84, 0.34, 1);
  }

  .header a {
    display: block;
    text-align: center;
    margin: 0;
    font-size: 16px;
  }

  .header--open .header__inner {
    transform: translateY(0);
  }

  .points,
  .points__list {
    display: contents;
    visibility: visible;
  }

  .points__toggle,
  .header__contacts--first_phone .header__contact-main {
    display: none;
  }

  .points__item .contact__address {
    width: auto;
    max-width: 190px;
    margin: 0 auto;
  }

  .header__contacts--first,
  .header__contacts--first_phone {
    gap: 10px;
  }

  .header__logos {
    margin-top: 40px;
  }

  .header__close {
    position: absolute;
    right: 13px;
    top: 23px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    background: none;
    color: var(--black);
    padding: 0;
    border-radius: 100%;
    background: var(--fill-button);
    z-index: 2;
  }

  .header__close svg {
    width: 24px;
    height: 24px;
  }

  .catalog__hint {
    display: none;
  }

  .message,
  .typing {
    margin-top: 4px;
  }

  .message--user {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .bubble {
    font-size: 16px;
    line-height: 22px;
    box-shadow: none;
    color: var(--black);
    border-radius: 15px;
  }

  .field--phone,
  .field--name,
  .lead-form__submit {
    max-width: 270px;
    margin-top: 10px;
  }

  .catalog__list {
    margin-top: 4px;
    margin-bottom: 0px;
    grid-template-columns: minmax(0, 1fr);
    background-color: var(--white);
    padding: 10px;
    border-radius: 4px 18px 18px 16px;
  }

  .mhead {
    position: fixed;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding: 20px 15px;
    background: var(--white);
    top: 0;
    z-index: 2;
  }

  .mhead__logo {
    margin: 0 5px 0 0;
  }

  .mhead__logo-img {
    width: 145px;
  }

  .mhead__call {
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.2px;
    margin: 0 0 0 auto;
    background-color: var(--call-bg);
    padding: 0 10px 0 10px;
    border-radius: 50px;
    display: flex;
    gap: 5px;
    height: 34px;
    align-items: center;
  }

  .mhead__call-text {
    color: var(--white);
  }

  .mhead__call-icon {
    flex: none;
    width: 22px;
    height: 22px;
    color: var(--white);
  }

  .mhead__phone {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
    color: var(--ink-strong);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.2px;
    white-space: nowrap;
    text-decoration: none;
  }

  .mhead__menu {
    outline: none;
    border: none;
    position: relative;
    padding: 15px;
    background: var(--fill-button);
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    position: relative;
    width: 35px;
    height: 35px;
    flex: 0 0 auto;
    justify-content: center;
    padding: 15px;
    background: var(--fill-button);
    border-radius: 100%;
  }

  .mhead__menu-icon {
    position: absolute;
    background-color: var(--ink-icon);
    top: 44%;
    left: 44%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  .mhead__menu-icon::before {
    content: "";
    top: 0;
    left: 7px;
    position: absolute;
    background-color: var(--ink-icon);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  .mhead__menu-icon::after {
    content: "";
    top: 0;
    left: -7px;
    position: absolute;
    background-color: var(--ink-icon);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  .botbar__inner .avatar {
    width: 35px;
  }

  .chat__feed .message--bot {
    row-gap: 0;
  }

  .chat__feed .message--bot > .message__body {
    display: contents;
  }

  .chat__feed .message--bot > .message__body > * {
    grid-column: 2;
    min-width: 0;
  }

  .chat__feed .message--bot > .avatar {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    margin: 0;
  }

  .chat__feed .message--bot .bubble {
    justify-self: start;
    position: relative;
  }

  .chat__feed .message--bot .bubble::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -6px;
    width: 26px;
    height: 21px;
    background: var(--bot-bubble);
    -webkit-mask: url(/_shared/icons/tail-bot.svg) center / contain no-repeat;
    mask: url(/_shared/icons/tail-bot.svg) center / contain no-repeat;
    z-index: -1;
  }

  .chat__feed .message--bot[data-mesbot="1"] .bubble::before {
    display: none;
  }

  .chat__feed .message--bot.message--lead .avatar {
    opacity: 0;
  }

  .chat__feed .message--bot.message--lead .bubble::before {
    display: none;
  }

  .chat__feed .message--bot.message--phone .avatar {
    opacity: 1;
  }

  .chat__feed .message--bot.message--phone .bubble::before {
    display: block;
  }

  .message--user:not(:first-child):nth-child(n + 1) .message__body {
    position: relative;
  }

  .message--user:not(:first-child):nth-child(n + 1) .message__body::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -6px;
    width: 26px;
    height: 21px;
    -webkit-mask: url(/_shared/icons/tail-user.svg) center / contain no-repeat;
    mask: url(/_shared/icons/tail-user.svg) center / contain no-repeat;
    background: var(--user-bubble);
    z-index: -1;
  }

  .choice {
    font-size: 16px;
  }

  .chat {
    position: relative;
    background-image: url("../img/msg_bg.jpg");
    background-repeat: repeat;
    background-size: contain;
    background-color: var(--chat-bg);
    width: 100vw;
    margin-left: calc((-100vw + 100%) / 2);
    margin-right: calc((-100vw + 100%) / 2);
    padding: 0;
  }

  .promo {
    position: relative;
    padding: 150px 0 100px 0;
    margin: 0 0 -30px 0;
    height: auto;
    overflow: hidden;
    background-color: var(--promo-bg);
  }

  .promo .promo__title,
  .promo__text {
    color: var(--white);
  }

  .promo .promo__title {
    max-width: 390px;
    margin: 0 auto 20px;
  }

  .promo__title {
    margin: 0 auto 20px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 130%;
  }

  .promo__text {
    margin: 0 auto;
    max-width: 335px;
  }

  .car {
    border-radius: 16px;
    background: var(--white);
    height: 100%;
    padding: 10px;
  }

  .car__price {
    font-size: var(--fit-fs, 12px);
  }

  .car__profit {
    padding: 3px 8px;
    font-size: 14px;
    line-height: 18px;
  }

  .car__gift {
    font-size: 12px;
  }

  .car__stock {
    font-size: 12px;
  }

  .car__labels {
    margin: -20px 0 8px;
  }

  .car__payment {
    font-size: var(--fit-fs, 15px);
  }

  .car__price,
  .car__payment {
    gap: 4px;
  }


  .car__badge {
    left: 8px;
    max-width: calc(100% - 36px);
    padding: 2px 7px;
    font-size: 11px;
  }


  .car__check {
    width: 18px;
    height: 18px;
    top: 8px;
    right: 8px;
  }

  .choices--colors {
    border-radius: 16px 18px 18px 16px;
    background: var(--white);
    padding: 10px;
    margin-top: 5px;
  }

  .catalog {
    background-color: var(--white);
    border-radius: 16px 18px 18px 16px;
    padding: 10px 10px 8px 10px;
    margin-top: 4px;
    margin-bottom: 0px;
  }

  .chat .brand-bar, 
  .chat .purchase {
    display: none;
  }

  .popup__close {
    top: 10px;
    right: 10px;
  }

  body {
    background-image: url("../img/msg_bg.svg");
    background-color: var(--chat-bg);
    font-family: var(--font);
    padding: 0;
  }

  .botbar {
    display: none;
    margin-left: 0;
    left: 0;
  }

  .botbar__inner .avatar::before {
    bottom: 2px;
    right: 0px;
    width: 8px;
    height: 8px;
  }

  .message--bot {
    grid-template-columns: 40px 1fr;
  }

  .call-time {
    max-width: 270px;
    border-radius: 15px;
  }

  .field--time {
    max-width: 270px;
  }

  .chat__feed {
    padding: 15px 10px 100px;
  }

  .chips {
    margin: 8px 0 0 35px;
  }

  .freeform {
    position: sticky;
    bottom: 0;
    z-index: 5;
    max-width: none;
    margin: 12px -10px 0;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
    background: var(--chat-bg-glass);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    clear: both;
  }

  .typing {
    margin-bottom: 0;
  }

  .typing + .freeform {
    padding-top: 8px;
  }

  .freeform__input {
    padding: 11px 18px;
    border-color: transparent;
  }

  .freeform__send {
    width: 46px;
    height: 46px;
  }

  .header.header--open {
    opacity: 1;
  }
}

@media (max-width: 550px) {
  .mhead {
    padding: 15px;
  }

  .mhead__stack {
    display: grid;
    gap: 5px;
    width: 145px;
  }

  .mhead__stack-img {
    display: block;
    width: 145px;
    height: auto;
  }

  .mhead__callback {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 5px;
    margin-left: auto;
    letter-spacing: -0.2px;
    height: 34px;
    padding: 0 10px;
    border-radius: 50px;
    background: var(--brand);
    color: var(--brand-ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
  }

  .mhead__callback-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
  }

  .header__inner {
    transition: transform 0.55s cubic-bezier(0.45, 0, 0.2, 1);
  }

  .header--open .header__inner {
    transition: transform 0.4s cubic-bezier(0.16, 0.84, 0.34, 1);
  }

  .header {
    transition: opacity 0.45s ease;
  }

  .header .header__inner > .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }

  .header .header__brand--stack {
    margin-top: 40px;
  }

  .header .header__contacts--all {
    align-items: flex-start;
    flex-wrap: nowrap;
    margin: 0 auto;
  }

  .header__callback {
    display: none;
  }

  .header .header__policy a {
    color: var(--black);
    font-size: 14px;
  }

  .promo {
    padding: 90px 0 51px;
    background: var(--promo-bg) url("../img/bg-mob.webp") center / cover no-repeat;
  }

  .promo .promo__title {
    padding: 0 20px;
    font-size: 26px;
    margin: 0 auto 20px;
  }

  .promo .promo__title,
  .promo .promo__text {
    color: var(--white);
  }

  .promo__text {
    font-size: 20px;
    line-height: 29.6px;
  }

  .chat {
    background: var(--chat-plain);
  }

  .chat .purchase {
    display: flex;
  }

  .car__name {
    font-size: 20px;
    line-height: 29.6px;
  }

  .catalog__list--cards .car {
    justify-items: center;
    text-align: center;
  }

  .catalog__list--cards .car__price {
    justify-self: center;
  }

  .catalog__list--cards .car__stock {
    justify-content: center;
    font-size: 14px;
  }

  .checklist .checklist__item {
    font-size: 16px;
  }
}

@media (max-width: 450px) {
  .header__logos {
    gap: 8px;
  }

  .header__logos-img {
    max-width: 90px;
    height: 17px;
  }

  .field--phone,
  .lead-form__submit {
    width: 100%;
  }

  .done__text {
    padding: 0 20px;
  }

  .done__title {
    font-size: 21px;
    margin: 15px 0 20px;
  }

  .done__icon {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
  }

  .botbar {
    padding: 20px 10px 10px 10px;
    margin-left: 0px;
  }

  .header__brand {
    grid-gap: 4px;
    grid-template-columns: 1fr;
    max-width: 100%;
    display: grid;
    margin: 0 auto;
  }

  .header__dealer,
  .contact__address {
    font-weight: 400;
  }
}

@media (max-width: 400px) {
  .success .done__title {
    margin: 15px 0 10px;
    font-size: 18px;
    line-height: 24px;
    padding: 0;
  }

  .botbar__inner {
    grid-template-columns: 35px 1fr 100px;
    gap: 10px;
  }

  .message--bot {
    grid-template-columns: 25px 1fr;
  }

  .botbar__inner .avatar::before {
    left: 27px;
  }

  .checklist__item {
    padding: 10px 10px 10px 30px;
    font-size: 14px;
    line-height: 130%;
  }
}

@media (max-width: 370px) {
  .message--bot {
    grid-template-columns: 25px 1fr;
  }

  .choice {
    padding: 10px 14px 11px;
  }

  .promo__title {
    font-size: 18px;
    margin: 20px auto 23px;
  }

  .advantages__item:nth-child(2) .advantages__text {
    padding-top: 0px;
  }

  .botbar__inner .avatar::before {
    left: 27px;
    width: 9px;
    height: 9px;
    bottom: -3px;
  }

  .botbar__name {
    margin-top: 0px;
  }

  .mhead__logo-img {
    width: 100px;
  }

  .mhead__call {
    font-size: 12px;
  }

  .promo__text {
    max-width: 305px;
  }

  .mhead__call-text {
    display: none;
  }

  .mhead__call-icon {
    width: 14px;
    height: 14px;
  }

  .mhead__phone {
    font-size: 14px;
  }
}

@media (max-width: 370px) {
  .mhead__stack,
  .mhead__stack-img {
    width: 100px;
  }
}

@media (max-width: 350px) {
  .mhead__callback {
    font-size: 12px;
  }
}

@media (max-width: 320px) {
  .mhead__callback-text {
    display: none;
  }

  .mhead__callback-icon {
    width: 14px;
    height: 14px;
  }
}

@media (max-height: 750px) {
  .success {
    margin-top: -200px;
  }
}

@media (max-height: 700px) {
  .success {
    margin-top: -190px;
  }
}

@media (max-height: 640px) {
  .success {
    margin-top: -170px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .car__stock-dot::after {
    animation: none;
  }
}