@charset "UTF-8";
.breadcrumbs {
  font-size: 14px;
  padding: 10px 0 10px;
  margin-bottom: 15px;
  overflow-x: auto;
}
.breadcrumbs ul {
  display: flex;
}
.breadcrumbs li:last-child span {
  color: var(--accent);
}
.breadcrumbs li {
    min-width: fit-content;
}
.breadcrumbs li:has(a) {
  display: flex;
  align-items: center;
}
.breadcrumbs li:has(a)::after {
  content: "";
  margin: 0 12px;
  width: 12px;
  height: 14px;
  display: block;
  background-image: url('data:image/svg+xml,<svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 7L0 0.0717964L0 13.9282L12 7Z" fill="%23B9954A" /></svg>');
}
@media (max-width: 520px){
    .breadcrumbs {
        margin-bottom: 5px;
    }
}
.container:has(.breadcrumbs) + section {
  padding-top: 0;
}

.driver-cars__body {
  margin-top: 7px;
}
.driver-cars__item {
  display: grid;
  grid-template: 140px/184px 1fr 230px 160px;
  padding: 33px 0;
  border-bottom: 0.5px solid #8D8D8D;
}
.driver-cars__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.driver-cars__text {
  padding: 0 33px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.driver-cars__text span {
  line-height: 160%;
}
.driver-cars__text > span {
  color: #E2E2E2;
  font-weight: 600;
  font-size: 20px;
}
@media (max-width: 520px) {
  .driver-cars__text > span {
    font-size: 18px;
  }
}
.driver-cars__text div {
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  text-transform: uppercase;
  color: var(--accent);
}
@media (max-width: 520px) {
  .driver-cars__text div {
    font-size: 20px;
  }
}
.driver-cars__status {
  text-align: right;
  font-weight: 600;
  line-height: 160%;
  position: relative;
  align-items: flex-end;
  padding-right: 58px;
}
.driver-cars__status span {
  display: inline-block;
  font-size: 18px;
}
@media (max-width: 520px) {
  .driver-cars__status span {
    font-size: 16px;
  }
}
.driver-cars__status span.active {
  color: #779c56;
}
.driver-cars__status span.moderation {
  color: #8D8D8D;
}
.driver-cars__status span.rejected {
  color: #CF4833;
  border-bottom: 1px dashed;
  cursor: pointer;
}
.driver-cars__status span.rejected:hover + span {
  opacity: 1;
  transform: translateY(0);
}
.driver-cars__status span.driver-cars__label {
  background: #fff;
  padding: 15px;
  color: #0f0f0f;
  text-align: left;
  width: 246px;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10px 100%, 0% calc(100% - 10px));
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10px 100%, 0% calc(100% - 10px));
  opacity: 0;
  pointer-events: none;
  transform: translateY(-5px);
  transition: opacity 0.2s, transform 0.2s;
  position: absolute;
  left: calc(100% - 85px);
  bottom: calc(100% + 10px);
}
.driver-cars__status a {
  color: #8D8D8D;
  display: block;
  margin-top: 12px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.driver-cars__status:has(a) {
  flex-direction: column;
}
.driver-cars__control {
  display: flex;
  justify-content: flex-end;
  align-self: flex-start;
  gap: 40px;
}
.driver-cars__control svg {
  max-width: 34px;
}
.driver-cars__control svg:hover path {
  fill: var(--accent);
}
.driver-cars__control a.stroke:hover path {
  fill: transparent;
  stroke: var(--accent);
}
.driver-cars__link {
  margin: 40px auto 0;
}

@media (max-width: 992px) {
  .driver-cars__item {
    padding: 20px 0;
  }
  .driver-cars__text {
    padding: 0 20px;
  }
  .driver-cars__status {
    padding-right: 20px;
  }
  .driver-cars__control {
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .driver-cars__item {
    grid-template: 3rem 100px/250px 1fr 150px;
  }
  .driver-cars__item img {
    grid-area: 1/1/3/2;
  }
  .driver-cars__text {
    grid-area: 1/2/3/3;
    justify-content: flex-start;
    padding: 0 10px;
  }
  .driver-cars__status {
    grid-area: 2/3/3/4;
    padding-right: 0;
  }
  .driver-cars__status span.driver-cars__label {
    left: auto;
    right: 0;
    font-size: 14px;
    line-height: 120%;
    width: 140px;
    padding: 12px 10px;
    bottom: calc(100% + 5px);
  }
}
@media (max-width: 768px) {
  .driver-cars__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
  }
  .driver-cars__item img {
    aspect-ratio: 16/9;
    order: 1;
  }
  .driver-cars__text {
    padding: 0;
    order: 3;
  }
  .driver-cars__status {
    text-align: left;
    order: 2;
  }
  .driver-cars__status span.driver-cars__label {
    right: unset;
  }
  .driver-cars__control {
    position: absolute;
    right: 10px;
    top: 30px;
    gap: 15px;
  }
  .driver-cars__control svg {
    filter: drop-shadow(2px 4px 6px black);
  }
  .driver-cars__control svg path {
    fill: #fff;
  }
  .driver-cars__control .stroke svg path {
    fill: transparent;
    stroke: #fff;
  }
}
@media (max-width: 520px) {
  .driver-cars__control svg {
    height: 20px;
    width: auto;
  }
}
.car-form__body {
  margin: 40px auto 0;
  background: var(--darkgray);
  border: 0.6px solid var(--gray);
  max-width: 838px;
  padding: 45px 105px 45px 65px;
}
.car-form__input-wr {
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  justify-content: center;
  /* flex-wrap: wrap; */
  /* -moz-column-gap: 16px;
       column-gap: 16px; */
  /* row-gap: 12px; */
  width: 70%;
  margin-bottom: 24px;
}
/* .car-form__input-wr input, .car-form__input-wr .nice-select, .car-form__input-wr textarea {
    margin-left: 16px;
} */
.car-form__input-btn-wr {
    display: flex;
    align-items: center;
    gap: 12px;
}
/* .car-form__input-wr + .car-form__input-wr {
  margin-top: 24px;
} */
.car-form__input-wr:has(.price-wr) {
  justify-content: flex-start;
}
@media (min-width: 993px) {
  .car-form__input-wr:has(.price-wr) label {
    /* margin-left: 140px; */
    margin: 0 0 36px;
  }
}
.car-form__input-wr:has(textarea) {
  align-items: flex-start;
}
.car-form__input-wr label {
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  text-align: right;
  color: var(--lightgray);
}
.car-form__input-wr .price-wr {
    margin-top: 12px;
}
@media (max-width: 992px) {
  .car-form__input-wr label br {
    display: none;
  }
  .car-form__input-wr label {
      text-align: left;
      padding: 0;
      width: 100%;
  }
  /* .car-form__input-wr input, .car-form__input-wr .nice-select, .car-form__input-wr textarea {
      margin-left: 0;
  } */
}
@media (min-width: 993px) {
  /* .car-form__input-wr label {
    flex: 0 1 124px;
  } */
}
.car-form__input-wr input, .car-form__input-wr textarea, .car-form__input-wr .nice-select {
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  padding: 15px;
}
@media (min-width: 993px) {
  .car-form__input-wr input, .car-form__input-wr textarea, .car-form__input-wr .nice-select, .car-form__input-wr > div {
    flex: 0 1 526px;
  }
}
.car-form__input-wr input::-moz-placeholder, .car-form__input-wr textarea::-moz-placeholder, .car-form__input-wr .nice-select::-moz-placeholder {
  color: var(--gray);
}
.car-form__input-wr input::placeholder, .car-form__input-wr textarea::placeholder, .car-form__input-wr .nice-select::placeholder {
  color: var(--gray);
}
.car-form__input-wr .price-wr {
  font-weight: 500;
  font-size: 15px;
  line-height: 160%;
  color: var(--gray);
}
@media (max-width: 450px) {
  .car-form__input-wr .price-wr {
    max-width: 242px;
  }
  
  .car-form__input-wr {
      width: 90%;
  }
}
.car-form .btn {
  margin: 32px auto 0;
}

.car-form__input-wr .nice-select {
  border-radius: 0;
  border: none;
  height: auto;
  color: var(--black);
}
.car-form__input-wr .nice-select:has(li[data-display].selected) {
  color: var(--gray);
}
.car-form__input-wr .nice-select.open {
  color: var(--black) !important;
}
.car-form__input-wr .nice-select .option:first-child {
  display: none;
}
.car-form__input-wr .nice-select .list {
  margin-top: 8px;
  padding: 15px;
  right: 0;
  border-radius: 0;
}
.car-form__input-wr .nice-select .list li {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 160%;
  color: var(--black);
  padding-left: 32px;
  padding-right: 0;
  position: relative;
}
.car-form__input-wr .nice-select .list li::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #ECECEC;
  position: absolute;
  border: 1px solid #8D8D8D;
  border-radius: 50%;
  left: 0;
  top: calc(50% - 10px);
}
.car-form__input-wr .nice-select .list li.selected::after {
  content: "";
  width: 20px;
  height: 20px;
  background: #ECECEC;
  position: absolute;
  border: 5px solid var(--accent);
  border-radius: 50%;
  left: 0;
  top: calc(50% - 10px);
}
.car-form__input-wr .nice-select::after {
  border-bottom: 1px solid #202020;
  border-right: 1px solid #202020;
  right: 15px;
  width: 10px;
  height: 10px;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background: transparent;
}

