@charset "UTF-8";
input:-webkit-autofill, input,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0.946px solid none;
  -webkit-box-shadow: 0 0 0px 945.054px rgba(0, 0, 0, 0) inset;
  border: none;
  font-weight: 400;
  font-size: 0.938vw;
  border-radius: 0.156vw;
  background: none;
}

input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  width: 1.042vw;
  height: 1.042vw;
  border: 0.104vw solid #929292; /* серая обводка */
  background-color: white; /* белый фон */
  border-radius: 3px;
  vertical-align: middle;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input[type=checkbox]:checked + label::before {
  background-color: white;
  border-color: #929292;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10 15.172l9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z' fill='%23ff0000'/%3E%3C/svg%3E");
  background-size: 0.833vw;
  background-position: center;
  background-repeat: no-repeat;
}

.wrapper {
  width: 100%;
}

html {
  padding: 0;
  margin: 0;
}

html.hold {
  overflow: hidden;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.appearance {
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

.prev-arr, .next-arr {
  cursor: pointer;
}

ul[class],
ol[class],
ul {
  padding: 0;
  margin: 0;
}

body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
span,
a,
dd {
  padding: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: var(--text_S);
  font-weight: 400;
  line-height: 1.2;
  color: var(--black);
  margin: 0;
}

button {
  cursor: pointer;
  background: unset;
  border: none;
}

:root {
  --text_XXL:2.083vw;
  --text_XL:1.979vw;
  --text_XL:1.302vw;
  --text_L:1.146vw;
  --text_M:1.042vw;
  --text_S:0.938vw;
  --text_XS:0.729vw;
  --white:#fff;
  --grey:#F3F3F3;
  --tooGrwy:#ADADAD;
  --black:#333333;
  --red:#E60012;
  --green:#35B554;
  --blue:#0C78ED;
  --gap:1.042vw;
  --largeGap:2.604vw;
  --radiusMain:0.781vw;
  --radiusSnd:0.521vw;
  --border:0.119vw solid #c05f5c;
  --shadow:0 0 8px #ADADAD;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  margin: 0 auto;
  font-weight: 400;
  background: var(--grey);
  font-family: "Nunito Sans", sans-serif;
}

ul[class],
ol[class] {
  list-style: none;
}

section {
  margin-top: 5.208vw;
  position: relative;
}
section:first-child {
  margin-top: var(--largeGap);
}

section.category, section.product-fill {
  margin-top: var(--gap);
}

img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100%;
  display: block;
}

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

.mob {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
a,
li {
  text-decoration: none;
  list-style: none;
}

.container {
  margin: 0 12.5vw;
}

h1, h2 {
  font-weight: 700;
  font-size: var(--text_XXL);
}

h2 {
  margin-bottom: 1.463vw;
}

.btn, .continue-btn {
  cursor: pointer;
  padding: 1.302vw 1.463vw;
  font-weight: 700;
  line-height: 1;
  background: var(--red);
  border-radius: 0.521vw;
  display: inline-block;
  color: #fff;
  text-align: center;
}
.btn span, .continue-btn span {
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}
.btn.green, .continue-btn.green {
  background: var(--green);
}
.btn.blue, .continue-btn.blue {
  background: var(--blue);
}

.logo {
  font-weight: 700;
  font-size: 2.396vw;
  color: var(--red);
}
.burger{
  cursor: pointer;
}
header .logo{
  margin-right: var(--gap);
}
header  a:hover svg path{

  fill: red;

}
.header_top {
  margin-top: 0.781vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header_top p {
  color: #0d0d0d  ;
  font-size: var(--text_XS);
  font-weight: 400;
}
.header_top .chooseLang {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.26vw;
  padding: 0.26vw;
  border-radius: 0.156vw;
  background: var(--white);
}
.header_top .chooseLang p {
  font-size: 0.573vw;
  font-weight: 400;
}

/* ── User Menu Dropdown ────────────────────────────────────────────────── */
.user-menu {
  position: relative;
}
/* Кнопка-триггер — круглый аватар */
.user-menu__trigger {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.user-menu__avatar-sm {
  width: 1.823vw;
  height: 1.823vw;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-size: 0.677vw;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.15);
          box-shadow: 0 1px 6px rgba(0,0,0,0.15);
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.user-menu__avatar-sm img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-menu__trigger:hover .user-menu__avatar-sm {
  opacity: 0.85;
}

/* Сам дропдаун */
.user-menu__dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 0.625vw);
  left: 0;
  background: #fff;
  border-radius: 0.833vw;
  -webkit-box-shadow: 0 0.417vw 2.083vw rgba(0,0,0,0.14);
          box-shadow: 0 0.417vw 2.083vw rgba(0,0,0,0.14);
  min-width: 14vw;
  z-index: 9999;
  overflow: hidden;
  padding-bottom: 0.417vw;
}
.user-menu.open .user-menu__dropdown {
  display: block;
}

/* Шапка — аватар + имя + id */
.user-menu__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.677vw;
  padding: 0.938vw 1.042vw 0.833vw;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0.417vw;
}
.user-menu__head-avatar {
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-size: 0.938vw;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.user-menu__head-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.user-menu__head-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.156vw;
}
.user-menu__head-info strong {
  font-size: 0.729vw;
  font-weight: 700;
  color: #222;
  white-space: nowrap;
}
.user-menu__head-info span {
  font-size: 0.573vw;
  color: #aaa;
  white-space: nowrap;
}

/* Список пунктов */
.user-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.user-menu__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.677vw;
  padding: 0.573vw 1.042vw;
  font-size: 0.677vw;
  font-weight: 500;
  color: #222;
  text-decoration: none;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  white-space: nowrap;
}
.user-menu__list li a:hover {
  background: #f5f5f5;
}
.user-menu__list li a svg {
  flex-shrink: 0;
  width: 1.042vw;
  height: 1.042vw;
}

/* Разделитель перед "Выйти" */
.user-menu__logout-item {
  border-top: 1px solid #f0f0f0;
  margin-top: 0.417vw;
  padding-top: 0.417vw;
}
.user-menu__logout-item a {
  color: #999 !important;
}
.user-menu__logout-item a:hover {
  color: var(--red) !important;
  background: #fff5f5 !important;
}
.user-menu__logout-item a svg path {
  -webkit-transition: stroke 0.15s;
  transition: stroke 0.15s;
}
.user-menu__logout-item a:hover svg path {
  stroke: var(--red);
}

/* ── Language Switcher ─────────────────────────────────────────────────── */
.header_top #langSwitcher {
  position: relative;
  cursor: pointer;
  padding: 0.26vw 0.52vw;
  background: var(--white);
}
.header_top .lang-current {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  cursor: pointer;
}
/* Круглый флаг */
.header_top .lang-flag-wrap {
  width: 0.521vw;
  height: 0.521vw;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_top .lang-flag-wrap img {
  width: 0.521vw;
  height: 0.521vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
/* Название языка */
.header_top #langCurrentLabel {
  font-size:11px;
  
  font-weight: 500;
  color: #333;
  white-space: nowrap;
}
/* Стрелка */
.header_top .lang-arrow {
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.header_top #langSwitcher.open .lang-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* Выпадающее меню */
.header_top .lang-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 0.52vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  border-radius: 0.625vw;
  -webkit-box-shadow: 0 0.417vw 1.25vw rgba(0,0,0,0.13);
          box-shadow: 0 0.417vw 1.25vw rgba(0,0,0,0.13);
  list-style: none;
  margin: 0;
  padding: 0.4vw 0;
  min-width: 9vw;
  z-index: 9999;
}
.header_top #langSwitcher.open .lang-dropdown {
  display: block;
}
.header_top .lang-option {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  padding: 0.52vw 0.833vw;
  font-size: 0.729vw;
  font-weight: 400;
  color: #333;
  cursor: pointer;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
  white-space: nowrap;
}
.header_top .lang-option:hover {
  background: #f5f5f5;
}
.header_top .lang-option.active {
  font-weight: 600;
}
.header_top .lang-option .lang-flag-wrap {
  width: 1.354vw;
  height: 1.354vw;
}

.header_inner {
  padding: var(--gap) 1.463vw;
  background: var(--white);
  border-radius: var(--radiusMain);
  margin-top: 0.781vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap);
}
.header_inner .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.26vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--grey);
  border-radius: 0.26vw;
}
.header_inner .search input {
  background: var(--white);
  padding: var(--gap);
}
.header_inner .search input:hover, .header_inner .search input:focus, .header_inner .search input:active {
  background: #d3e8ff !important;
  opacity: 1;
  border-color: #d3e8ff !important;
}
.header_inner .search button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.125vw;
  width: 3.125vw;
  background: var(--grey);
  border-radius: var(--radiusSnd);
}
.header_inner .whishlist {
  margin-left: auto;
}
.header_inner .whishlist, .header_inner .person , .user-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 3.7vw;
  width: 3.7vw;
  background: var(--grey);
  border-radius: var(--radiusSnd);
}

/* ── Favorites ── */
.favorite-btn {
  background: none;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 5px;
  display: flex;
}
.favorite-btn.active svg path   {
  fill: var(--red);
}

.favoritePage h1 {
  margin-bottom: 1.5vw;
}
.favoritePage{
  margin-top: 50px;

}
.favorite-loading {
  padding: 2vw 0;
  color: var(--tooGrwy);
}
.favorite-empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1vw;
  padding: 2vw 0;
}

/* ── Favorites counter badge in header ── */
.whishlist.desk,
.header-wishlist-btn {
  position: relative;
}
.fav-count {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
}
.fav-count.visible {
  display: block;
}

/* ── Filter badge on mobile open-filter button ── */
.item.openFilter {

  position: relative;
}
.item.openFilter .filter-count {
  display: none;
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}
.item.openFilter.choosed .filter-count {
  display: block;
}
.item.openFilter.choosed{
 background: var(--black)!important;

}
.item.openFilter.choosed svg path{
  fill: white;
}
  .item.openFilter.choosed span{
  color: var(--white);
  }

/* ── Burger Mega-Menu ──────────────────────────────────────────────────── */
.header--main {
  position: relative;
  z-index: 100;
}
.burger_popup {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
    opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-15.675px);
          transform: translateY(-15.675px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, visibility 0.2s;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  pointer-events: none;
}
.burger_popup.open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(-0.52vw);
          transform: translateY(-0.52vw);
  pointer-events: all;
}
.burger_popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s;
  transition: opacity 0.2s ease, visibility 0.2s;
}
.burger_popup__overlay.open {
  opacity: 1;
  visibility: visible;
}

.burger_popup__inner {
  display: -webkit-box;
  background: #fff;
  padding: 2.083vw 1.563vw;
  display: -ms-flexbox;
  border-bottom-right-radius: var(--radiusMain);
  border-bottom-left-radius: var(--radiusMain);
  display: flex;
  gap: 0;
}

.burger_popup__divider {
  width: 1.325px;
  background: #ebebeb;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 1.562vw;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.burger_popup  .social {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.097vw;
}

.burger_popup  .social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.586vw;
}

.burger_popup  .social a .txt h4 {
  font-size: var(--text_S);
  margin-bottom: 0.313vw;
}

.burger_popup  .social a .txt span {
  color: var(--tooGrwy);
  font-size: 0.586vw;
}

/* — Заголовки колонок — */
.burger_popup__heading {
  font-size: 1.302vw;
  font-weight: 700;
  color: var(--black);
  letter-spacing: 0.08em;
  margin-bottom: 1.563vw;
}
.burger_popup__heading--extra {
  margin-top: 2.604vw;
}

/* — Col 1: Каталог — */
.burger_popup__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.burger_popup__col--catalog {
  width: 15.625vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

/* Карточка "Автомобили" */
.burger_cat_card {
  position: relative;
  display: block;
  border-radius: 0.469vw;
  overflow: hidden;
  background: #333333;
  height: 13vw;
  text-decoration: none;
}
.burger_cat_card img {
  width: 100%;
  height: 100%;
  object-fit: cover;

  display: block;
}
.burger_cat_card span {
  position: absolute;
  color: #fff;
  top: 1.563vw;
  left: 1.563vw;
  font-size: var(--text_L);
  font-weight: 700;
  line-height: 1.2;
}


.burger_brands_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 21.2vw;
  gap: 1.823vw;
}
.burger_brand_card {
  display: -webkit-box;
  justify-content: space-between;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.391vw;
  border: 1.325px solid #ebebeb;
  background: var(--grey);
  overflow: hidden;
  width: 15.469vw;
  text-decoration: none;
  -webkit-transition: border-color 0.15s, -webkit-box-shadow 0.15s;
  transition: border-color 0.15s, box-shadow 0.15s;
  padding-right: 0;
}
.burger_brand_card:hover {
  border-color: #d0d0d0;
  -webkit-box-shadow: 0 2.669px 13.325px rgba(0,0,0,0.06);
  box-shadow: 0 2.669px 13.325px rgba(0,0,0,0.06);
}
.burger_brand_card__name {
  padding: 1.562vw 1.562vw 0;
  display: block;
  font-size: 1.146vw;
  font-weight: 600;
  color: #222;
  margin-bottom: 0.313vw;
}
.burger_brand_card img {
  width: 100%;
  height: auto;
  object-fit: contain;
  mix-blend-mode: darken;
  display: block;
}
.burger_brand_card__placeholder {
  width: 100%;
  height: 3.516vw;
  background: #f4f4f4;
}

/* — Col 3: Сервис — */
.burger_popup__col--service {
  width: 9.375vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.burger_service_links {
  list-style: none;
  margin: 0 0 1.406vw;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.562vw;
}
.burger_service_links.extra{
  margin-bottom: 1.562vw;
}
.burger_service_links li a {
  font-size: var(--text_S);
  font-weight: 400;
  color: #222;
  text-decoration: none;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}
.burger_service_links li a:hover { color: var(--red); }

/* — Social links — */
.burger_socials_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.547vw;
}
.burger_social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.547vw;
  text-decoration: none;
}
.burger_catalog_socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.547vw;
  margin-top: 1.562vw;
}
.burger_social__icon {
  width: 1.797vw;
  height: 1.797vw;
  border-radius: 0.391vw;
  background: var(--red);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.burger_social__text strong {
  display: block;
  font-size: 0.547vw;
  font-weight: 700;
  color: #222;
  line-height: 1.3;
}
.burger_social__text span {
  display: block;
  font-size: 0.43vw;
  color: #aaa;
  line-height: 1.4;
}

/* На мобилках бургер-попап скрыт */

/* ── Inner pages header ── */

/* Desktop: всегда полный хедер, упрощённый скрыт */
.header--inner {
  display: none;
}

/* Mobile: переключаем по классу body */

.header--inner .header_inner {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header--inner .logo {
  font-size: 24px;
  font-weight: 700;
  color: var(--red);
}
.header--inner .header_icons {
  display: flex;
  align-items: center;
  gap: 20px;
}
.header--inner .header_icons button,
.header--inner .header_icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.header--inner .header_icons svg path,
.header--inner .header_icons svg rect {
  fill: var(--red);
}

/* ── Mobile search panel (under header--inner) ── */
.header-search-panel {
  display: none;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
.header-search-panel.open {
  max-height: 72px;
}
.header-search-form {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 8px 14px;
  background: #f7f7f7;
}
.header-search-form input {
  flex: 1;
  border: none;
  background: transparent;
  outline: none;
  font-size: 15px;
  color: #333;
  min-width: 0;
}
.header-search-form input::placeholder {
  color: #aaa;
}
.header-search-form button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  flex-shrink: 0;
}

footer {
  margin-top: 5.208vw;
}
footer .footer_inner {
  padding: var(--largeGap) 0;
  border-top: 0.052vw solid rgb(166, 166, 166);
  border-bottom: 0.052vw solid rgb(166, 166, 166);
}
footer .footer_inner .item:nth-child(1) {
  margin-top: -1.042vw;
  margin-right: 5vw;
}
footer .footer_inner .item:nth-child(2) {
  margin-right: 10.99vw;
}
footer .footer_inner .item:nth-child(3) {
  margin-right: 9.896vw;
}
footer .footer_inner .item .social {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.463vw;
}
footer .footer_inner .item .social a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.781vw;
}
footer .footer_inner .item .social a .txt h4 {
  font-size: var(--text_S);
  margin-bottom: 0.417vw;
}
footer .footer_inner .item .social a .txt span {
  color: var(--tooGrwy);
  font-size: 0.781vw;
}
footer .footer_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .footer_inner p {
  margin-top: 0.886vw;
  font-weight: 400;
  font-size: var(--text_XS);
  color: #0D0D0D;
}
footer .footer_inner h5 {
  font-size: var(--text_L);
  font-weight: 700;
  margin-bottom: 1.463vw;
}
footer .footer_inner li {
  margin-bottom: 1.463vw;
}
footer .footer_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.463vw 0 var(--largeGap);
}
footer .footer_bottom a {
  opacity: 0.4;
}

.banner .slick-dots {
  position: absolute;
  left: 2.604vw;
  bottom: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  z-index: 4;
}
.banner .slick-dots li button:after {
  color: var(--white);
  border: 0.156vw solid var(--white);
  border-radius: 100%;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
    top: 1px;
    left: 1.7px;
  width: 17px;
  height: 16.992px;
  content: "";
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
}
.banner .slick-dots li.slick-active button:after {
  opacity: 1;
}
.banner .slick-dots li button:before {
  color: var(--white)!important;
  opacity: 1;
}
.banner .slide {
  position: relative;
  padding: var(--largeGap);
  min-height: 26.563vw;
  border-radius: 1.042vw;
  overflow: hidden;
}
.banner .slide h2 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 1.043vw;
  font-weight: 700;
  line-height: 150%;
}
.banner .slide p {
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 3.125vw;
  color: var(--white);
  font-size: var(--text_L);
}
.banner .slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.banner .btn {
  border-radius: 0.26vw;
}

.card:hover {
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}

.cat .cat_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cat .cat_inner .card {
  position: relative;
  background: var(--white);
  border-radius: var(--radiusSnd);
  cursor: pointer;
  width: 100%;
  overflow: hidden;

}
.cat .cat_inner .card:nth-child(4) img {
  transform: translateX(2.778vw);

}
.cat .cat_inner .card h3 {
  padding: 1.463vw 1.463vw 0;
  margin-bottom: 0.521vw;
  position: relative;
  z-index: 5;
  font-size: var(--text_XL);
  font-weight: 700;
}
.cat .cat_inner .card img {
  height: 9.115vw;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cat .cat_inner .card:hover img {
  -webkit-transform: translateX(-0.521vw);
          transform: translateX(-0.521vw);
  scale: 1.1;
}
.cat .cat_inner .card .cat__soon {
  display: inline-block;
  padding: 0.494vw 1.389vw;
  background: #333;
  color: var(--white);
  border-radius: 6.25vw;
  font-size: var(--text_S);
  font-weight: 500;
  position: absolute;
  left: 1.805vw;
  bottom: 1.389vw;
  z-index: 5;
}

.newPost .container {
  position: relative;
  padding: 3.125vw 2.604vw 0;
}
.newPost .container:before {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #efe6df;
  z-index: -1;
  border-radius: 1.042vw;
  height: 21.719vw;
}
.newPost .newPost_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.newPost .newPost_inner .list {
  margin: 0.521vw 0;
  width: 16.406vw;
  padding: 1.463vw 1.042vw 2.344vw;
  background: var(--white);
  border-radius: 0.625vw;
}
.newPost .newPost_inner .list .item:hover, .newPost .newPost_inner .list .item.active {
  background: var(--grey);
}
.newPost .newPost_inner .list .item {
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.26vw 0.521vw;
  border-radius: 0.313vw;
  gap: var(--gap);
}
.newPost .newPost_inner .list .item span {
  margin-left: auto;
  font-weight: 400;
}
.newPost .newPost_inner .list .item img {
  width: 2.083vw;
  height: 2.083vw;
}
.newPost .newPost_inner .list .item h3 {
  font-size: var(--text_XL);
  font-weight: 400;
}
.newPost .newPost_inner .moreMarks {
  text-align: center;
  font-weight: 400;
  margin-top: 0.521vw;
}
.newPost .newPost_inner .newPost_product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 51.302vw;
  gap: var(--gap);
}
.newPost .newPost_inner .newPost_product .card {
  margin: 0.521vw 0.521vw;
  background: var(--white);
  border-radius: 0.625vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 21.313vw;
  padding: 0.521vw;
}
.newPost .newPost_inner .newPost_product .card img {
  width: 100%;
  border-radius: var(--radiusSnd);
  height: 10.417vw;
  object-fit: cover;
  margin-bottom: var(--gap);
}
.newPost .newPost_inner .newPost_product .card h4 {
  font-size: var(--text_XL);
  font-weight: 700;
  margin-bottom: 0.521vw;
}
.newPost .newPost_inner .newPost_product .card .price {
  font-weight: 700;
  font-size: var(--text_L);
}
.newPost .newPost_inner .newPost_product .card .year {
  font-size: 0.833vw;
  text-align: right;
}
.newPost .newPost_inner .newPost_product .card .card_bottom {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.newPost .newPost_inner .newPost_product .card .btn {
  margin-top: 0.521vw;
  width: 100%;
  padding: 0.885vw 5.208vw;
}
.newPost .newsPost_bottom {
  margin: var(--largeGap) 13.021vw 0 15.365vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.newPost .newsPost_bottom .btn {
  width: 16.406vw;
  background: var(--black);
}
.newPost .newsPost_bottom .arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}

.news .news_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.news .news_inner .item {
  overflow: hidden;
  border-radius: var(--radiusSnd);
  background: var(--white);
}
.news .news_inner .item p {
  font-size: var(--text_L);
  padding: var(--gap) var(--gap) 1.463vw;
  font-weight: 700;
  line-height: 120%;
}
.news .news_inner .item img {
  width: 100%;
  height: 11.458vw;
}
.news .btn {
  margin-top: var(--largeGap);
  background: var(--black);
  width: 11.458vw;
}

.condition_cont {
  margin-bottom: 1.463vw;
}
.condition_cont ul {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eaeaea;
  border-radius: var(--radiusMain);
  padding: 0.104vw;
}
.condition_cont ul li {
  padding: 0.886vw;
  border-radius: var(--radiusSnd);
}
.condition_cont ul li.active {
  background: var(--white);
}

.category_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.category_inner .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.521vw;
  width: 100%;
}
.category_inner .block .category_dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  width: 48.5%;
}
.category_inner .block .category_dropdown:nth-child(1) {
  width: 100%;
  margin-bottom: 0.521vw;
}
.cat_row.cat_row--2 div:nth-child(1) .category_dropdown ,.cat_row.cat_row--2 div:nth-child(2) .category_dropdown {
  width: 45%!important;
}

/* ── Новый трёхрядный десктопный фильтр ──────────────────────────────── */

/* Переопределяем category_inner: строки вертикально */
.category_inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.521vw;
}

/* Одна горизонтальная строка */
.cat_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.521vw;
  width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* Строка 1: Марка · Модель · Комплектация — 3 равных блока */
.cat_row--1 .category_dropdown {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* Обёртка кнопок × и + в BM-строке */
.bm-row__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.26vw;
  flex-shrink: 0;
}