.nice-select .option.selected {
  font-weight: 400;
}

@media (min-width: 993px) {
  .upload-container {
    flex: 0 1 526px;
  }
}

.car-form__input-wr:has(.upload-container) {
  align-items: flex-start;
}

.upload-dropzone {
  max-width: 160px;
  height: 160px;
  padding: 40px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
  font-weight: 600;
  font-size: 12px;
  line-height: 155%;
  background: #ECECEC;
  color: var(--gray);
  cursor: pointer;
}
.upload-dropzone:hover {
  background: var(--lightgray);
}

.preview-container {
  display: grid;
  grid-template: auto/repeat(3, 1fr);
  gap: 24px;
}
.preview-container:has(img) {
  margin-top: 24px;
}
@media (max-width: 600px) {
  .preview-container {
    gap: 12px;
  }
}

.preview-image-wrapper {
  position: relative;
}

.preview-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}

.remove-btn {
  position: absolute;
  top: -6px;
  right: -6px;
  background: var(--accent);
  color: white;
  border-radius: 50%;
  font-size: 16px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 999;
  touch-action: manipulation;
}

@media (max-width: 992px) {
  .car-form__body {
    padding: 40px;
  }
  .car-form__input-wr {
    flex-direction: column;
    align-items: flex-start;
  }
  .car-form__input-wr input, .car-form__input-wr textarea, .car-form__input-wr .nice-select {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .car-form__body {
    padding: 20px;
  }
  .car-form__input-wr {
    row-gap: 4px;
  }
  .car-form__input-wr + .car-form__input-wr {
    margin-top: 16px;
  }
  .car-form textarea {
    height: 200px;
  }
}
.card img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.card img.main-auto-photo {
    object-fit: none;
}

.card__wrapper {
  display: grid;
  grid-template: 1fr/1fr 510px;
  gap: 30px;
}
.card__slider-wrapp {
  display: grid;
  grid-template: 420px/79px 1fr;
  gap: 30px;
}
@media (max-width: 700px) {
  .card__slider-wrapp {
    display: flex;
    flex-direction: column-reverse;
  }
}
.card__text-wrapp h2 {
  font-size: 24px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .card__text-wrapp h2 {
    font-size: 18px;
  }
}
.card__text-wrapp .price-wr {
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
  text-transform: uppercase;
  color: var(--accent);
}
@media (max-width: 768px) {
  .card__text-wrapp .price-wr {
    font-size: 18px;
  }
}
.card__text-wrapp .features {
  line-height: 160%;
  color: var(--gray);
  &:not(.stars){
    padding-left: 20px;
  }
  &:not(.stars) li{
    list-style: disc;
  }
}
.card__text-wrapp .features.stars li {
  padding-left: 30px;
  position: relative;
}
.card__text-wrapp .features li span {
  color: #fff;
}
.card__text-wrapp .features li + li {
  margin-top: 16px;
}
.card__text-wrapp .features:not(.stars) li + li {
  margin-top: 5px;
}
.card__text-wrapp .features.stars li::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.02447 0.463526C9.17415 0.0028708 9.82585 0.00287008 9.97553 0.463525L11.7451 5.90983C11.8121 6.11584 12.0041 6.25532 12.2207 6.25532H17.9473C18.4316 6.25532 18.633 6.87513 18.2411 7.15983L13.6082 10.5258C13.433 10.6532 13.3597 10.8788 13.4266 11.0848L15.1962 16.5312C15.3459 16.9918 14.8187 17.3749 14.4268 17.0902L9.79389 13.7242C9.61865 13.5968 9.38135 13.5968 9.20611 13.7242L4.5732 17.0902C4.18135 17.3749 3.65411 16.9918 3.80378 16.5312L5.57339 11.0848C5.64033 10.8788 5.567 10.6532 5.39176 10.5258L0.758856 7.15983C0.366999 6.87513 0.568387 6.25532 1.05275 6.25532H6.77933C6.99594 6.25532 7.18792 6.11584 7.25486 5.90983L9.02447 0.463526Z" fill="%23B9954A" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 2px;
}
.card__text-wrapp .btn {
  width: 100%;
  font-weight: 700;
  font-size: 18px;
}
.card__text-wrapp .chars > span {
  font-size: 18px;
}
.card__text-wrapp .chars__name {
  color: var(--gray);
  order: 1;
}
.card__text-wrapp .chars__value {
  order: 3;
}
.card__text-wrapp .chars li {
  display: flex;
  gap: 5px;
  line-height: 180%;
}
.card__text-wrapp .chars li::after {
  content: "..................................................................................................................................................................................................................................................................................................................................................................................................................................................................";
  display: block;
  flex: 1 1;
  color: var(--gray);
  order: 2;
  overflow: hidden;
  white-space: nowrap;
}