/* Общие стили для × и + */
.bm-row__remove,
.bm-row__add {
  display: flex;
  align-items: center;
  justify-content: center;

    width: 2.865vw;
    height: 2.865vw;
    padding: 0.938vw;
  border-radius: 50%;
border: 0.052vw solid #333;
border-radius: 0.521vw;
  cursor: pointer;
  opacity: 0.4;
  padding: 0;
  transition: border-color .2s, color .2s;
}
.bm-row__remove:hover { border-color: #e53935; color: #e53935; }
.bm-row__add:hover    { border-color: #27ae60; color: #27ae60; }

/* Отступ между BM-строками */
#bmRows .bm-row + .bm-row { margin-top: 0.417vw; }

/* Кнопки/поля «до» чуть уже */
.cat_row .range_to {
 
  min-width: 0;
}

/* Группировка по 2 фильтра: [кузов+коробка] [двигатель+привод] [от/до] */
.cat_pair,
.cat_range {
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.521vw;
  justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.cat_row.cat_row--3   .category_dropdown{
  width: 49.5%;

}
.cat_pair .category_dropdown,
.cat_range .category_dropdown{
  width: 50%;
}
/* ── Текстовые поля ввода (Пробег, Цена) — стиль как у dropdown-кнопок ── */
.cat_input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgb(146, 146, 146);
  border-radius: var(--radiusSnd);
  padding: 1.156vw 0.781vw 0.469vw 0.781vw;
  min-height: 2.865vw;
  background: transparent;
  -webkit-transition: border-color 0.2s ease;
          transition: border-color 0.2s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.cat_input:focus-within { border-color: #555; }
.cat_input__label {
  position: absolute;
  left: 0.781vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.833vw;
  color: #929292;
  white-space: nowrap;
  pointer-events: none;
  line-height: 1;
  -webkit-transition: top 0.18s ease, font-size 0.18s ease, -webkit-transform 0.18s ease;
          transition: top 0.18s ease, font-size 0.18s ease, transform 0.18s ease;
}
.cat_input:focus-within .cat_input__label,
.cat_input.has-value .cat_input__label {
  top: 0.365vw;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  font-size: 0.625vw;
}
.cat_input input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.833vw;
  color: #333;
  min-width: 0;
  -moz-appearance: textfield;
}
.cat_input input::-webkit-outer-spin-button,
.cat_input input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.cat_input input::placeholder { color: #bbb; }

/* ─────────────────────────────────────────────────────────────────────── */

.category_dropdown {
  position: relative;
}

.category_dropdown {
  position: relative;
}

/* ================= BUTTON ================= */
.category_dropdown__btn {
  position: relative;
  color: #929292;
  width: 100%;
  padding: 0.938vw 0.781vw;
  border: 1px solid rgb(146, 146, 146);
  border-radius: var(--radiusSnd);
  overflow: hidden;
  cursor: pointer;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.category_dropdown__btn:hover {
  background: #d3e8ff !important;
  opacity: 1;
  border-color: #d3e8ff !important;
}

/* ================= LABEL ================= */
.category_dropdown__btn .label {
  position: absolute;
  left: 0.781vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.833vw;
  color: #929292;
  pointer-events: none;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  line-height: 1;
  white-space: nowrap;
}

/* ================= VALUE ================= */
.category_dropdown.has-value .category_dropdown__btn {
  background: #d3e8ff;
  overflow: hidden;
}

.category_dropdown__btn .value {
  font-size: var(--text_S);
  color: #333;
  display: block;
}

/* ================= ARROW ================= */
.category_dropdown__btn .arrow {
  top: 1vw;
  position: absolute;
  right: 1vw;
}

/* ================= OPEN STATE ================= */
.category_dropdown.open {
  border-radius: var(--radiusSnd);
  background: #d3e8ff !important;
  opacity: 1;
  border-color: #d3e8ff !important;
}
.category_dropdown.open .arrow {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

/* ================= HAS VALUE (FLOAT LABEL) ================= */
.category_dropdown__btn {
  padding-top: 1.156vw;
  padding-bottom: 0.469vw;
  min-height: 2.865vw;
}

.category_dropdown.has-value .category_dropdown__btn .label {
  top: 0.365vw;
  -webkit-transform: none;
          transform: none;
  font-size: 0.625vw;
  color: #666;
}

/* ================= LIST ================= */
.category_dropdown__list {
  overflow: hidden;
  max-height: 15.468vw;
  overflow: auto;
  position: absolute;
  transition: none;
  top: 110%;
  left: 0;
  width: 100%;
  background: var(--white);
  border-radius: var(--radiusSnd);
  display: none;
  z-index: 10;
}
.category_dropdown__list .clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.365vw;
}

/* Список управляется только через jQuery slideDown/slideUp — не через CSS display */

/* ================= LIST ITEM ================= */
.category_dropdown__list li {
  padding: 0.625vw 0.833vw;
  cursor: pointer;
  -webkit-transition: background 0.2s ease, color 0.2s ease;
  transition: background 0.2s ease, color 0.2s ease;
}

.category_dropdown__list li:hover {
  background: #333;
  color: var(--white);
}
.category_dropdown__list li:hover svg path {
  stroke: var(--white);
}
.category_dropdown__list li:hover * {
  color: var(--white);
}

/* ================= STAGGER ANIMATION ================= */
@-webkit-keyframes dropItemIn {
  from { opacity: 0; -webkit-transform: translateY(-15px); transform: translateY(-15px); }
  to   { opacity: 1; -webkit-transform: translateY(0);     transform: translateY(0); }
}
@keyframes dropItemIn {
  from { opacity: 0; -webkit-transform: translateY(-15px); transform: translateY(-15px); }
  to   { opacity: 1; -webkit-transform: translateY(0);     transform: translateY(0); }
}

.category_dropdown.open .category_dropdown__list li {
  -webkit-animation: dropItemIn 0.22s ease both;
          animation: dropItemIn 0.22s ease both;
}

.category_dropdown.open .category_dropdown__list li:nth-child(1)  { -webkit-animation-delay:   0ms; animation-delay:   0ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(2)  { -webkit-animation-delay:  25ms; animation-delay:  25ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(3)  { -webkit-animation-delay:  50ms; animation-delay:  50ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(4)  { -webkit-animation-delay:  75ms; animation-delay:  75ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(5)  { -webkit-animation-delay: 100ms; animation-delay: 100ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(6)  { -webkit-animation-delay: 125ms; animation-delay: 125ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(7)  { -webkit-animation-delay: 150ms; animation-delay: 150ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(8)  { -webkit-animation-delay: 175ms; animation-delay: 175ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(9)  { -webkit-animation-delay: 200ms; animation-delay: 200ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(10) { -webkit-animation-delay: 225ms; animation-delay: 225ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(11) { -webkit-animation-delay: 250ms; animation-delay: 250ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(12) { -webkit-animation-delay: 275ms; animation-delay: 275ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(13) { -webkit-animation-delay: 300ms; animation-delay: 300ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(14) { -webkit-animation-delay: 325ms; animation-delay: 325ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(15) { -webkit-animation-delay: 350ms; animation-delay: 350ms; }
.category_dropdown.open .category_dropdown__list li:nth-child(n+16) { -webkit-animation-delay: 375ms; animation-delay: 375ms; }

.breadcrump {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.042vw;
  margin-bottom: var(--gap);
}
.breadcrump * {
  font-weight: 400;
  font-size: var(--text_L);
  color: #333;
  opacity: 0.4;
}
.breadcrump a:hover {
  opacity: 1;
}

.category h1 {
  margin-bottom: var(--largeGap);
}
.category .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: var(--gap);
}
.category .btns .btn {
  width: 20vw;
  border-radius: 0.625vw;
  background: #333;
}
.category .btns .clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: var(--text_S);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap);
  color: #333;
  opacity: 0.4;
  cursor: pointer;
}
.category .btns .clear:hover {
  opacity: 1;
}

.categoryPage .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.categoryPage .container .mainWrap {
  width: 100%;
}

aside {
  width: 30%;
}

.product {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product .product_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: var(--gap);
  width: 100%;
  position: relative;
}
/* Кликабельная зона — всё кроме product_bottom */
.product_card_link {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.product .product_bottom {
  position: relative;
  z-index: 2;
}
.product img {
  width: 17.708vw;
  height: 15.625vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--radiusSnd);
}
.product .product_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.product .product_head .name {
  font-size: var(--text_XL);
  font-weight: 700;
}
.product .product_head .price {
  font-size: var(--text_XL);
  font-weight: 700;
}
.product .product_head {
  margin-bottom: var(--gap);
}
.singleProducPage .product_head {
flex-wrap: wrap;
display: flex;

}
.product_head_title{
 display: flex;
 flex-direction: column;
 gap: 0.833vw;
  width: 50%;
}
/* Блок конвертации валют */
.price-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.208vw;
}
.price-conversions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625vw;
}
.price-conversions span {
  font-size: var(--text_S);
  color: var(--tooGrwy);
  font-weight: 400;
  white-space: nowrap;
}

/* Строка цены на странице товара: цена слева + конвертации справа */
.price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  align-items: flex-end;
flex-direction: column;
  gap: 0.833vw;
  margin-bottom: 0.417vw;
}
.price-row .price {
  font-size: 1.667vw;
  font-weight: 700;
  color: var(--black);
  white-space: nowrap;
}
.price-row .price-conversions {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.417vw 0.833vw;
}

/* Строка мета: дата+город слева, просмотры справа */
.meta-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  gap: var(--gap);
      -ms-flex-align: center;
          align-items: center;
}
.meta-date-city {
  font-size: var(--text_S);
  color: var(--tooGrwy);
  font-weight: 400;
}
.product .equipment {
  margin-bottom: 1.463vw;
  font-size: var(--text_S);
  font-weight: 400;
}
.product .property {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 4fr 0.781vw 3fr 0.781vw 1fr;
  grid-template-columns: 4fr 3fr 1fr;
  gap: 0.781vw;
}
.product .property li {
  font-weight: 400;
  font-size: var(--text_M);
}
.product .prop.year , .product .prop.condition{ 
  font-weight: 400;
  font-size: var(--text_S);
}
.product .product_bottom {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product .product_bottom .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.product .person img {
  width: 1.875vw;
  height: 1.875vw;
  border-radius: 100%;
}
.product .person {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.781vw;
}
.product .person p :first-child {
  margin-bottom: 0.521vw;
}
.product .person .name {
  font-size: var(--text_S);
}
.product .person .role {
  opacity: 0.4;
}

.catalog {
  width: 100%;
  margin-top: var(--largeGap);
}
.catalog .catalog_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--gap);
}

.call, .write {
  background: var(--green);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.781vw;
  padding: 0.781vw 1.463vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

section.similarProduct {
  margin-top: 11.1vw;
}
section.similarProduct .similarProduct_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.463vw;
}
section.similarProduct .product {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
section.similarProduct .product .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.781vw;
}
section.similarProduct .product .btns .call {
  padding: 0.835vw 1.463vw;
}
section.similarProduct .product .btns .btn:last-child {
  padding: 0.8vw;
}
section.similarProduct .product .btns .btn {
  background: var(--red);
}
section.similarProduct .product .name {
  font-size: var(--text_XL);
  font-weight: 700;
  margin-top: 1.042vw;
}
section.similarProduct .product .years {
  font-size: var(--text_M);
}
section.similarProduct .product .price {
  font-size: var(--text_XL);
  font-weight: 700;
}
section.similarProduct .product .motor, section.similarProduct .product .wheelDrive, section.similarProduct .product .type, section.similarProduct .product .transmission {
  font-size: var(--text_M);
}
section.similarProduct .product .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
section.similarProduct .product .item:nth-child(4) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.781vw;
}
section.similarProduct .product .item:nth-child(5) {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
section.similarProduct .product .item:nth-child(5) .type {
  display: block;
}
section.similarProduct .product .item:nth-child(2) {
  margin-bottom: 0.782vw;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
section.similarProduct .product .item:nth-child(3),  section.similarProduct .product .item:nth-child(6) {
  margin-bottom: 1.2vw;
}
section.similarProduct .product .item:nth-child(4) , section.similarProduct .product .item:nth-child(5){
  gap:0;
    margin-bottom: 1.2vw;

}
section.similarProduct .product img {
  width: 100%;
  height: 11.458vw;
  border-radius: var(--radiusSnd);
  -o-object-fit: cover;
     object-fit: cover;
}

.logIn {
  border-radius: var(--radiusMain);
  overflow: hidden;
}
.logIn input {
  text-align: left;
  padding: 0.781vw 1.042vw;
  width: 100%;
  border: 0.052vw solid #333;
  border-radius: 10px;
  font-size: var(--text_S);
  color: #333;
  opacity: 0.4;
  margin-bottom: var(--gap);
}
.logIn input:hover, .logIn input:focus, .logIn input:active {
  background: #d3e8ff !important;
  opacity: 1;
  border-color: #d3e8ff !important;
}
.logIn {
  width: 25.958vw;
  margin: 10.417vw auto;
}
.logIn .forgetPass {
  font-weight: 400;
  font-size: var(--text_XL);
  margin-top: 0.521vw;
  margin-bottom: 1.463vw;
  color: var(--blue);
}
.logIn .logIn_haveAccount {
  padding: var(--largeGap) var(--largeGap) 2.8vw;
  background: #fff;
}
.logIn .logIn_haveAccount .btn {
  width: 14.063vw;
}
.logIn * {
  text-align: center;
}
.logIn h4 {
  font-weight: 700;
  font-size: 2.396vw;
  color: var(--red);
  margin-bottom: var(--gap);
}
.logIn h1 {
  font-weight: 400;
  font-size: var(--text_XL);
  margin-bottom: 2.083vw;
}
.logIn .logIn_noAccount {
  padding: var(--largeGap) 2.083vw;
  background: var(--black);
  border-radius: 0.781vw;
  margin-top: -0.55vw;
}
.logIn .logIn_noAccount span {
  font-size: 25px;
  color: #f3f3f3;
  display: block;
  margin-bottom: 1.463vw;
  text-align: center;
}
.logIn .logIn_noAccount .btn {
  border-radius: 0.26vw;
  width: 14.115vw;
  margin-bottom: 1.463vw;
  background: #fff;
  color: var(--black);
  text-align: center;
}
.logIn .logIn_noAccount .privacyTxt {
  display: block;
  font-weight: 400;
  line-height: 120%;
  font-size: 0.729vw;
  text-align: center;
  color: #f3f3f3;
  opacity: 0.4;
}
.logIn * {
  -webkit-transition: ease all 0.5s;
  transition: ease all 0.5s;
}
.logIn .hidden {
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
}
.logIn .logIn_noAccount {
  padding-bottom: 2.625vw;
  position: relative;
  -webkit-transition: background ease 0s;
  transition: background ease 0s;
}
.logIn .logIn_noAccount .title {
  opacity: 0;
  -webkit-transform: translateY(5.208vw);
          transform: translateY(5.208vw);
  position: absolute;
  top: 0;
  z-index: -1;
}
.logIn .logIn_noAccount form {
  display: none;
}
.logIn .logIn_noAccount .prev {
  position: unset;
}
.logIn .logIn_noAccount .openLog {
  opacity: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: var(--gap);
}
.logIn .logIn_noAccount.apeereance {
  background: #fff;
}
.logIn .logIn_noAccount.apeereance .openReg {
  display: none;
}
.logIn .logIn_noAccount.apeereance .title {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  position: unset;
}
.logIn .logIn_noAccount.apeereance .openLog {
  opacity: 1;
}
.logIn .logIn_noAccount.apeereance form {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--gap);
}
.logIn .logIn_noAccount.apeereance form input:hover, .logIn .logIn_noAccount.apeereance form input:focus, .logIn .logIn_noAccount.apeereance form input:active {
  background: #d3e8ff !important;
  opacity: 1;
  border-color: #d3e8ff !important;
}
.logIn .logIn_noAccount.apeereance form input {
  margin-bottom: 0;
}
.logIn .logIn_noAccount.apeereance form input:nth-child(3), .logIn .logIn_noAccount.apeereance form input:nth-child(4) {
  width: 47%;
}
.logIn .logIn_noAccount.apeereance .prev {
  position: absolute;
  top: 0;
  opacity: 0;
}
.logIn .logIn_noAccount .btn.reg {
  color: #fff;
  margin: 0 auto;
  width: 14.063vw;
  background: var(--red);
}
.logIn .logIn_noAccount #agreeCheckbox {
  opacity: 1;
}
.logIn .logIn_noAccount label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.463vw;
  margin-top: 0.521vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--gap);
}
.logIn .logIn_noAccount label input {
  margin: 0;
  width: 1.042vw !important;
}
.logIn .logIn_noAccount label span {
  font-size: var(--text_XS);
  color: #929292;
  text-align: left;
  margin: 0;
}
.logIn.open {
  width: 36.458vw;
}

.singleProducPage .singleProduct  {
  width: 100%;
}
.singleProducPage .singleProduct .product_head .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.singleProducPage .singleProduct .product_head .item .price {
  font-size: 2.083vw;
  font-weight: 700;
  line-height: 1;
}
.singleProducPage .singleProduct .product_head .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
  margin-top: var(--gap);
}
.singleProducPage .singleProduct .product_head .visitor span {
  margin-bottom: 0;
}
.singleProducPage .singleProduct .product_head .visitor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.521vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.singleProducPage .singleProduct .product_head .visitor span, .singleProducPage .singleProduct .product_head .timePublish {
  font-size: var(--text_S);
  color: var(--tooGrwy);
  font-weight: 700;
}
.singleProducPage .singleProduct .userInfo {
  margin: 1.463vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--white);
  padding: var(--gap);
  border-radius: var(--radiusMain);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.singleProducPage .singleProduct .userInfo .userImg {
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: var(--gap);
}
.singleProducPage .singleProduct .userInfo .info * {
  font-size: var(--text_S);
  color: var(--tooGrwy);
}
.singleProducPage .singleProduct .userInfo .info span {
  display: block;
  margin-bottom: 0.521vw;
  color: var(--black);
}
.singleProducPage .singleProduct .userInfo .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.singleProducPage .singleProduct .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap);
  margin-left: 1.042vw;
}
.singleProducPage .singleProduct .call {
  padding: 0.76vw 1.463vw;
  width: 9.854vw;
}
.singleProducPage .singleProduct .favorite {
  padding: 0.63vw 0.521vw;
  width: auto;
}
.singleProducPage .singleProduct .recall {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.781vw;
}
.singleProducPage .singleProduct .recall .btn {
  padding: 0.938vw;
}
.singleProducPage .singleProduct .recall span {
  font-size: var(--text_M);
  font-weight: 700;
  color: var(--green);
}
.singleProducPage .singleProduct .productBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.singleProducPage .singleProduct .info .btn {
  background: var(--black);
  font-size: var(--text_S);
  width: 12.5vw;
}
.singleProducPage .singleProduct .info .item svg {
  white-space: nowrap;
}
.singleProducPage .singleProduct .info .item {
  margin-bottom: var(--largeGap);
}
.singleProducPage .singleProduct .info .item:nth-child(2) {
  margin-bottom: 1.771vw;
}
.singleProducPage .singleProduct .info .item:nth-child(2) .att .att_cont {
  width: 14.104vw;
}
.singleProducPage .singleProduct .info .item:nth-child(2) .att {
  gap: var(--gap);
}
.singleProducPage .singleProduct .info .item:nth-child(2) .att .att_name {
  margin-bottom: 0.313vw;
}
.singleProducPage .singleProduct .info {
  width: 17.708vw;
}
.singleProducPage .singleProduct .info span {
  margin-bottom: 1.463vw;
  font-weight: 700;
  font-size: var(--text_XL);
  display: block;
}
.singleProducPage .singleProduct .info .att {
  margin-bottom: 0.781vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.singleProducPage .singleProduct .info .att .att_name {
  color: var(--tooGrwy);
  font-weight: 700;
  font-size: var(--text_L);
}
.singleProducPage .singleProduct .info .att .att_value {
  font-weight: 700;
  font-size: var(--text_L);
}
.singleProducPage .mainWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.singleProducPage .sliders {
  width: 38.358vw;
}
.singleProducPage .sliders .sliderFor {
  margin-bottom: 0.521vw;
}
.singleProducPage .sliders .sliderFor img {
  height: 32.292vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--radiusMain);
}
.singleProducPage .sliders .slider_nav img {
  border-radius: var(--radiusMain);
  margin: 0.521vw;
  scale: 1.035;
  height: 10.417vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.singleProducPage .description {
  margin-top: 5.208vw;
  margin-bottom: 5.208vw;
}
.singleProducPage .description h2 {
  margin-bottom: 2.083vw;
  font-size: 2.083vw;
  font-weight: 700;
}
.singleProducPage .description p {
  font-size: var(--text_XL);
  font-weight: 400;
}
.singleProducPage .moreProduct h2 {
  margin-bottom: var(--largeGap);
}
.singleProducPage .moreProduct .product {
  margin-bottom: 1.463vw;
}
.singleProducPage section.similarProduct {
  margin-top: 0;
}

.person_wrap .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}

.person_cont, aside.cupon {
  padding: var(--largeGap);
  border-radius: var(--radiusMain);
  background: var(--white);
}

.personBody {
display: flex;
width: 100%;
gap: var(--gap);

}

.person_cont h1 {
  margin-bottom: var(--largeGap);
}
.person_cont .personEmptyImg {
  width: 9.854vw;
  height: auto;
  margin-bottom: 1.463vw;
}
.person_cont span {
  font-size: var(--text_L);
  font-weight: 700;
  display: block;
  margin-bottom: var(--gap);
}
.person_cont p {
  font-size: var(--text_M);
  font-weight: 600;
}
.person_cont .btn {
  margin-top: var(--largeGap);
}

aside.cupon {
  height: 22.833vw;
  min-width: 23.958vw;
}
aside.cupon .btn {
  padding: 1.302vw;
  width: 100%;
  font-size: var(--text_S);
  margin-bottom: var(--gap);
}
aside.cupon .money {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: var(--gap);
}
aside.cupon .money .moreMoney {
  color: var(--blue);
  font-weight: 700;
  font-size: var(--text_S);
}
aside.cupon .money .sum {
  font-size: var(--text_L);
}
aside.cupon h3 {
  font-size: var(--text_XL);
  margin-bottom: 1.463vw;
  font-weight: 700;
}
aside.cupon input:hover, aside.cupon input:focus, aside.cupon input:active {
  background: #d3e8ff !important;
  opacity: 1;
  border-color: #d3e8ff !important;
}
aside.cupon input {
  text-align: left;
  padding: 0.781vw 1.042vw;
  width: 100%;
  border: 0.052vw solid #333;
  border-radius: 10px;
  font-size: var(--text_S);
  color: #333;
  opacity: 0.4;
  margin-bottom: var(--gap);
}
aside.cupon input:hover, aside.cupon input:focus, aside.cupon input:active {
  opacity: 1;
}

.person_bottom {
  margin-top: var(--gap);
  display: -webkit-box;
  display: -ms-flexbox;
  width: 50vw;
  display: flex;
  gap: 2.604vw;
  padding: 2.083vw 4.488vw;
  background: var(--white);
  border-radius: var(--radiusMain);
}
.person_bottom a {
  font-size: var(--text_L);
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.personFull {
  margin-bottom: var(--gap);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.person_cont{
  width: 100%;
}

.personFull img {
  width: 15.104vw;
  height: 9.635vw;
  border-radius: 0.521vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.personFull .info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.personFull .info .product_head .item {
  margin-top: var(--gap);
  gap: 1.042vw;
}
.personFull .info .product_head .item .timePublish {
  font-size: var(--text_S);
  color: var(--tooGrwy);
  font-weight: 700;
}
.personFull .info .product_head .item:nth-child(1) {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0;
}
.personFull .info .product_head .item .visitor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.26vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.personFull .info .product_head .item .visitor span {
  margin-bottom: 0;
  font-size: var(--text_S);
  color: var(--tooGrwy);
}
.personFull .info .product_head .item .name {
  font-size: var(--text_XL);
  margin-bottom: 0;
}
.personFull .info .product_head .item .price {
  font-size: var(--text_XL);
  font-weight: 700;
}
.personFull .info .product_head .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.personFull .info .product_bottom {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.personFull .info .product_bottom a {
  color: var(--red);
  font-size: var(--text_L);
}

/* ── Profile Card ──────────────────────────────────────────────────────── */
.profile-card {
  margin-bottom: 1.563vw;
  padding-bottom: 1.563vw;
  border-bottom: 1px solid #f0f0f0;
}

/* — Аватар: отображение — */
.profile-avatar-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.833vw;
}
.profile-avatar {
  width: 5.208vw;
  height: 5.208vw;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.12);
          box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}
.profile-avatar--letter {
  width: 5.208vw;
  height: 5.208vw;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-size: 1.875vw;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.12);
          box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}

/* — Инфо под аватаром — */
.profile-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.26vw;
  margin-bottom: 1.042vw;
  text-align: center;
}
.profile-name {
  font-size: var(--text_XL);
  font-weight: 700;
  color: #222;
  display: block;
}
.profile-email,
.profile-phone {
  font-size: var(--text_S);
  color: var(--tooGrwy);
  display: block;
}

/* — Кнопка "Редактировать" — */
.btn--outline {
  display: block;
  width: 100%;
  padding: 0.625vw 1.042vw;
  background: transparent;
  border: 1.5px solid #e0e0e0;
  border-radius: 0.521vw;
  font-size: var(--text_S);
  font-weight: 600;
  color: #333;
  cursor: pointer;
  text-align: center;
  -webkit-transition: border-color 0.2s, color 0.2s;
  transition: border-color 0.2s, color 0.2s;
}
.btn--outline:hover {
  border-color: var(--red);
  color: var(--red);
}

/* — Форма редактирования — */
.profile-edit-form {
  margin-top: 1.042vw;
}

/* Зона загрузки аватара */
.avatar-upload-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  margin-bottom: 1.042vw;
}
.avatar-preview-wrap {
  position: relative;
  cursor: pointer;
}
.avatar-preview-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(0,0,0,0.25);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.avatar-preview-wrap:hover::after {
  opacity: 1;
}
/* иконка камеры поверх аватара при ховере */
.avatar-preview-wrap::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 15.2A3.2 3.2 0 1 0 12 8.8 3.2 3.2 0 0 0 12 15.2Z'/%3E%3Cpath d='M9 2 7.17 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-3.17L15 2H9Zm3 15a5 5 0 1 1 0-10 5 5 0 0 1 0 10Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
}
.avatar-preview-wrap:hover::before {
  opacity: 1;
}
.avatar-preview {
  width: 4.688vw;
  height: 4.688vw;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.12);
          box-shadow: 0 2px 10px rgba(0,0,0,0.12);
}
.avatar-preview--letter {
  width: 4.688vw;
  height: 4.688vw;
  border-radius: 50%;
  background: var(--red);
  color: #fff;
  font-size: 1.667vw;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.12);
          box-shadow: 0 2px 10px rgba(0,0,0,0.12);
}
.avatar-upload-label {
  font-size: var(--text_S);
  color: var(--red);
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
.avatar-upload-label:hover { opacity: 0.75; }
.avatar-upload-label input[type="file"] {
  display: none;
}

/* Поля ввода в форме профиля */
.profile-input {
  display: block;
  width: 100%;
  padding: 0.625vw 0.833vw;
  margin-bottom: 0.625vw;
  border: 1.5px solid #e0e0e0;
  border-radius: 0.521vw;
  font-size: var(--text_S);
  color: #333;
  background: #fafafa;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.profile-input:focus {
  outline: none;
  border-color: var(--red);
  background: #fff;
}

/* Кнопки внутри формы */
.profile-form-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625vw;
  align-items: center;
  margin-top: 0.833vw;
}
.profile-form-actions .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.625vw;
  font-size: var(--text_S);
  margin-bottom: 0;
}
.js-cancel-profile {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.625vw;
  font-size: var(--text_S);
  font-weight: 600;
  color: #888;
  background: none;
  border: 1.5px solid #e0e0e0;
  border-radius: 0.521vw;
  cursor: pointer;
  text-align: center;
  -webkit-transition: border-color 0.2s, color 0.2s;
  transition: border-color 0.2s, color 0.2s;
}
.js-cancel-profile:hover {
  border-color: #999;
  color: #555;
}