.thumbs-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.thumbs-wrapper img {
  cursor: pointer;
}
@media (max-width: 700px) {
  .thumbs-wrapper {
    flex-direction: row;
    gap: 10px;
  }
}

.thumb-arrow {
  cursor: pointer;
}
@media (max-width: 700px) {
  .thumb-arrow.prev, .thumb-arrow.next {
    transform: rotate(-90deg);
  }
  .thumb-arrow.prev svg, .thumb-arrow.next svg {
    width: 12px;
    height: auto;
  }
}
.thumb-arrow:hover path {
  fill: var(--lightgray);
}

.card-main-slider {
  max-width: 100%;
}

.card-thumbs-slider {
  max-width: 100%;
}
.card-thumbs-slider .swiper-slide {
  height: 72px !important;
}

.fz-32 {
  font-size: 32px;
}
@media (max-width: 768px) {
  .fz-32 {
    font-size: 24px;
  }
}

.descr__wrapper {
  margin-top: 40px;
  border: 0.5px solid var(--gray);
  background: var(--darkgray);
  padding: 30px 30px 45px;
  line-height: 160%;
  color: var(--lightgray);
}
.descr__wrapper * + * {
  margin-top: 1em;
}

.d-none {
  display: none !important;
}

.car-item {
  display: flex;
  flex-direction: column;
}
.car-item img {
  width: 100%;
  height: 284px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 992px) {
  .car-item img {
    height: 220px;
  }
}
.car-item .price-wr {
  margin-top: 20px;
  font-weight: 600;
  font-size: 24px;
  line-height: 160%;
  text-transform: uppercase;
  color: var(--accent);
}
@media (max-width: 992px) {
  .car-item .price-wr {
    margin-top: 10px;
  }
}
@media (max-width: 520px) {
  .car-item .price-wr {
    font-size: 18px;
  }
}
.car-item .car-title {
  line-height: 160%;
  color: #ECECEC;
  margin-top: 16px;
}
@media (max-width: 520px) {
  .car-item .car-title {
    margin-top: 8px;
  }
}
.car-item .car-features {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .car-item .car-features {
    margin-top: 10px;
  }
}
.car-item .car-features li {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .car-item .car-features li {
    gap: 10px;
  }
}
.car-item .car-features li span:first-child {
  font-size: 15px;
  line-height: 160%;
  color: var(--lightgray);
/*   padding-left: 30px; */
  position: relative;
}
/* .car-item .car-features li span:first-child::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.02447 0.463526C9.17415 0.0028708 9.82585 0.00287008 9.97553 0.463525L11.7451 5.90983C11.8121 6.11584 12.0041 6.25532 12.2207 6.25532H17.9473C18.4316 6.25532 18.633 6.87513 18.2411 7.15983L13.6082 10.5258C13.433 10.6532 13.3597 10.8788 13.4266 11.0848L15.1962 16.5312C15.3459 16.9918 14.8187 17.3749 14.4268 17.0902L9.79389 13.7242C9.61865 13.5968 9.38135 13.5968 9.20611 13.7242L4.5732 17.0902C4.18135 17.3749 3.65411 16.9918 3.80378 16.5312L5.57339 11.0848C5.64033 10.8788 5.567 10.6532 5.39176 10.5258L0.758856 7.15983C0.366999 6.87513 0.568387 6.25532 1.05275 6.25532H6.77933C6.99594 6.25532 7.18792 6.11584 7.25486 5.90983L9.02447 0.463526Z" fill="%23B9954A" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 2px;
} */
.car-item .car-features li span:last-child {
  font-weight: 700;
  font-size: 18px;
  line-height: 160%;
  color: #ECECEC;
}
.car-item .btn {
  width: 100%;
  margin-top: 24px;
}
@media (max-width: 992px) {
  .car-item .btn {
    margin-top: 12px;
  }
}