/* Сообщение об успехе/ошибке */
.profile-save-msg {
  font-size: var(--text_S);
  font-weight: 600;
  text-align: center;
  margin-top: 0.417vw;
}

/* Мобильная адаптация профиль-карточки */

/* ── Required field asterisk ──────────────────────────────────────────── */
/* Красная * в заголовках h3 */
span.req {
  color: var(--red);
  font-weight: 700;
  font-style: normal;
}

/* Обёртки для обязательных полей — относительное позиционирование */
label.field.req,
.req-field {
  position: relative;
  width: 100%;
}

/* Fake-placeholder: накладывается поверх input/textarea */
.field-placeholder {
  position: absolute;
  left: 0.833vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #aaa;
  font-size: var(--text_M, 14px);
  pointer-events: none;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  white-space: nowrap;
  line-height: 1;
}
/* Для textarea — выравнивание сверху */
.req-textarea .field-placeholder {
  top: 0.729vw;
  -webkit-transform: none;
          transform: none;
}
/* Скрываем fake-placeholder когда поле заполнено или в фокусе */
label.field.req input:not(:placeholder-shown) ~ .field-placeholder,
label.field.req input:focus ~ .field-placeholder,
.req-field input:not(:placeholder-shown) ~ .field-placeholder,
.req-field input:focus ~ .field-placeholder,
.req-field textarea:not(:placeholder-shown) ~ .field-placeholder,
.req-field textarea:focus ~ .field-placeholder {
  opacity: 0;
}
/* Красная * внутри fake-placeholder */
.field-placeholder .req {
  color: var(--red);
  font-weight: 700;
}


/* ── Forgot Password Page ──────────────────────────────────────────────── */
.logIn--forgot .logIn--single {
  max-width: 26.042vw;
  margin: 0 auto;
}
.logIn--single .forgot-desc {
  font-size: var(--text_M);
  color: var(--tooGrwy);
  margin-bottom: 1.563vw;
  line-height: 1.6;
}
.logIn--single .forgetPass {
  margin-top: 1.042vw;
  text-align: center;
}

/* ── Messenger buttons ─────────────────────────────────────────────────── */
.messenger-select {
  margin-top: 1.042vw;
}
.messenger-select h3 {
  font-size: var(--text_M);
  font-weight: 600;
  color: #555;
  margin-bottom: 0.625vw;
}
.messenger-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.417vw;
}
.messenger-btn svg {
      display: none;
}

.aboutUsIntro .aboutUsIntro_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.463vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.aboutUsIntro .aboutUsIntro_inner img {
  width: 36.458vw;
  height: 26.042vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--radiusMain);
}
.aboutUsIntro h1 {
  font-size: var(--text_XXL);
  font-weight: 700;
  margin-bottom: 1.463vw;
}
.aboutUsIntro p {
  font-size: var(--text_XL);
}

.advantages .advantages_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--gap);
}
.advantages .advantages_inner .item {
  height: auto;
  width: 23.9vw;
  padding: 1.463vw;
  background: var(--white);
  border-radius: var(--radiusMain);
}
.advantages .advantages_inner .item img {
  margin-bottom: 1.302vw;
  width: 6.771vw;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
}
.advantages .advantages_inner .item h4 {
  font-size: var(--text_XL);
  font-weight: 700;
  margin-bottom: 1.463vw;
  line-height: 1.4;
}
.advantages .advantages_inner .item p {
  line-height: 1.4;
  font-size: var(--text_M);
  font-weight: 600;
}

.disclamer h5 {
  font-size: var(--text_XXL);
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
}

.product-fill_inner {
  width: 61.458vw;
  background: #fff;
  padding: 2.604vw 6.25vw;
  border-radius: var(--radiusMain);
}

.stage {
  display: none;
}
.stage .field {
  position: relative;
  display: block;
}
.stage .suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 10;
  max-height: 11.458vw;
  overflow-y: auto;
  display: none;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.stage .suggestion {
  display: block;
  width: 100%;
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
}
.stage .suggestion:hover {
  background-color: #f0f0f0;
}
.stage .field.active .suggestions {
  display: block;
}
.stage .suggestions--hp {
  display: none;
  max-height: 14vw;
  columns: 2;
  column-gap: 0;
}
.stage .field.active .suggestions--hp {
  display: block;
}
.stage .suggestions--hp .suggestion {
  display: block;
  break-inside: avoid;
}

.stage.active {
  display: block;
}

.stage h2 {
  margin-bottom: 1.459vw;
  padding-bottom: 1.463vw;
  margin-bottom: 1.463vw;
  border-bottom: 0.052vw solid var(--tooGrwy);
}
.stage h3 {
  margin-bottom: 1.463vw;
  font-size: var(--text_S);
  font-weight: 400;
  color: var(--tooGrwy);
}
.step.contacts h3 , .stage.price h3 {
      border-bottom: 0.052vw solid var(--tooGrwy);
  margin-top: 1.463vw;
  padding-bottom: 1.463vw;

} 
.stage h3 strong {
  color: var(--red);
}
.stage p {
  font-size: var(--text_XL);
  margin-bottom: 2.083vw;
}
.stage.brand h2:first-child {
  border-bottom: none;
  padding-bottom: 0;
}
.stage.quality h2, .stage .step h2 {
  border-bottom: 0.052vw solid var(--tooGrwy) !important;
  padding-bottom: 1.463vw !important;
}
.stage.quality .step, .stage .step .step {
  border-bottom: none;
}

.step {
  display: block;
  border-bottom: 0.052vw solid var(--tooGrwy);
  margin-bottom: 1.463vw;
  padding-bottom: 1.463vw;
}
.step:last-child {
  border-bottom: none;
}

.step input[type=checkbox] {
  margin-top: var(--gap);
}
.step {
  display: block;
  -webkit-animation: fade 0.3s ease;
          animation: fade 0.3s ease;
}
.step.active {
  display: block;
}

/* Шаги скрыты по умолчанию — появляются поочерёдно */
.stage .step:not(.active) {
  display: none;
}

/* В режиме редактирования все шаги видны сразу */
.fill_cont.edit-mode .stage .step {
  display: block!important;
}

.options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 7.343vw;
  row-gap: 1.463vw;
}