.same-slider .container {
  max-width: 1416px;
}
.same-slider__body {
  display: flex;
  align-items: center;
  gap: 30px;
}
.same-slider__body .same-arrow:not(.swiper-button-disabled) {
  cursor: pointer;
}
.same-slider__body .same-arrow:not(.swiper-button-disabled):hover path {
  fill: #ECECEC;
}

@media (max-width: 1320px) {
  .card__slider-wrapp {
    gap: 20px;
  }
  .card__wrapper {
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .card__wrapper {
    grid-template: 1fr/1fr 400px;
  }
  .same-slider__body {
    gap: 10px;
  }
  .same-slider .same-arrow svg {
    width: 10px;
    height: auto;
  }
}
@media (max-width: 980px) {
  .card__wrapper {
    display: flex;
    flex-direction: column;
  }
  .descr__wrapper {
    padding: 15px 15px 30px;
    font-size: 14px;
  }
  
    .card img.main-auto-photo {
      object-fit: cover;
    }
}
@media (max-width: 768px) {
  .card__slider-wrapp {
    gap: 12px;
  }
}
.custom-radio input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-radio input[type=radio]:checked + label::before {
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-color: var(--black);
  opacity: 1;
  background-position: center center;
  border: 5px solid var(--accent);
}
.custom-radio input[type=radio] + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.custom-radio label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 12px;
  box-shadow: rgba(123, 123, 123, 0.25) 0px 1px 1px 0px inset;
  opacity: 0.4;
  border-radius: 50%;
  background: var(--gray);
}