.step-input, .stage .search input {
  background: var(--white);
  margin-bottom: 1.463vw;
  border: 1px solid #333;
  border-radius: 10px;
  opacity: 0.4;
  width: 100%;
  color: #333;
  padding: var(--gap);
}
.step-input:hover, .step-input:focus, .step-input:active, .stage .search input:hover, .stage .search input:focus, .stage .search input:active {
  background: #d3e8ff !important;
  opacity: 1;
  border-color: #d3e8ff !important;
}

.step-input {
  margin-bottom: 0;
}

.option {
  display: -ms-grid;
  display: grid;
  width: 100%;
  padding: var(--gap);
  border: 0.052vw solid #b9b9b9;
  border-radius: 4.688vw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: var(--text_XL);
  color: #333;
}
.option.selected, .option:hover {
  border-color: #000;
  border: 0.052vw solid #0c78ed;
  background: #d3e8ff;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fade {
  from {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.step.brand, .step.model {
  border-bottom: none;
}
.step.brand h2, .step.model h2 {
  border: none;
}
.step.brand .options, .step.model .options {
  width: 100%;
  gap: 1.463vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  /* -webkit-box-pack: justify; */
      /* -ms-flex-pack: justify; */
          /* justify-content: space-between; */
  /* -ms-flex-wrap: wrap; */
      /* flex-wrap: wrap; */
  /* -webkit-box-align: center; */
      /* -ms-flex-align: center; */
          /* align-items: center; */
          grid-template-columns: 1fr 1fr 1fr 1fr;
}
.step.brand .option, .step.model .option {
  text-align: left;
  width: 100%;
  background: none;
  padding: 0 !important;
  border: none;
}

.step.brand .option.selected, .step.model .option.selected {
  font-weight: 700;
}


.step.brand .option.alternative, .step.model .option.alternative {
  color: #0c78ed;
}
.step.brand .option.option--show-more,
.step.model .option.option--show-more {
  color: #0c78ed;
  font-weight: 500;
}
.step.body .options .option:last-child, .step.year .options .option:last-child {
  color: #0c78ed;
}
.step.body .options {
  gap: var(--gap);
}
.step.body .option {
  width: 31.91%;
  border-radius: var(--radiusMain);
  padding: 1.042vw;
}
.step.body .option h4 {
  text-align: left;
  font-size: var(--text_XL);
  margin-bottom: 0.781vw;
  font-weight: 500;
}
.step.body .option p {
  text-align: left;
  font-size: 0.833vw;
}
.step.engine .options {
  gap: 5.833vw;
}
.step.drive .options {
  gap: 4.343vw;
}
.step.drive .options .option:last-child {
  margin-left: 1.042vw;
}
.step.gearbox .options {
  gap: 1.458vw;
}
.step.modify {
  width: 100%;
}
.step.modify .field_cont .field {
  width: 100%;
}
.step.modify .field_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap);
}
.step.modify .field_cont input {
  width: 100%;
}
.step.customs .options {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1vw;
}
.step.contacts .field_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: var(--gap);
  row-gap: 1.463vw;
}
.step.contacts .field_inner input {
  width: 100%;
}
.step.contacts .field_inner input:first-child {
  width: 100%;
}
.step.svaz .options {
  gap: 4vw;
}
.step.owner .options {
  gap: 5.469vw;
}
.step .allBody {
  border: none;
  text-align: left;
  margin-top: auto;
}
.step label {
  font-size: var(--text_XL);
}
.step input[type=checkbox] {
  width: 0.938vw;
  height: 0.938vw;
  margin-right: 0.521vw;
}
.step .continue-btn {
  display: block;
  margin-top: 2.604vw;
}

/* Кнопка «Сохранить изменения» в edit-режиме */
.edit-save-btn {
  display: block;
  margin-top: 0.781vw;
  width: 100%;
  padding: 1.302vw 1.563vw;
  font-size: var(--text_S);
  font-weight: 700;
  color: var(--red);
  background: #fff;
  border: 1.5px solid var(--red);
  border-radius: var(--radiusMain);
  cursor: pointer;
  text-align: center;
  transition: background 0.18s, color 0.18s;
}
.edit-save-btn:hover {
  background: var(--red);
  color: #fff;
}

.upload-field {
  width: 100%;
  height: 26.042vw;
  border: 2px dashed var(--blue);
  padding: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  background: #fff;
}
.upload-field span {
  font-size: var(--text_XL);
  color: var(--blue);
}
.upload-field .upload-hint {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.463vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.upload-field.dragover {
  border-color: #4a90e2;
  background: #f6fbff;
}

.upload-hint {
  text-align: center;
  color: #666;
  padding: 12px 6px;
}

input[type=file] {
  display: none;
}

.thumbs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  width: 100%;
}

.thumb {
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #f3f3f3;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.thumb img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none; /* важно: чтобы drag начинался на .thumb, а не на img */
}

.thumb .remove {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border: none;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 5;
}

.thumb.dragging {
  opacity: 0.5;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.thumb.dragging { /* состояние перетаскиваемого элемента */
  opacity: 0.5;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
  -webkit-box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

.thumb.chosen { /* опционально: выбранный элемент */
  outline: 2px solid rgba(74, 144, 226, 0.25);
}

.step.photo h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step.photo h2 span {
  font-size: var(--text_S);
  padding: 0.781vw;
  border-radius: 4.688vw;
}

.stage-desc {
  margin-bottom: 2.083vw;
}

.promotion-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.042vw 1fr 1.042vw 1fr 1.042vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.042vw;
}

.promo-card {
  cursor: pointer;
  position: relative;
}
.promo-card p {
  font-size: 0.625vw;
  margin-bottom: var(--gap);
}
.promo-card .discount {
  padding: 0.417vw;
  font-size: 0.625vw;
  color: var(--white);
  background: var(--red);
  border-radius: 2.188vw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: var(--gap);
  position: absolute;
  right: 1.958vw;
  top: -0.642vw;
}
.promo-card.vip .promo-title, .promo-card.vip .promo-price {
  color: var(--red);
}
.promo-card.vip:hover .promo-inner {
  border-color: var(--red);
}
.promo-card.vip input:checked + .promo-inner {
  border-color: var(--red);
}
.promo-card.business .promo-title, .promo-card.business .promo-price {
  color: var(--blue);
}
.promo-card.business:hover .promo-inner {
  border-color: var(--blue);
}
.promo-card.business input:checked + .promo-inner {
  border-color: var(--blue);
}
.promo-card.custom .promo-title, .promo-card.custom .promo-price {
  color: #ff8000;
}
.promo-card.custom:hover .promo-inner {
  border-color: #ff8000;
}
.promo-card.custom input:checked + .promo-inner {
  border-color: #ff8000;
}
.promo-card.free .promo-title, .promo-card.free .promo-price {
  color: var(--green);
}
.promo-card.free:hover .promo-inner {
  border-color: var(--green);
}
.promo-card.free input:checked + .promo-inner {
  border-color: var(--green);
}
.promo-card.free .promo-period {
  margin-top: auto;
}

.promo-card input {
  display: none;
}

.promo-inner {
  border-radius: var(--radiusMain);
  padding: 1.463vw 1.068vw;
  height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  background: #FBFBFB;
  border: 0.104vw solid #FBFBFB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.promo-title {
  font-size: 1.463vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625vw;
  font-weight: 700;
  margin-bottom: var(--gap);
}

.promo-badge {
  padding: 0.417vw;
  font-size: 0.625vw;
  color: var(--white);
  background: var(--red);
  border-radius: 2.188vw;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: var(--gap);
}

.promo-inner li {
  font-size: 0.625vw;
  padding-left: var(--gap);
  margin-bottom: 1.042vw;
  position: relative;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.promo-inner li:first-child:after {
  display: none;
}
.promo-inner li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.104vw;
  width: 0.521vw;
  height: 0.469vw;
  background-color: #333;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='0.521vw' height='0.469vw' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.205188 5.41737L4.04157 8.36794L9.88903 0.8494C10.0675 0.619923 10.0264 0.288865 9.79693 0.110968C9.56745 -0.0674563 9.23639 -0.0264014 9.05849 0.203076L3.85314 6.89529L0.847305 4.58262C0.616775 4.40577 0.286243 4.44894 0.108872 4.67894C-0.0679731 4.90947 -0.0248152 5.24 0.205188 5.41737Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg width='0.521vw' height='0.469vw' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.205188 5.41737L4.04157 8.36794L9.88903 0.8494C10.0675 0.619923 10.0264 0.288865 9.79693 0.110968C9.56745 -0.0674563 9.23639 -0.0264014 9.05849 0.203076L3.85314 6.89529L0.847305 4.58262C0.616775 4.40577 0.286243 4.44894 0.108872 4.67894C-0.0679731 4.90947 -0.0248152 5.24 0.205188 5.41737Z' fill='black'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
.promo-inner li::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 10 10'><path fill='%23B9B9B9' d='M5 0C2.2385 0 0 2.2385 0 5C0 7.7615 2.2385 10 5 10C7.7615 10 10 7.7615 10 5C10 2.2385 7.7615 0 5 0ZM5.54375 7.4375C5.54375 7.50625 5.5125 7.5375 5.45 7.5375H4.55C4.4875 7.5375 4.45625 7.50625 4.45625 7.4375V4.09375C4.45625 4.025 4.4875 3.99375 4.55 3.99375H5.45C5.5125 3.99375 5.54375 4.025 5.54375 4.09375V7.4375ZM5.00625 3.60625C4.6 3.60625 4.36875 3.4 4.36875 3.03125C4.36875 2.675 4.6 2.4625 5.00625 2.4625C5.4 2.4625 5.63125 2.675 5.63125 3.03125C5.63125 3.3875 5.4 3.60625 5.00625 3.60625Z'/></svg>");
  position: absolute;
  right: -0.781vw;
  top: 0.104vw;
  width: auto;
  height: auto;
  display: inline-block;
}

.promo-price {
  font-size: var(--text_XL);
  font-weight: 700;
  margin-top: auto;
}

.promo-period {
  font-size: 0.625vw;
  margin-top: 1.463vw;
}

.promotion-footer {
  margin-top: 32px;
}

.promotion-note {
  margin-top: var(--gap);
  font-size: var(--text_S) !important;
  color: #545454;
}

.promotion-total {
  margin-bottom: 2.604vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 1.463vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.promotion-total * {
  font-weight: 700;
  font-size: 1.463vw;
}
.steps{
  position: sticky;
  top: 10vw;
  height: max-content;
}
.steps li {
  cursor: pointer;
  margin-bottom: var(--gap);
  font-size: var(--text_XL);
}
.steps li b {
  color: var(--red);
}


.steps li.done b {
  display: none;
}
.steps li.done {
color: var(--tooGrwy);

}
.steps .clearSteps {
  margin-top: 1.563vw;
  color: var(--blue);
  font-size: var(--text_XL);
}

.fill_cont {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--gap) 3fr;
  grid-template-columns: 1fr 3fr;
  gap: var(--gap);
}

@media (min-width: 769px) {

  .logIn .logIn_noAccount.apeereance form input:nth-child(3), .logIn .logIn_noAccount.apeereance form input:nth-child(4){
    width: 47%;
  }

  .product .slider.preview {
    display: block;
    min-width: 17.708vw;
    max-width: 17.708vw;
    height: 15.625vw;
    border-radius: var(--radiusSnd);
    position: relative;
  }
  .product .slider.preview img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
  }
  .product .slider.preview img.active {
    opacity: 1;
    pointer-events: auto;
  }
  .preview-dots {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: 17.7vw;
    padding: 0.35vw;
    position: absolute;
    gap: 0.1vw;
    bottom: 0.5vw;
    left: 0;
    z-index: 5;
  }
  .preview-dots span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 3px;
    background: #eaeaea;
    border-radius: 2px;
    -webkit-transition: background 0.15s ease;
    transition: background 0.15s ease;
  }
  .preview-dots span.active {
    background: var(--red);
  }
  .product .slider_inner {
    position: relative;
  }
  .slider_inner:hover .preview-dots {
    opacity: 1 !important;
  }
}
/* Home filter */
.filter {
  display: none !important;
  background: var(--grey);
}
.filter.open {
  display: block !important;
}