.catalog__wrapper {
  display: grid;
  grid-template: 1fr/295px 1fr;
  grid-template: 1fr/295px calc(100% - 325px);
  gap: 30px;
}
@media (max-width: 1320px) {
  .catalog__wrapper {
    grid-template: 1fr/220px calc(100% - 250px);
  }
}
@media (max-width: 992px) {
  .catalog__wrapper {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .catalog__wrapper {
    display: flex;
    flex-direction: column;
  }
}
.catalog .filter-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  text-transform: uppercase;
  color: var(--accent);
}
.catalog .filter-title + .filter__item {
  margin-top: 20px;
}
.catalog .filter__item + .filter__item {
  margin-top: 32px;
}
.catalog .filter__item span + .custom-radio {
  margin-top: 16px;
}
.catalog .custom-radio + .custom-radio {
  margin-top: 15px;
}
.catalog .custom-radio label {
  line-height: 160%;
  color: var(--gray);
}
.catalog .custom-radio input[type=radio]:checked + label {
  color: var(--lightgray);
}

.catalog__inner {
  display: flex;
  gap: 30px;
}
@media (max-width: 1200px) {
  .catalog__inner .car-item img {
    height: 220px;
  }
}
@media (max-width: 992px) {
  .catalog__inner {
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .catalog__inner .car-item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 650px) {
  .catalog__inner {
    flex-direction: column;
  }
  .catalog__inner .car-item {
    width: 95% !important;
  }
}

.filter-panel {
  display: grid;
  grid-template: 1fr/calc(33% - 16px) 1fr;
  gap: 30px;
}
@media (max-width: 992px) {
  .filter-panel {
    gap: 20px;
    grid-template: 1fr/calc(50% - 10px) 1fr;
    margin-top: 20px;
  }
}
@media (max-width: 620px) {
  .filter-panel {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
.filter-panel__dropdown .nice-select .option:hover, .filter-panel__dropdown .nice-select .option.focus, .filter-panel__dropdown .nice-select .option.selected.focus {
  background: var(--background);
}
.filter-panel__dropdown .nice-select {
  color: var(--black);
  float: none;
  border-radius: 0;
  border: 0.4px solid var(--gray);
  background: var(--darkgray);
  color: var(--lightgray);
  height: auto;
  padding: 12px 15px;
  line-height: 160%;
}
.filter-panel__dropdown .nice-select .option {
  line-height: 50px;
  min-height: 50px;
}
.filter-panel__dropdown .nice-select .option:first-child {
  display: none;
}
.filter-panel__dropdown .nice-select .list {
  right: 0;
  border-radius: 0;
  border: 0.4px solid var(--gray);
  background: var(--darkgray);
  color: var(--lightgray);
}
.filter-panel__dropdown .nice-select::after {
  border-bottom: 1px solid var(--lightgray);
  border-right: 1px solid var(--lightgray);
  right: 15px;
  width: 10px;
  height: 10px;
  top: calc(50% - 2px);
}

.search-form {
  position: relative;
  height: 100%;
}
.search-form input {
  /* height: 100%; */
  width: 91%;
  padding: 12px 15px;
  border: 0.4px solid var(--gray);
  background: var(--darkgray);
  color: var(--lightgray);
  font-size: 16px;
  line-height: 160%;
}
.search-form input::-moz-placeholder {
  color: var(--lightgray);
}
.search-form input::placeholder {
  color: var(--lightgray);
}
.search-form button {
  position: absolute;
  /* right: 15px; */
  left: 90%;
  top: 13px;
  width: 24px;
  height: 24px;
  background: transparent;
}
@media (max-width: 768px) {
  .search-form button {
    width: 18px;
    top: 15px;
    height: 18px;
  }
  .search-form button svg {
    width: 18px;
    height: auto;
  }
}
.search-form button:hover path {
  fill: var(--accent);
}

.catalog-city {
  margin-top: 48px;
  padding: 30px;
  border: 0.4px solid var(--gray);
  background: var(--darkgray);
}
@media (max-width: 992px) {
  .catalog-city {
    padding: 20px;
  }
}
@media (max-width: 520px) {
  .catalog-city {
    margin-top: 25px;
    padding: 12px;
  }
}
.catalog-city__title {
  font-style: italic;
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  color: var(--lightgray);
}
@media (max-width: 992px) {
  .catalog-city__title {
    font-size: 18px;
  }
}
.catalog-city__current {
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 520px) {
  .catalog-city__current {
    gap: 20px;
  }
}
.catalog-city__current span {
  font-style: italic;
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: #ECECEC;
}
@media (max-width: 520px) {
  .catalog-city__current span {
    font-size: 16px;
  }
}
.catalog-city__current .btn {
  width: auto;
  height: auto;
  padding: 11px 33px;
}
.catalog-city input {
  border-top: none;
  border-left: none;
  border-right: none;
}
.catalog-city .search-form button {
  top: auto;
  bottom: 16px;
}
@media (max-width: 768px) {
  .catalog-city .search-form button {
    bottom: 13px;
  }
}
.catalog-city__list {
  overflow: auto;
  margin-top: 16px;
  background: var(--lightgray);
  padding: 15px;
  line-height: 160%;
  color: var(--black);
  height: 328px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  -moz-column-gap: 46px;
       column-gap: 46px;
  row-gap: 8px;
}
.catalog-city__list a {
  color: inherit;
}
@media (max-width: 900px) {
  .catalog-city__list {
    height: 400px;
  }
}
@media (max-width: 768px) {
  .catalog-city__list {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}

.tags-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
@media (max-width: 1200px) {
  .tags-container {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .tags-container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tags-container .show-more-btn {
  line-height: 160%;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-align: center;
  color: var(--lightgray);
  cursor: pointer;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.tags-wrapper {
  /* Скрываем scrollbar для Chrome, Safari и Opera */
  /* Скрываем scrollbar для IE, Edge и Firefox */
  display: flex;
  overflow: auto;
  gap: 16px;
}
.tags-wrapper::-webkit-scrollbar {
  display: none;
}
.tags-wrapper {
  -ms-overflow-style: none; /* IE и Edge */
  scrollbar-width: none; /* Firefox */
}
@media (max-width: 1200px) {
  .tags-wrapper {
    gap: 12px;
  }
}
@media (max-width: 992px) {
  .tags-wrapper {
    width: 100%;
  }
}
.tags-wrapper span {
  min-width: -moz-fit-content;
  min-width: fit-content;
  line-height: 160%;
  text-align: center;
  color: var(--gray);
  background: var(--darkgray);
  border: 0.2px solid var(--gray);
  padding: 12px 15px;
  cursor: pointer;
  display: none;
}
.tags-wrapper span:hover, .tags-wrapper span.active {
  background: var(--accent);
  color: var(--black);
  border-color: var(--accent);
}
.tags-wrapper span.active {
  font-weight: 500;
}
.tags-wrapper span.visible {
  display: inline-block;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.pagination .page-item {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination .page-item.active {
  background: var(--accent);
  color: var(--black);
}
.pagination .page-item.active a {
  color: inherit;
}
.pagination .page-link:hover path {
  fill: var(--accent);
}

@media (min-width: 769px) {
  .toggle-filter-btn {
    display: none;
  }
}
/* Скрываем фильтр по умолчанию на мобильных */
@media (max-width: 768px) {
  .filter-form {
    display: none;
    padding: 10px;
    color: var(--gray);
    background: var(--darkgray);
    border: 0.2px solid var(--gray);
  }
  .filter-form .filter-title {
    display: none;
  }
  .filter-form .filter-title + .filter__item {
    margin-top: 10px;
  }
  .catalog {
    font-size: 14px;
  }
  .catalog .filter__item + .filter__item {
    margin-top: 20px;
  }
  .catalog .filter__item span + .custom-radio {
    margin-top: 8px;
  }
  .catalog .custom-radio + .custom-radio {
    margin-top: 4px;
  }
  .filter-form.open {
    display: block;
    margin-top: 10px;
  }
  .toggle-filter-btn {
    display: block;
    width: 100%;
    padding: 10px;
    padding-left: 40px;
    color: var(--gray);
    background: var(--darkgray);
    border: 0.2px solid var(--gray);
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1"><path d="M640 288a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 288z m123.456-96c-14.304-55.04-64-96-123.456-96s-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896V192h-132.544zM640 864a64 64 0 1 1 0.032-128.032A64 64 0 0 1 640 864m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h388.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64h-132.544c-14.304-55.04-64-96-123.456-96M384 576a64 64 0 1 1 0.032-128.032A64 64 0 0 1 384 576m0-192c-59.456 0-109.152 40.96-123.456 96H128v64h132.544c14.304 55.04 64 96 123.456 96s109.152-40.96 123.456-96H896v-64H507.456c-14.304-55.04-64-96-123.456-96" fill="%238d8d8d"/></svg>');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10px 50%;
  }
}
.user-form-section__wrapper {
  max-width: 623px;
  margin: 0 auto;
}

.user-form {
  line-height: 160%;
}
.user-form__title {
  display: block;
  font-weight: 700;
  font-size: 24px;
  color: var(--lightgray);
}
.user-form__input-wr {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}
.user-form__input-wr label {
  font-weight: 500;
  font-size: 18px;
  text-align: right;
  color: #ECECEC;
}
@media (min-width: 521px) {
  .user-form__input-wr label {
    flex: 0 1 100px;
  }
}
.user-form__input-wr input {
  padding: 15px;
  font-weight: 600;
}
@media (min-width: 521px) {
  .user-form__input-wr input {
    flex: 0 1 524px;
  }
}
.user-form__input-wr input::-moz-placeholder {
  color: var(--gray);
}
.user-form__input-wr input::placeholder {
  color: var(--gray);
}
@media (max-width: 520px) {
  .user-form__input-wr {
    flex-direction: column;
    align-items: flex-start;
  }
  .user-form__input-wr .hidden-label {
    display: none;
  }
  .user-form__input-wr input {
    width: 100%;
  }
}
.user-form__btn-wr {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 520px) {
  .user-form__btn-wr {
    gap: 20px;
  }
}
.user-form__btn-wr .btn {
  font-size: 16px;
  font-weight: 600;
}
.user-form__btn-wr .btn-secondary {
  color: var(--gray);
  border-color: var(--gray);
}
.user-form__btn-wr .btn-secondary:hover {
  color: var(--black);
  border-color: var(--accent);
}
@media (max-width: 500px) {
  .user-form .pt-24 {
    padding-top: 16px;
  }
  .user-form .pt-40 {
    padding-top: 24px;
  }
}

.fancybox__container:has(.login) .fancybox__backdrop {
  background: rgba(15, 15, 15, 0.7);
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
}

.mt-16 {
  margin-top: 16px;
}

.login {
  padding: 20px 0;
  line-height: 160%;
  --fancybox-content-bg: transparent;
}
.login .h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  text-transform: uppercase;
  text-align: center;
  color: #ECECEC;
}
.login__form {
  display: flex;
  flex-direction: column;
}
.login__form > .btn {
  margin-top: 24px;
}
.login input {
  padding: 15px;
  font-size: 16px;
  line-height: 160%;
  color: var(--darkgray);
}
.login input::-moz-placeholder {
  color: var(--darkgray);
}
.login input::placeholder {
  color: var(--darkgray);
}
.login input + input {
  margin-top: 20px;
}
.login form > input + a {
  padding-top: 16px;
  font-size: 15px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--lightgray);
}
.login__btn-wr {
  display: flex;
  padding-top: 32px;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 540px) {
  .login__btn-wr {
    flex-direction: column;
    gap: 16px;
    padding-top: 20px;
  }
}
.login__btn-wr .btn {
  font-size: 16px;
  font-weight: 500;
}
.login__btn-wr .btn-secondary {
  color: var(--gray);
  border-color: var(--gray);
}
.login__btn-wr .btn-secondary:hover {
  color: var(--black);
  border-color: var(--accent);
}
.login__privacy {
  padding-top: 16px;
  font-weight: 500;
  font-size: 16px;
  color: var(--lightgray);
}
.login__privacy a {
  color: var(--accent);
  font-style: italic;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.login__note {
  font-style: italic;
  font-size: 15px;
  line-height: 160%;
  color: var(--gray);
  padding-top: 12px;
}
.login .btn {
  font-size: 16px;
  font-weight: 500;
}
.login__privacy-wr {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.login__notice {
  color: var(--color);
  font-size: var(--size);
}

#reset form {
  border: 0.5px solid var(--gray);
  background: var(--darkgray);
  padding: 45px 110px;
}
@media (max-width: 768px) {
  #reset form {
    padding: 30px 15px;
  }
}

.w-100 {
  width: 100%;
}

.custom-checkbox input[type=checkbox] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox input[type=checkbox]:checked + label::before {
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center center;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="1280.000000pt" height="1253.000000pt" viewBox="0 0 1280.000000 1253.000000" preserveAspectRatio="xMidYMid meet"><metadata>Created by potrace 1.15, written by Peter Selinger 2001-2017</metadata><g transform="translate(0.000000,1253.000000) scale(0.100000,-0.100000)" fill="%23B9954A" stroke="none"><path d="M12000 12520 c-192 -27 -395 -98 -655 -230 -446 -225 -961 -590 -1620 -1149 -926 -785 -2158 -2000 -3466 -3416 -661 -717 -1389 -1537 -1913 -2157 -87 -104 -159 -188 -160 -188 -1 0 -67 34 -146 76 -255 134 -875 442 -1078 536 -849 391 -1441 595 -1912 659 -134 18 -368 13 -479 -10 -224 -48 -405 -181 -495 -366 -52 -104 -69 -183 -70 -310 -1 -105 1 -113 32 -177 29 -59 55 -87 235 -254 438 -407 919 -904 1273 -1315 792 -921 1625 -2167 2579 -3858 168 -297 234 -355 405 -355 66 0 96 5 132 21 113 51 158 111 238 313 135 341 398 964 565 1335 1285 2866 2820 5295 4654 7365 520 587 971 1049 1821 1866 665 640 790 788 844 1005 81 328 -187 601 -604 614 -63 2 -144 0 -180 -5z"/></g></svg>');
}
.custom-checkbox input[type=checkbox] + label {
  font-weight: 500;
  font-size: 16px;
  color: var(--lightgray);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  padding-left: 30px;
}
.custom-checkbox input[type=checkbox] + label a {
  color: var(--accent);
  font-style: italic;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.custom-checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 12px;
  border: 1px solid var(--lightgray);
}

.account h2 {
  font-size: 32px;
}
@media (max-width: 768px) {
  .account h2 {
    font-size: 24px;
  }
}

.logo-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 150px 20px 40px;
}
.logo-footer span {
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: #8D8D8D;
}
.logo-footer svg {
  max-width: 833px;
  width: 100%;
  height: auto;
}
@media (max-width: 520px) {
  .logo-footer {
    padding-top: 75px;
    gap: 8px;
  }
  .logo-footer span {
    font-size: 10px;
  }
}
/* Блок «Доступный автопарк [города]»: карточки автопарка сеткой 3x2.
   Именно grid, а не ширина в процентах по флексу: с gap у .catalog__inner
   три карточки по calc(33.333% - 20px) при округлении не влезали в строку */
.available-park .catalog__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.available-park .catalog__inner .car-item {
  width: auto;
}
.available-park__footer {
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .available-park .catalog__inner {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 650px) {
  .available-park .catalog__inner {
    grid-template-columns: 1fr;
  }
  .available-park .catalog__inner .car-item {
    width: auto !important;
  }
}

/* Блок «Ключевые деловые события [города]»: карточки со страницы форумов,
   тоже сеткой 3x2 (у .blog .catalog__inner свой нулевой gap — задаём явно) */
.business-events .catalog__inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.business-events .catalog__inner .car-item {
  width: auto;
}
/* в этом блоке обложки событий кадрируем, а не вписываем целиком */
.business-events .catalog__inner .car-item img {
  object-fit: cover;
}
/* кроме заглушки для событий без обложки — её вписываем целиком */
.business-events .catalog__inner .car-item img[src*="resources/config/logo"] {
  object-fit: contain;
}
.business-events__footer {
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .business-events .catalog__inner {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 650px) {
  .business-events .catalog__inner {
    grid-template-columns: 1fr;
  }
  .business-events .catalog__inner .car-item {
    width: auto !important;
  }
}