/* Popup */
.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 101;
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.popup {
  position: fixed;
  border-radius: 10px 10px 0 0;
  padding: 40px 20px;
  left: 0;
  bottom: -200%;
  z-index: 999;
  width: 100%;
  height: auto;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.popup-title {
  font-weight: 700;
  font-size: 18px;
}

.popup.active {
  bottom: 0;
}

.popup-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.popup-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.popup-close span {
  font-size: 15px;
  color: var(--tooGrwy);
}

.popup-header {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.popup-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;

}
.popup-search {
  padding: 0 0 3.077vw;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
.popup-search input {
  width: 100%;
  box-sizing: border-box;
  padding: 2.564vw 3.590vw;
  border: 1px solid #e0e0e0;
  border-radius: 2.051vw;
  font-size: 3.846vw;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}
.popup-search input:focus {
  border-color: #333;
}

@media (max-width: 769px) {
  .no-results{
    padding: 5.128vw ;

  }
  .logIn .logIn_noAccount{
    padding: 12.821vw 5.128vw;
  } 
  .logIn{
    margin-left: 0!important;
    margin-right: 0!important;
  }
  .logIn .logIn_noAccount .privacyTxt{
    font-size: 3vw;
    margin-top: 5.128vw;
  }
  .logIn .logIn_noAccount span{
    margin-bottom: 5.128vw;
  }
  .logIn.open{
    width: 100%;
  }
  .logIn h4{
    margin-bottom: 2.564vw;
    font-size:9.396vw ;
  }
  .logIn .forgetPass{
    margin-top: 2.564vw;
    margin-bottom: 5.128vw;
  }
  .logIn .logIn_noAccount label span{
    font-size: 3vw;
  }
  .logIn .logIn_noAccount label input{
    width: 3vw!important;
  }
  .logIn h1{
    margin-bottom: 10.256vw;
  }
  .logIn input{
    padding: 3.781vw 3.042vw;
  }
  .logIn .logIn_haveAccount .btn , .logIn .logIn_noAccount .btn{
    width: 100%!important;
    border-radius: 2.564vw!important;
  }
  header:not(.catalogHeader) .whishlist {
    display: none;
  }
  section {
    margin-top: 12.821vw;
  }
  .container {
    margin: 0 5.128vw;
  }
  h2 {
    margin-bottom: 7.692vw;
  }
  :root {
    --text_XXL:5.641vw;
    --text_XL:5.128vw;
    --text_L:3.59vw;
    --text_M:3.846vw;
    --text_S:3.846vw;
    --text_XS:2.564vw;
    --largeGap:5.128vw;
    --gap:5.128vw;
    --radiusSnd:2.564vw;
    --radiusMain:2.564vw;
  }
  .desk {
    display: none !important;
  }


  .header--inner  .header_inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        flex-direction: row;
            justify-content: space-between;
  }
  .searchIcon, .whishlistsIcon {
    display: block !important;
  }
  .headerBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  header .logo {
    font-size: 5.641vw;
  }
  .header--main {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
  }
  header .container {
    gap: 1.564vw;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 5.128vw;
  }
  header .header_inner {
    justify-content: space-between;
    background: none;
    padding: 0;
    flex-direction: row-reverse;
  }

  header .header_top .chooseLang {
    display: none;
  }
  header .header_top p {
    font-size: 2.564vw;
    color: var(--white);
  }
  header .burger svg {
    width: 7.692vw;
    height: auto;
  }
  .btn {
    border-radius: 2.564vw;
    padding: 5.128vw 10.256vw;
  }
  footer {
    margin-top: 12.821vw;
  }
  footer .footer_inner {
    padding: 5.128vw 0;
    gap: 7.692vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .footer_bottom {
    padding-top: 5.128vw;
  }
  footer .footer_inner .item:last-child {
    width: 100%;
  }
  footer .footer_inner .item li {
    margin-bottom: 3.846vw;
  }
  footer .footer_inner .item h5 {
    margin-bottom: 5.179vw;
    font-size: 3.846vw;
  }
  footer .footer_inner .item:nth-child(3), footer .footer_inner .item:nth-child(2) {
    width: 45%;
    margin-right: 0 !important;
  }
  footer .footer_inner .logo {
    font-size: 5.641vw;
  }
  footer .footer_inner p {
    font-size: 2.564vw;
  }
  footer .footer_inner p br {
    display: none;
  }
  footer .footer_inner .item .social a {
    align-items: center;
    gap: 3.846vw;
  }
  footer .footer_inner .item .social a svg {
    width: 12.821vw;
    height: auto;
  }
  footer .footer_inner .item .social a .txt h4 {
    font-size: 4.615vw;
  }
  footer .footer_inner .item .social a .txt span {
    font-size: 3.846vw;
  }
  .footer_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.846vw;
    padding: 5.232vw 0;
  }
  .newPost_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .banner .goToCatalog {
    margin: 5.128vw 5.128vw 0;
    display: block!important;
  }
  .banner .btn {
    width: max-content;
    border-radius: 1.282vw;
  }
  .banner {
    margin-top: 0 !important;
  }
  .banner .container {
    margin: 0;
  }
  .banner .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .banner .slide {
    padding: 20.513vw 5.128vw 5.128vw;
    border-radius: 3.59vw;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 102.564vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .banner .slide p {
    margin-top: auto;
    margin-bottom: 0;
  }
  .banner .slide .btn {
    display: none;
  }
  .cat .cat_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--gap);
  }
  .cat .cat_inner .card {
    height: 46.154vw;
    position: relative; 
  }
  .cat .cat_inner .card img {
           height: auto;
        width: 66.667vw;
        position: absolute;
        right: 0;
        bottom: 0;
  }
  .cat .cat_inner .card h3 {
    padding: 5.128vw 5.128vw 0;
  }
  .newPost .newsPost_bottom .arrows {
    display: none !important;
  }
  .newPost .newsPost_bottom .btn {
    width: 100%;
    border-radius: 1.282vw;
  }
  .newPost .newsPost_bottom {
    margin: 7.692vw 5.128vw 0;
  }
  .newPost .container h2 {
    margin: 0 5.128vw 7.692vw;
  }
  .newPost .container {
    padding: 12.821vw 0 0;
    margin: 0;
  }
  .newPost .container:before {
    border-radius: 3.077vw;
    height: 85%;
    width: 100vw;
  }
  .newPost .container .newPost_inner {
    margin-left: 5.128vw;
  }
  .newPost .container .newPost_inner .list {
    width: 100%;
    padding: 0;
    background: none;
  }
  .newPost .container .newPost_inner .list .item {
    margin-right: 1.282vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 20.513vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: var(--white);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2.564vw 2.564vw 3.846vw;
    border-radius: 1.538vw;
    gap: 0;
  }
  .newPost .container .newPost_inner .list .item .moreMarks {
    display: none !important;
  }
  .newPost .container .newPost_inner .list .item span {
    display: none;
  }
  .newPost .container .newPost_inner .list .item h3 {
    margin-top: auto;
    font-size: var(--text_M);
  }
  .newPost .container .newPost_inner .list .item img {
    height: auto;
    width: 100%;
  }
  .newPost .container .newPost_inner .newPost_product .card .card_bottom {
    margin-top: auto;
    margin-bottom: 2.846vw;
  }
  .newPost .container .newPost_inner .newPost_product .card .year {
    font-size: 3.846vw;
  }
  .newPost .container .newPost_inner .newPost_product .card .price {
    font-size: 4.615vw;
  }
  .newPost .container .newPost_inner .newPost_product .card {
    min-height: 100vw;
  }
  .newPost .container .newPost_inner .newPost_product .btn {
    font-size: 3.333vw;
    padding: 4.359vw;
  }
  .newPost .container .newPost_inner .newPost_product {
    width: 100%;
  }
  .newPost .container .newPost_inner .newPost_product h4 {
    margin-bottom: 1.026vw;
  }
  .newPost .newPost_inner .newPost_product .card {
    border-radius: 3.077vw;
    margin-right: 5.128vw;
    padding: 2.564vw;
  }
  .newPost .newPost_inner .newPost_product .card img {
    height: 48.282vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news .news_inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr var(--gap) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
  }
  .news .news_inner .item {
    background: none;
  }
  .news .news_inner .item img {
    height: 30.769vw;
    border-radius: 1.538vw;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 3.846vw;
  }
  .news .news_inner .item p {
    padding: 0;
  }
  .news .btn {
    width: 100%;
    margin-top: 7.692vw;
  }
  .similarProduct {
    display: none;
  }
  .catalog {
    margin-top: 7.692vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product img {
    width: 100%;
    height: 56.41vw;
  }
  .product .product_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 3.846vw;
  }
  .product .product_bottom .btns {
    gap: unset;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product .favorite.mob {
    display: block !important;
  }
  .product .favorite {
    height: 11.795vw;
  }
  .product .favorite svg {
    width: 11.795vw;
    height: auto;
  }
  .product .favorite svg path:nth-child(1) {
    fill: #eaeaea;
  }
  .product .person {
    gap: 3.846vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .person_wrap

  .product .person img {
    width: 8.205vw;
    height: 8.205vw;
  }
  .call {
    gap: 3.846vw;
  }
  .call svg {
    width: 4.103vw;
    height: 4.103vw;
  }
  .call {
    padding: 2.82vw 12.821vw;
  }
  .write {
    display: block;
    background: #EAEAEA;
    font-size: 0;
    padding: 3.59vw;
  }
  .write svg {
    width: 5.5vw;
    height: auto;
  }
  .write svg path {
    fill: #333;
  }
  .categoryPage aside {
    display: none;
  }
  .categoryPage .container {
    margin: 0;
  }
  .category_inner, .category .btns {
    display: none !important;
  }
  .product .product_inner {
    padding: 5.128vw 5.128vw 0;
  }
  .product .property {
    margin-bottom: 5.128vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .product .property li {
    font-size: 3.846vw;
  }
  .catalog .catalog_inner {
    gap: 7.692vw;
  }
  .product .equipment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 7.692vw;
  }
  .equip_itm.mob {
    display: block !important;
  }
  .property .prop.year, .property .prop.condition {
    display: none;
  }
  .product .product_head {
    margin-bottom: 2.564vw;
  }
  .product_head .name{
    margin-bottom:10px;
  } 
  .product img {
    border-radius: 0;
  }
  .product .slider {
    margin-left: 5.128vw;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
  }
  .product .slider img {
    margin-right: 0.256vw;
  }
  section:first-child {
    margin-top: 25.641vw;
  }
  .aboutUsIntro .aboutUsIntro_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 7.692vw;
  }
  .aboutUsIntro .aboutUsIntro_inner img {
    width: 100%;
    height: 64.103vw;
  }
  .aboutUsIntro h1 {
    white-space: nowrap;
    margin-bottom: 5.128vw;
  }
  .aboutUsIntro p {
    font-size: 3.846vw;
  }
  .advantages .advantages_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .advantages .advantages_inner .item {
    width: 100%;
    padding: 5.128vw;
  }
  .advantages .advantages_inner .item img {
    width: 20vw;
  }
  .advantages .advantages_inner .item h4 {
    margin-bottom: 5.128vw;
  }
  .disclamer h5 {
    font-size: 4.615vw;
  }
  .disclamer h5 br {
    display: none;
  }
  .singleProducPage .mainWrap aside {
    display: none;
  }
  section.singleProduct , .carFillPage{
    margin-top: 0;

    
  }
  .slick-track{
    display: flex!important;
    justify-content: flex-start;
  }
  .logIn{
    width: 100%;
    margin:  0 5.128vw;
  }
  .singleProducPage .sliders {
    width: 100%;
  }
  .singleProducPage .singleProduct .info.mob .item {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    margin-bottom: 0;
    gap: var(--text_M);
  }
  .singleProducPage .singleProduct .info.mob .info_head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 5.128vw;
  }
  .singleProducPage .singleProduct .info.mob .info_head .square {
    width: 10.256vw;
    height: 10.256vw;
    min-width: 10.256vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #f4f4f4;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .singleProducPage .singleProduct .info.mob .info_head .square svg {
    width: 100%;
    height: 100%;
  }
  .singleProducPage .singleProduct .info.mob .info_head .square svg [stroke="#333333"] {
    stroke: var(--red);
  }
  .singleProducPage .singleProduct .info.mob .info_head .square svg [fill="#333333"] {
    fill: var(--red);
  }
  .singleProducPage .singleProduct .info.mob {
    display: block !important;
    width: 100%;
  }
  .singleProducPage .singleProduct .info.mob .item span {
    width: 100%;
  }
  .singleProducPage .singleProduct .info.mob .item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .singleProducPage .singleProduct .info.mob .att {
    width: 71%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .singleProducPage .singleProduct .productBody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .singleProducPage .singleProduct .productBody .info .btn {
    width: 100%;
  }
  .getCall {
    display: block !important;
    position: fixed;
    bottom: 0;
    padding: 5.128vw;
    z-index: 10;
    background: #fff;
    border-radius: 2.564vw 2.564vw 0 0;
    width: 100%;
  }
  .getCall .btns {
    gap: unset;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .getCall .favorite.mob {
    display: block !important;
  }
  .getCall .favorite {
    height: 11.795vw;
  }
  .getCall .favorite svg {
    width: 11.795vw;
    height: auto;
  }
  .getCall .favorite svg path:nth-child(1) {
    fill: #eaeaea;
  }
  .singleProducPage .singleProduct .info .att .att_value {
    font-size: 4.615vw;
    font-weight: 700;
  }
  .singleProducPage .singleProduct .info .att .att_name {
    font-weight: 500;
    font-size: var(--text_M);
  }
  .singleProducPage .singleProduct .info_bottom {
    margin-top: 5.128vw;
  }
  .singleProducPage .description h2 {
    font-size: var(--text_XXL);
    margin-bottom: 5.128vw;
    margin-top: 7.692vw;
  }
  .moreProduct .product_head {
    margin-left: 0 !important;
  }
  .moreProduct h2 {
    margin-left: 5.128vw;
  }
  .moreProduct {
    margin-top: 12.821vw;
  }
  .singleProducPage .singleProduct .info_bottom .att {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: var(--text_M);
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    width: 100vw !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .singleProducPage .singleProduct .info_bottom .att .att_name {
    font-weight: 500;
    font-size: var(--text_M);
    width: 6%;
  }
  .singleProducPage .singleProduct .info_bottom .att .att_value {
    width: 49%;
    font-weight: 500;
    font-size: var(--text_M);
  }
  .condition_cont ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.513vw;
    width: 100%;
  }
  .condition_cont ul li {
    font-size: 3.846vw;
    width: 100%;
    padding: 3.846vw 3.846vw;
    text-align: center;
  }
  .filter_btns.mob {
    margin-top: 5.128vw;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 3.846vw;
  }
  .filter_btns.mob .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.564vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 3.846vw;
    border-radius: 10vw;
    padding: 1.538vw 3.077vw;
    background: #eaeaea;
  }
  /* Home filter */
  .filter {
    position: fixed;
    display: block;
    height: 100vh;
    top: 0;
    overflow: auto;
    background: #eaeaea;
    z-index: 100;
    width: 100vw;
  }
  .filter-group {
    background: #fff;
    border-bottom: 0.256vw solid #eee;
    padding: 4.103vw;
    margin-bottom: 2.564vw;
  }
  .filter-group__toggle, .filter-group__title {
    font-size: 4.615vw;
    font-weight: 700;
    margin-bottom: 5.128vw;
  }
  .filter-item {
    width: 100%;
    padding: 0 0 5vw;
    border-bottom: 0.256vw solid var(--tooGrwy);
    position: relative;
    margin-bottom: 4.615vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 8.769vw;
    font-size: 4.103vw;
  }
  .stage .suggestions{
    min-height: 26.458vw;
  }
 .stage .search input , .stage h3{
    margin-bottom: 5.128vw;
  }
.step-input{
  margin-bottom: 0;
}
  /* Options */
  .option {
    padding: 3.59vw;
  }
  .option.active {
    background: #eaeaea;
  }
  .stage.quality h2, .stage .step h2{
    margin-bottom: 5.128vw!important;
    padding-bottom: 5.128vw!important;
  }
  
  .options-list {
    overflow: auto;
    max-height: 56vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .option-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5.128vw 0;
    border-bottom: 0.256vw solid #333;
  }
  /* Colors */
  .color-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3.077vw 1fr 3.077vw 1fr 3.077vw 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.077vw;
    padding: 1.282vw 0;
  }
  .color-item .color {
    width: 12.308vw;
    height: 12.308vw;
    border-radius: 50%;
    border: 0.513vw solid #ccc;
    position: relative;
  }
  .color-item .color.active::before {
    content: "";
    position: absolute;
    inset: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Crect width='35' height='35' rx='17.5' fill='%23868686'/%3E%3Cpath d='M9 18.6522L16.3913 23.8261L26 12' stroke='white' stroke-width='1.47826' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px 35px;
  }
  .popup-apply {
    margin-top: 5.128vw;
    width: 100%;
    border: none;
    background: #000;
    color: #fff;
    padding: 3.846vw;
  }
  .filter-group {
    background: #fff;
    border-radius: var(--radiusMain);
    padding: 5.128vw;
  }
  .color-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: var(--text_M);
  }
  .popup-option {
    padding: 3.59vw;
    border-bottom: 0.256vw solid #eee;
  }
  .popup-option.active {
    background: #eee;
  }
  .popup-colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.077vw;
  }
  .popup-color {
    width: 11.282vw;
    height: 11.282vw;
    border-radius: 50%;
    border: 0.513vw solid #ccc;
  }
  .popup-color.active {
    border-color: #000;
  }
  .range-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gap);
  }
  .range-row input {
    width: 100%;
    border: 0.256vw solid var(--tooGrwy);
    border-radius: 1.538vw;
    padding: var(--text_M);
  }
  .filter_head {
    margin-bottom: 2.564vw;
    background: #fff;
    padding: 5.128vw 5.128vw 5.128vw;
  }
  .filter_head .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .filter_head h4 {
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    font-weight: 700;
  }
  .filter_head .close {
    width: 15.385vw;
  }
  .filter_head .reset {
    font-size: 15px;
  }
  .filter-item .value {
    position: absolute;
    left: 0.781vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #929292;
    pointer-events: none;
    display: none;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    line-height: 1;
    white-space: nowrap;
  }
  .filter-clear {
    position: absolute;
    right: 8px;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border: none;
    background: none;
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .filter-item.choosed .filter-clear {
    opacity: 1;
  }
  .filter-item span{
    color: var(--tooGrwy);
  }
  .filter-item.choosed span {
    top: -3vw;
    font-size: 3.077vw;
    position: absolute;
    left: 0;
  }
  .filter-item.choosed .value {
    top: 2.365vw;
    font-size: 3.846vw;
    -webkit-transform: none;
            transform: none;
    display: block;
    color: var(--black);
  }
  .price-currency-radios {
    margin-top: 5.128vw;
    padding-top: 4.103vw;
    border-top: 1px solid #ebebeb;
  }
  .price-currency-title {
    font-size: 3.590vw;
    color: #888;
    margin-bottom: 2.564vw;
  }
  .price-currency-options {
    display: flex;
    gap: 2.564vw;
  }
  .price-currency-radio {
    display: flex;
    align-items: center;
    gap: 1.538vw;
    cursor: pointer;
    flex: 1;
    padding: 2.564vw 3.077vw;
    border: 1px solid #e0e0e0;
    border-radius: 2.051vw;
    transition: border-color 0.2s, background 0.2s;
  }
  .price-currency-radio input[type="radio"] {
    accent-color: var(--red, #e60012);
    width: 4.615vw;
    height: 4.615vw;
    flex-shrink: 0;
  }
  .price-currency-radio span {
    font-size: 3.590vw;
    color: var(--black);
  }
  .price-currency-radio:has(input:checked) {
    border-color: var(--red, #e60012);
    background: rgba(230, 0, 18, 0.05);
  }
  .filter_head .condition_cont ul {
    gap: 3.846vw;
    margin-top: 5.128vw;
    background: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .filter_head .condition_cont ul li {
    padding: 1.538vw 3.077vw;
    background: #eaeaea;
    border-radius: 10vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 3.546vw;
  }
  .filter_head .condition_cont ul li.active {
    background: #000;
    color: #fff;
  }
  /* контейнер */
  .wheel-container {
    padding-top: 10px;
  }
  /* верхняя строка от/до */
  .wheel-head {
    position: absolute;
    left: 0;
    width: 100%;
    top: 48%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 7.128vw 2.564vw;
    font-size: 3.59vw;
    color: #999;
  }
  .wheel-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .label-text {
    text-transform: lowercase;
    font-size: 3.846vw;
    color: var(--tooGrwy);
  }
  .label-value {
    font-weight: 600;
    color: #333;
  }
  /* колёса */
  .wheel-double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
  }
  .wheel-col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    height: 320px;
    overflow: hidden;
  }
  .wheel-list {
    position: absolute;
    left: 0;
    right: 0;
  }
  .wheel-item {
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    color: var(--tooGrwy);
  }
  .wheel-item.active {
    color: var(--black);
  }
  .wheel-mask {
    position: absolute;
    top: calc(50% - 18px);
    height: 36px;
    left: 0;
    right: 0;
    height: 36px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    pointer-events: none;
  }
  .category {
    margin: 25.641vw 5.128vw 0;
  }
  .singleProducPage .product_head, .singleProduct .info, .singleProducPage .description {
    margin: 0 5.128vw;
  }
  .slider_nav {
    display: none;
  }
  .singleProducPage .container {
    margin: 0;
  }
  .sliderFor {
    border-radius: 14.001px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
    margin-left: 5.128vw;
  }
  .sliderFor img {
    border-radius: 0 !important;
    margin-left: 0.513vw;
  }
  .singleProducPage .sliders .sliderFor img {
    height: 56.41vw;
  }
  .product_head.mob {
    display: block !important;
    margin-top: 5.128vw;
  }
  .singleProducPage .singleProduct .product_head .item .price {
    font-size: var(--text_XXL);
  }
  .singleProducPage .singleProduct .product_head .info {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .singleProducPage .singleProduct .product_head .visitor svg {
    width: 4.103vw;
    height: 2.564vw;
  }
  .singleProducPage .singleProduct .info.mob .att {
    gap: 0.513vw !important;
  }
  .singleProducPage .singleProduct .product_head .visitor span, .singleProducPage .singleProduct .product_head .timePublish {
    font-weight: 400;
  }
  .singleProducPage .singleProduct .product_head .info {
    margin: 3.846vw 0 0;
  }
  .singleProducPage .singleProduct .info span {
    font-size: 0;
  }
  .breadcrump {
    gap: 2.564vw;
    overflow-x: auto;
    padding: 1.282vw 0;
  }
  .breadcrump a {
    white-space: nowrap;
  }
  .singleProducPage .singleProduct .product_head .visitor {
    gap: 1.282vw;
  }
  .singleProducPage .userInfo.mob {
    padding: 4.103vw 5.128vw;
    margin: 4.103vw 0;
    display: block !important;
  }
  .singleProducPage .userInfo.mob .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4.359vw;
    gap: 3.077vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .singleProducPage .userInfo.mob .item .userImg {
    width: 8.205vw;
    height: 8.205vw;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-right: 0;
  }
  .singleProducPage .userInfo.mob .info span {
    display: block;
    font-size: 3.59vw;
    font-weight: 600;
    color: var(--black);
    margin-bottom: 0.513vw;
  }
  .singleProducPage .userInfo.mob .info h6 {
    font-size: 3.077vw;
    font-weight: 400;
    color: var(--tooGrwy);
  }
  .singleProducPage .userInfo.mob .allPost {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 3.077vw;
    border-top: 1px solid var(--lightGrey);
  }
  .singleProducPage .userInfo.mob .allPost span {
    font-size: 3.59vw;
    font-weight: 500;
    color: var(--black);
  }
  .singleProducPage .singleProduct .info {
    width: 100%;
  }
  .userInfo .info {
    margin-left: 0;
  }
  .singleProducPage .singleProduct .userInfo .info * {
    font-weight: 500;
    font-size: var(--text_M);
  }

  .singleProduct .slider_nav{
    display: none!important;
  }
  .singleProducPage .description p {
    font-size: var(--text_M);
  }

  /* ===== Add-car form (page-add-car) mobile ===== */

  /* Layout: убираем боковую колонку, ставим 1 колонку */
  .fill_cont {
    display: block;
  }

  /* Боковая навигация — горизонтальный скролл-бар */
  section.steps {
    position: sticky;
    display: none;
    top: 0;
    z-index: 50;
    background: #fff;
    padding: 3.077vw 5.128vw;
    border-bottom: 1px solid var(--tooGrwy);
    margin-bottom: 5.128vw;
  }
  /* section.steps ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    gap: 5.128vw;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-bottom: 2.564vw;
    scrollbar-width: none;
  }
  section.steps ul::-webkit-scrollbar {
    display: none;
  }
  section.steps ul li {
    font-size: var(--text_S);
    font-weight: 500;
    white-space: nowrap;
    margin-bottom: 0;
    opacity: 0.4;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  section.steps ul li.active,
  section.steps ul li.done {
    opacity: 1;
  }
  section.steps ul li.done {
    color: var(--blue);
  }
  section.steps .clearSteps {
    margin-top: 0;
    font-size: var(--text_M);
    text-align: right;
  } */

  /* Контент формы */
  section.product-fill {
    width: 100%;
  }

  .product-fill_inner {
    width: 100%;
    padding: 5.128vw;
    border-radius: var(--radiusMain);
  }

  /* Заголовки этапов */
  .stage h2 {
    font-size: var(--text_XL);
    margin-bottom: 5.128vw;
    padding-bottom: 3.846vw;
  }
  .stage p {
    font-size: var(--text_M);
    margin-bottom: 5.128vw;
  }

  /* Опции — переносятся в 2 колонки */
  .options {
    gap: 3.077vw;
    row-gap: 3.077vw;
  }
  .option {
    font-size: var(--text_M);
    padding: 3.077vw 4.45vw;
    border-radius: 7.692vw;
  }
  .step{
    display: block!important;
  }

  /* Бренд и модель — 3 колонки вместо 5 */
  .step.brand .options,
  .step.model .options {
    gap: 2.564vw;
    row-gap: 2.564vw;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .step.brand .option,
  .step.model .option {
    width: 100%;
    font-size: var(--text_M);
  }

  /* Кузов — 2 колонки на мобильном */
  .step.body .options {
    gap: 3.077vw;
  }
  .step.body .option {
    width: 47%;
    padding: 3.846vw;
    border-radius: var(--radiusMain);
  }
  .step.body .option h4 {
    font-size: var(--text_M);
    margin-bottom: 1.538vw;
  }
  .step.body .option p {
    font-size: var(--text_XS);
  }

  /* Год — 2 колонки */
  .step.year .options {
    gap: 3.077vw;
    row-gap: 3.077vw;
  }
  .step.year .option {
    width: 47%;
  }

  /* Двигатель, привод, коробка — колонка */
  .step.engine .options,
  .step.drive .options,
  .step.gearbox .options {
    gap: 3.077vw;
    row-gap: 3.077vw;
  }
  .step.drive .options .option:last-child {
    margin-left: 0;
  }

  /* Объём + мощность — в колонку */
  .step.modify .field_cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.846vw;
  }

  /* Растаможка */
  .step.customs .options {
    gap: 3.077vw;
    row-gap: 3.077vw;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  /* Инпуты — полная ширина */
  .step-input,
  .stage .search input {
    font-size: var(--text_M);
    padding: 3.846vw;
    border-radius: 2.564vw;
  }

  /* Контакты — в колонку */
  .step.contacts .field_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.846vw;
  }
  .step.contacts .field_inner input {
    width: 100%;
  }
  .step.contacts .field_inner input:first-child {
    width: 100%;
  }

  /* Способ связи */
  .step.svaz .options {
    gap: 3.077vw;
    row-gap: 3.077vw;
  }

  /* Владелец */
  .step.owner .options {
    gap: 3.077vw;
    row-gap: 3.077vw;
  }

  /* Загрузка фото */
  .upload-field {
    height: 56.41vw;
  }
  .upload-hint {
    font-size: var(--text_M);
  }
  .thumbs {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.564vw;
  }

  /* Продвижение — 2 колонки */
  .promotion-grid {
    overflow: auto;
    grid-template-columns:1fr;
    gap: 3.077vw;
  }
  .promo-inner {
    padding: 5.128vw 3.846vw;
  }
  .promo-title {
    font-size: var(--text_M);
    margin-bottom: 3.846vw;
  }
  .promo-card p,
  .promo-inner li,
  .promo-period,
  .promo-badge {
    font-size: var(--text_S);
  }
  .promo-price {
    font-size: var(--text_M);
  }
  .promo-card .discount {
    font-size: var(--text_XS);
    right: 3.846vw;
    top: -1.538vw;
    padding: 1.026vw 1.538vw;
  }
  .promotion-total {
    font-size: var(--text_M);
    margin-bottom: 5.128vw;
  }
  .promotion-total * {
    font-size: var(--text_M);
  }

  /* Кнопка «Продолжить» — на всю ширину */
  .step .continue-btn , .continue-btn{
    width: 100%;
    text-align: center;
    margin-top: 5.128vw;
    padding: 4.615vw;
    border-radius: 2.564vw;
    font-size: var(--text_M);
  }
  .edit-save-btn {
    margin-top: 3.077vw;
    padding: 4.615vw;
    border-radius: 2.564vw;
    font-size: var(--text_M);
  }

  /* Чекбокс */
  .step label {
    font-size: var(--text_M);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.564vw;
  }
  .step.contacts h3, .stage.price h3{
    padding-bottom: 5.128vw;
    margin-top: 20px;
  }
  .stage.price h3{
    margin-top: 5.128vw;
  }
  .step input[type=checkbox] {
    width: 5.128vw;
    margin-top: 0!important;
    height: 5.128vw;
    margin-right: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  /* Разделители между шагами */
  .step {
    margin-bottom: 5.128vw;
    padding-bottom: 5.128vw;
  }

  /* Экран успеха */
  .fill_success {
    padding: 10.256vw 5.128vw;
    text-align: center;
  }
  .fill_success h2 {
    font-size: var(--text_XL);
    margin-bottom: 5.128vw;
  }
  .fill_success p {
    font-size: var(--text_M);
    margin-bottom: 7.692vw;
  }
}

/* ── Settings Page ─────────────────────────────────────────────────────── */
.settings-page {
  padding-top: 2.083vw;
  padding-bottom: 3.125vw;
}
.settings-title {
  font-size: 1.563vw;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 1.563vw;
}
.settings-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.042vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.settings-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.042vw;
}
.settings-card {
  background: #fff;
  border-radius: 0.833vw;
  padding: 1.25vw 1.25vw 1.042vw;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.06);
          box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.settings-card__label {
  font-size: var(--text_L);
  font-weight: 700;
  color: #222;
  margin-bottom: 0.833vw;
}

.settings-card__sublabel {
  font-size: 0.521vw;
  font-weight: 600;
  color: #aaa;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.26vw;
}
.settings-card__value {
  display: block;
  font-size: 0.833vw;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0.26vw;
}
.settings-card__note {
  font-size: 0.573vw;
  color: #e8880a;
  margin-top: 0.417vw;
  line-height: 1.5;
}
.settings-card__note:not(:has(~ .settings-inline-form)) {
  margin-bottom: 0;
}

/* Строка: значение + кнопка */
.settings-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.833vw;
}

/* Ссылка-кнопка */
.settings-link {
  background: none;
  border: none;
  padding: 0;
  font-size: 0.677vw;
  font-weight: 600;
  color: #3b82f6;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  flex-shrink: 0;
}
.settings-link:hover { opacity: 0.75; }

/* Аватар в настройках */
.settings-avatar-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.833vw;
}
.settings-avatar {
  width: 3.125vw;
  height: 3.125vw;
  border-radius: 50%;
  background: #7c3aed;
  color: #fff;
  font-size: 1.25vw;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.settings-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.settings-avatar-label {
  cursor: pointer;
}

/* Поле ввода */
.settings-input {
  display: block;
  width: 100%;
  padding: 0.573vw 0.729vw;
  border: 1.5px solid #e0e0e0;
  border-radius: 0.417vw;
  font-size: 0.677vw;
  color: #222;
  background: #fafafa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.settings-input:focus {
  outline: none;
  border-color: #3b82f6;
  background: #fff;
}

/* Телефон */
.settings-phone-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1.5px solid #e0e0e0;
  border-radius: 0.417vw;
  overflow: hidden;
  background: #fafafa;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.settings-phone-prefix {
  padding: 0.573vw 0.625vw;
  font-size: 0.677vw;
  font-weight: 600;
  color: #555;
  border-right: 1.5px solid #e0e0e0;
  background: #f0f0f0;
  white-space: nowrap;
}
.settings-phone-field {
  border: none;
  border-radius: 0;
  background: transparent;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.settings-phone-field:focus {
  border: none;
  background: transparent;
}

/* Кнопка сохранить (синяя как в дизайне) */
.settings-btn-save {
  padding: 0.573vw 1.042vw;
  font-size: 0.677vw;
  background: #3b82f6;
  border-color: #3b82f6;
  white-space: nowrap;
}
.settings-btn-save:hover {
  background: #2563eb;
  border-color: #2563eb;
}

/* Форма редактирования (inline) */
.settings-inline-form {
  margin-top: 0.833vw;
}
.settings-form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.52vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.625vw;
}
.settings-cancel {
  color: #999;
}
.settings-cancel:hover { color: #555; opacity: 1; }

/* Заблокированная кнопка (ограничение смены имени) */
.settings-link--disabled {
  font-size: 0.677vw;
  font-weight: 600;
  color: #ccc;
  cursor: not-allowed;
  white-space: nowrap;
}

/* Бейдж "Подтверждён" */
.settings-badge {
  display: inline-block;
  font-size: 0.521vw;
  font-weight: 600;
  padding: 0.104vw 0.417vw;
  border-radius: 100px;
  margin-top: 0.26vw;
}
.settings-badge--ok {
  background: #dcfce7;
  color: #16a34a;
}

/* Сообщение */
.settings-msg {
  font-size: 0.573vw;
  font-weight: 600;
  margin-top: 0.417vw;
  display: none;
}

/* Мобильная адаптация */

@media (max-width: 768px) {
  .product_head .price-row{
    width: 100%;
    flex-direction: row;
    justify-content: space-between;

  }
.meta-row{
  justify-content: space-between;
}
  .favorite-btn svg{
    width: 5.128vw;
    height: auto;
  }
  .favorite-btn{
    background: #eaeaea;
    border-radius: 2.564vw;
    padding:  3.846vw;
  }
  
  section.category, section.product-fill {
  margin-top:0;
}

  body:not(.home) .header--main { display: none; }
  body:not(.home) .header--inner { display: block;  position: unset; }
  .home .header--inner { display: none; }
  body:not(.home) .header-search-panel {
    display: block;
  }
  .profile-avatar,
  .profile-avatar--letter { width: 17.949vw; height: 17.949vw; font-size: 6.41vw; }
  .avatar-preview,
  .avatar-preview--letter { width: 15.385vw; height: 15.385vw; font-size: 5.128vw; }
  .profile-name { font-size: 4.103vw; }
  .profile-email,
  .profile-phone { font-size: 3.077vw; }
  .btn--outline { padding: 2.564vw; font-size: 3.077vw; border-radius: 2.051vw; }
  .profile-input { padding: 2.564vw 3.077vw; font-size: 3.077vw; border-radius: 2.051vw; margin-bottom: 2.564vw; }
  .profile-form-actions { gap: 2.051vw; }
  .profile-form-actions .btn,
  .js-cancel-profile { padding: 2.564vw; font-size: 3.077vw; border-radius: 2.051vw; }
  .field-placeholder { left: 3.077vw; font-size: 3.59vw; }
  .req-textarea .field-placeholder { top: 2.564vw; }
  .logIn--forgot .logIn--single { max-width: 100%; }
  .messenger-btn { gap: 1.538vw; }
  .settings-page { padding-top: 5.128vw; padding-bottom: 7.692vw; }
  .settings-title { font-size: 5.128vw; margin-bottom: 4.103vw; }
  .settings-grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3.077vw; }
  .settings-col { gap: 3.077vw; }
  .settings-card { border-radius: 3.077vw; padding: 4.103vw; }
  .settings-card__label { font-size: 3.59vw; margin-bottom: 2.564vw; }
  .settings-card__sublabel { font-size: 2.051vw; }
  .settings-card__value { font-size: 3.59vw; }
  .settings-card__note { font-size: 2.564vw; }
  .settings-link { font-size: 3.077vw; }
  .settings-avatar { width: 12.821vw; height: 12.821vw; font-size: 5.128vw; }
  .settings-input { padding: 2.564vw 3.077vw; font-size: 3.077vw; border-radius: 1.538vw; }
  .settings-phone-prefix { padding: 2.564vw; font-size: 3.077vw; }
  .settings-btn-save { padding: 2.564vw 4.103vw; font-size: 3.077vw; }
  .settings-badge { font-size: 2.051vw; padding: 0.513vw 1.538vw; }
  .settings-msg { font-size: 2.564vw; }

  /* ── Конвертация валют (mobile) ─────────────────────────────────── */
  .price-wrap { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .price-conversions { gap: 2.051vw; }
  .price-conversions span { font-size: var(--text_S); }

  /* ── Строка цены/мета на странице товара (mobile) ─────────────── */
  .price-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1.026vw 2.051vw;
    margin-bottom: 1.026vw;
  }
  .price-row .price { font-size: 5.641vw; }
  .price-row .price-conversions { gap: 1.026vw 2.051vw; }
  .meta-row { margin-bottom: 2.051vw; }
  .meta-date-city { font-size: 2.821vw; }

  /* ── Личный кабинет (mobile) ──────────────────────────────────────── */
  .person_wrap .container {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding: 0;
  }
  .personBody {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.077vw;
  }
  .person_cont,
  aside.cupon {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0;
    padding: 30.643px var(--gap);
    background: #fff;
  }
  .person_cont {
    border-bottom: 1.538vw solid #f3f3f3;
  }
  aside.cupon {
    height: auto !important;
    min-width: unset !important;
    border-bottom: 1.538vw solid #f3f3f3;
  }

  /* Заголовок страницы */
  .person_cont h1 {
    font-size: 5.641vw;
    font-weight: 700;
    margin-bottom: 30.283px;
  }

  /* ── Пустое состояние ── */
  .personEmpty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .person_cont .personEmptyImg {
    width: 22.051vw;
    height: auto;
    margin-bottom: 4.103vw;
  }
  .person_cont .personEmpty span {
    font-size: 5.128vw;
    font-weight: 700;
    margin-bottom: var(--gap);
  }
  .person_cont .personEmpty p {
        font-size: var(--text_S);

    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .person_cont .btn {
    margin-top: 5.128vw;
    width: max-content;
    font-size: var(--text_S);

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  /* ── Карточка с объявлением ── */
  .personFull {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    margin-bottom: 5.128vw;
    padding-bottom: 5.128vw;
    border-bottom: 0.256vw solid #f0f0f0;
  }
  .personFull:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .personFull > a {
    display: block;
    width: 100%;
    margin-bottom: 3.077vw;
  }
  .personFull > a img,
  .personFull img {
    width: 100%;
    height: 46.154vw;
    border-radius: 2.564vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .personFull .info {
    width: 100%;
  }
  /* Верхняя строка: название + цена */
  .personFull .info .product_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 2.051vw;
  }
  .personFull .info .product_head .item {
    margin-top: 0;
    gap: 1.026vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .personFull .info .product_head .item:nth-child(1) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .personFull .info .product_head .item .name {
    font-size: 4.103vw;
    font-weight: 700;
  }
  .personFull .info .product_head .item .price {
    font-size: 4.103vw;
    color: var(--red);
  }
  .personFull .info .product_head .item .visitor {
    gap: 1.026vw;
  }
  .personFull .info .product_head .item .visitor span,
  .personFull .info .product_head .item .timePublish {
    font-size: 3.077vw;
  }
  .personFull .info .car_status {
    font-size: 3.077vw !important;
  }
  /* Нижняя строка: действия */
  .personFull .info .product_bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 2.051vw 4.103vw;
    margin-top: 3.077vw;
    padding-top: 3.077vw;
    border-top: 0.256vw solid #f0f0f0;
  }
  .personFull .info .product_bottom a,
  .personFull .info .product_bottom span {
    font-size: 3.59vw;
    font-weight: 600;
  }

  /* ── Кошелёк (aside.cupon) ── */
  aside.cupon h3 {
    font-size: 5.128vw;
    margin-bottom: 3.846vw;
  }
  aside.cupon .money {
    margin-bottom: 3.077vw;
  }
  aside.cupon .money .sum {
    font-size: 4.615vw;
  }
  aside.cupon .money .moreMoney {
    font-size: 3.077vw;
  }
  aside.cupon input {
    padding: 3.077vw 3.846vw;
    font-size: 3.59vw;
    border-radius: 2.051vw;
    margin-bottom: 3.077vw;
  }
  aside.cupon .btn {
    padding: 3.846vw;
    font-size: 3.59vw;
    border-radius: 3.077vw;
    margin-bottom: 3.077vw;
  }

  /* ── Нижние ссылки ── */
  .person_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 4.103vw;
    padding: 5.128vw 4.103vw;
    border-radius: 0;
  }
  .person_bottom a {
    font-size: 3.846vw;
    font-weight: 600;
    text-align: center;
  }
}

/* ── Mobile Burger Menu ────────────────────────────────────────────────── */
.burger_mobile,
.burger_mobile__overlay { display: none; }

/* Десктопный попап недоступен на мобиле */
@media (max-width: 768px) {
  .burger_popup,
  .burger_popup__overlay { display: none !important; }
}

@media (max-width: 768px) {

  /* Overlay — полностью прозрачный, только для закрытия по тапу вне панели */
  .burger_mobile__overlay {
    display: block;
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 199;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }
  .burger_mobile__overlay.open {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }

  /* Белая панель на весь экран */
  .burger_mobile {
    display: block;
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    z-index: 200;
    transition: right 0.28s ease;
  }
  .burger_mobile.open {
    right: 0;
  }

  /* Паддинг внутри */
  .burger_mobile__body {
    padding: 20px 20px 40px;
    position: relative;
  }

  /* Кнопка закрытия (крестик) */
  .burger_mobile__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1;
  }

  /* ── Профиль ── */
  .burger_mobile__user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .burger_mobile__user-info {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .burger_mobile__avatar {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: var(--grey);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    overflow: hidden;
    flex-shrink: 0;
  }
  .burger_mobile__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .burger_mobile__user-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
  }
  .burger_mobile__add-btn {
    font-size: 14px;
    font-weight: 600;
    color: var(--red);
    white-space: nowrap;
    text-decoration: none;
  }
  .burger_mobile__user-links {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .burger_mobile__user-links a {
    font-size: 16px;
    color: var(--black);
    text-decoration: none;
  }

  /* ── Разделитель ── */
  .burger_mobile__divider {
    height: 1px;
    background: #ebebeb;
    margin: 20px 0;
  }

  /* ── Заголовок ── */
  .burger_mobile__heading {
    font-size: 4.615vw;
    font-weight: 700;
    margin: 8vw 0 4.103vw;
    color: var(--black);
  }

  /* ── Каталог ── */
  .burger_mobile__catalog-row {
    display: flex;
    gap: 16px;
    align-items: flex-start;
  }
    .burger_mobile__socials{
      height: 28.769vw;
      justify-content: space-between;
    }
  /* Карточка Автомобили — сбрасываем десктопные размеры */
  .burger_mobile__catalog-row .burger_cat_card {
    width: 46%;
    height: auto !important;
    height: 30.769vw;
    flex-shrink: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #1a1a1a;
    position: relative;
  }
  .burger_mobile__catalog-row .burger_cat_card span {
    position: absolute;
    top: 14px;
    left: 14px;
    color: #fff;
    font-size: 16px !important;
    font-weight: 700;
    z-index: 1;
    line-height: 1.2;
  }
  .burger_mobile__catalog-row .burger_cat_card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.85;
  }

  /* Соц. сети рядом с карточкой */
  .burger_mobile__socials {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .burger_mobile__socials a {
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
  }
  .burger_mobile__socials a svg {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0;
  }
  .burger_mobile__socials .txt h4 {
    font-size: 12px !important;
    font-weight: 600;
    margin: 0 0 2px;
    color: var(--black);
  }
  .burger_mobile__socials .txt span {
    font-size: 11px !important;
    color: var(--tooGrwy);
    display: block;
    line-height: 1.3;
  }

  /* ── Карточки брендов ── */
  .burger_mobile__brands {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
  .burger_mobile__brand-card {
    background: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-decoration: none;
  }
  .burger_mobile__brand-card img {
    width: 100%;
    object-fit: cover;
    height: 20.513vw;
    background: #f5f5f5;
    border-radius: 2.564vw;
      box-sizing: border-box;
  }
  .burger_mobile__brand-card span {
    font-size: 13px;
    font-weight: 700;
    color: var(--black);
    text-align: center;
  }

  /* ── Сервис ── */
  .burger_mobile__service-row {
    display: flex;
    gap: 20px;
  }
  .burger_mobile__service-row > div {
    flex: 1;
  }
  .burger_mobile__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .burger_mobile__links a {
    font-size: 15px;
    color: var(--black);
    text-decoration: none;
  }
}