@charset "UTF-8";

.find-cars {
  width: 100%;
  padding: var(--sp-spacing-32) 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: var(--sp-spacing-20)
}

@media (min-width: 961px) {
  .find-cars {
    padding: var(--sp-spacing-40) 0;
    gap: var(--sp-spacing-24)
  }
}

.find-cars.-search {
  padding: var(--sp-spacing-24) 0 var(--sp-spacing-20);
  gap: 0
}

@media (min-width: 961px) {
  .find-cars.-search {
    padding: var(--sp-spacing-24) 0 var(--sp-spacing-32)
  }
}

.find-cars.-search .find-cars__head-block {
  padding-bottom: var(--sp-spacing-20)
}

@media (min-width: 961px) {
  .find-cars.-search .find-cars__head-block {
    padding-bottom: var(--sp-spacing-24)
  }
}

.find-cars__head-block {
  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;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .find-cars__head-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0
  }
}

.find-cars__head {
  font-size: 40px;
  line-height: 100%;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
}

.find-cars__head_search {
  font-size: 32px;
  line-height: 110%;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.find-cars__model-content {
  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(--sp-spacing-10)
}

@media (min-width: 961px) {
  .find-cars__model-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--sp-spacing-24)
  }
}

.find-cars__model-name {
  font-size: 32px;
  line-height: 125%;
  font-weight: 600
}

@media (min-width: 961px) {
}
.find-cars__search-block {
  width: 100%
}

@media (min-width: 961px) {
  .find-cars__search-block {
    width: 340px
  }
}

.find-cars__search-block.-search {
  display: none
}

@media (min-width: 961px) {
  .find-cars__search-block.-search {
    /* width: 320px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.find-cars__result-keyword {
  padding-bottom: var(--sp-spacing-24);
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

@media (min-width: 961px) {
  .find-cars__result-keyword {
    font-size: 32px;
    line-height: 125%;
    font-weight: 600
  }
}

.conditional-search {
  width: 100%;
  margin-bottom: auto
}

.conditional-search.-filter {
  width: 100dvw;
  height: 100dvh;
  margin: 0;
  padding: var(--sp-spacing-24) var(--sp-spacing-16);
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-20);
  position: fixed;
  top: 0;
  left: 0;
  background: var(--clr-bg-palegray);
  overflow: scroll;
  z-index: 9999
}

@media (min-width: 961px) {
  .conditional-search.-filter {
    width: 100%;
    height: auto;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    background: none;
    overflow: visible
  }
}

.conditional-search.-filter.-is-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.conditional-search.-filter .form__radio-list.-row {
  padding: var(--sp-spacing-10) var(--sp-spacing-64) var(--sp-spacing-10) 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0
}

.conditional-search__head-inner {
  width: 100%;
  display: grid;
  grid-template-columns: auto 44px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-40)
}

@media (min-width: 961px) {
  .conditional-search__head-inner {
    display: none
  }
}

.conditional-search__head-inner .modal__close {
  grid-column: 2/-1;
  width: 44px;
  position: relative;
  top: auto;
  right: auto;
  pointer-events: all
}

.conditional-search__head-inner .modal__close:before {
  width: 24px
}

.conditional-search__form {
  width: 100%;
  padding: var(--sp-spacing-24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--clr-bg-white);
  border-radius: var(--rd-radius-Lv1)
}

.conditional-search__form:has(.conditional-search__detail-button.-is-open) .conditional-search__select-detail {
  overflow: visible
}

.conditional-search__form.-filter {
  padding: var(--sp-spacing-16);
  border: 1px solid var(--clr-border-middlegray)
}

.conditional-search__head {
  padding-bottom: var(--sp-spacing-16);
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.conditional-search__head-sub {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.conditional-search__inner {
  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;
  gap: var(--sp-spacing-24)
}

@media (min-width: 961px) {
  .conditional-search__inner {
    gap: var(--sp-spacing-16)
  }
}

.conditional-search__inner.-detail {
  padding: var(--sp-spacing-8) 0
}

.conditional-search__inner.-detail.-filter {
  padding: var(--sp-spacing-24) 0;
  gap: var(--sp-spacing-24);
  border-bottom: 1px solid var(--clr-border-middlegray)
}

.conditional-search__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: var(--sp-spacing-16)
}

.conditional-search__select-detail {
  display: none;
  -webkit-transition: .3s;
  transition: .3s;
  overflow: hidden
}

.conditional-search__select-list {
  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(--sp-spacing-24)
}

@media (min-width: 961px) {
  .conditional-search__select-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--sp-spacing-16)
  }
}

@media (min-width: 961px) {
  .conditional-search__select-list.-three-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
  }
}

@media (min-width: 961px) {
  .conditional-search__select-list.-four-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
  }
}

.conditional-search__select-list.-filter {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.conditional-search__range-inner {
  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;
  gap: var(--sp-spacing-4)
}

.conditional-search__range-slider {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.conditional-search__range-select-inner {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  gap: var(--sp-spacing-4)
}

.conditional-search__range-select-inner .form {
  grid-row: 1/-1;
  display: grid;
  grid-template-rows: subgrid;
  gap: var(--sp-spacing-4)
}

.conditional-search__range-select-inner .form:first-child {
  grid-column: 1/2
}

.conditional-search__range-select-inner .form:last-child {
  grid-column: 3/4
}

.conditional-search__range-select-inner .form .form__inner {
  grid-row: 1/-1;
  display: grid;
  grid-template-rows: subgrid
}

.conditional-search__range-select-inner .form .form__inner .select:before {
  width: 24px
}

.conditional-search__range-select-inner .form .form__inner .select:after {
  width: 24px
}

.conditional-search__range-select-inner .form .form__inner .select .select__field {
  padding: var(--sp-spacing-8)
}

.conditional-search__range-select-separator {
  grid-row: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400
}

.conditional-search__check-area {
  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(--sp-spacing-24)
}

@media (min-width: 961px) {
  .conditional-search__check-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0
  }
}

.conditional-search__detail-button-block {
  width: 100%;
  padding: var(--sp-spacing-16) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--clr-border-middlegray)
}

@media (min-width: 961px) {
  .conditional-search__detail-button-block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.conditional-search__detail-button {
  padding: var(--sp-spacing-6) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-4);
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600;
  cursor: pointer
}

.conditional-search__detail-button:before {
  content: "";
  width: 20px;
  height: 20px;
  background: var(--clr-text-black);
  -webkit-mask: url(/html/template/default/assets/img/icon_arrow.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_arrow.svg) no-repeat center/contain;
  -webkit-transition: .3s;
  transition: .3s
}

.conditional-search__detail-button .when-closed {
  display: block
}

.conditional-search__detail-button .when-opened {
  display: none
}

.conditional-search__detail-button.-is-open:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.conditional-search__detail-button.-is-open .when-closed {
  display: none
}

.conditional-search__detail-button.-is-open .when-opened {
  display: block
}

.conditional-search__detail-button.-filter:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_add.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_add.svg) no-repeat center/contain
}

.conditional-search__detail-button.-filter.-is-open:before {
  -webkit-mask: url(/html/template/default/assets/img/icon_remove.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_remove.svg) no-repeat center/contain;
  -webkit-transform: rotate(0deg);
  transform: rotate(0)
}

.conditional-search__color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--sp-spacing-16);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.conditional-search__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
}

.conditional-search__color-checkbox {
  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;
  position: relative;
  cursor: pointer
}

.conditional-search__color-checkbox:before {
  content: "";
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--clr-text-white);
  -webkit-mask: url(/html/template/default/assets/img/icon_check-default.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_check-default.svg) no-repeat center/contain;
  -webkit-mask-size: 24px;
  mask-size: 24px;
  position: absolute;
  opacity: 0;
  -webkit-box-shadow: 0 0 0 1px black;
  box-shadow: 0 0 0 1px #000;
  z-index: 2
}

.conditional-search__color-checkbox:after {
  content: "";
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: url(/html/template/default/assets/img/icon_check-default.svg) no-repeat center/contain;
  background-size: 24px;
  position: absolute;
  opacity: 0;
  -webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .8));
  z-index: 1
}

.conditional-search__color-checkbox input {
  display: none
}

.conditional-search__color-checkbox:has(input:checked):before, .conditional-search__color-checkbox:has(input:checked):after {
  opacity: 1
}

.conditional-search__color-checkbox:has(input:checked) .conditional-search__color-circle:before {
  opacity: 1
}

.conditional-search__color-checkbox.-white .conditional-search__color-circle {
  border: 1px solid var(--clr-border-middlegray)
}

.conditional-search__color-checkbox.-gray .conditional-search__color-circle {
  background: #a3a6aa
}

.conditional-search__color-checkbox.-black .conditional-search__color-circle {
  background: var(--clr-bg-black)
}

.conditional-search__color-checkbox.-gold .conditional-search__color-circle {
  background: linear-gradient(135deg, #f2de75 0, #fffcdc 45%, #d6be7f)
}

.conditional-search__color-checkbox.-pearl .conditional-search__color-circle {
  background: linear-gradient(135deg, #ede8d1 0, #fff 45%, #cabf8d)
}

.conditional-search__color-checkbox.-silver .conditional-search__color-circle {
  background: linear-gradient(135deg, #a7a7a5 0, #fff 45%, #646463)
}

.conditional-search__color-checkbox.-red .conditional-search__color-circle {
  background: #f4423b
}

.conditional-search__color-checkbox.-yellow .conditional-search__color-circle {
  background: #ffd600
}

.conditional-search__color-checkbox.-green .conditional-search__color-circle {
  background: #48ba4a
}

.conditional-search__color-checkbox.-blue .conditional-search__color-circle {
  background: #226fe7
}

.conditional-search__color-checkbox.-purple .conditional-search__color-circle {
  background: #660395
}

.conditional-search__color-checkbox.-beige .conditional-search__color-circle {
  background: #ebdcc5
}

.conditional-search__color-checkbox.-brown .conditional-search__color-circle {
  background: #954e15
}

.conditional-search__color-checkbox.-other .conditional-search__color-circle {
  background: conic-gradient(red, #ff6e00, #fff500, #c9f700, #8bfa00, #24ff00, #00ffa3, #0ff, #00a3ff, #0500ff, #7f00ff, #fa00ff, red)
}

.conditional-search__color-circle {
  width: 32px;
  height: 32px;
  margin: 3px;
  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-radius: var(--rd-radius-full);
  border: 1px solid var(--clr-border);
  position: relative
}

.conditional-search__color-circle:before {
  content: "";
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--rd-radius-full);
  border: 1px solid var(--clr-border-darkgray);
  position: absolute;
  opacity: 0
}

.conditional-search__color-name {
  font-size: 10px;
  line-height: 150%;
  font-weight: 400
}

.conditional-search__check-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sp-spacing-16) 0
}

@media (min-width: 961px) {
  .conditional-search__check-list {
    grid-template-columns: repeat(7, 1fr);
    gap: var(--sp-spacing-10) var(--sp-spacing-16)
  }
}

@media (min-width: 961px) {
  .conditional-search__check-list.-aside {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sp-spacing-10) 0
  }
}

.conditional-search__check-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .conditional-search__check-item.-aside-full {
    grid-column: 1/-1
  }
}

.conditional-search__search-inner {
  width: 100%;
  padding-top: var(--sp-spacing-24);
  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;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .conditional-search__search-inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    position: relative
  }
}

.conditional-search__search-inner.-filter {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: var(--sp-spacing-16)
}

.conditional-search__reset-conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-8);
  left: 0;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 500;
  cursor: pointer
}

.conditional-search__reset-conditions:before {
  content: "";
  width: 16px;
  height: 16px;
  background: var(--clr-text-black);
  -webkit-mask: url(/html/template/default/assets/img/icon_restore.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_restore.svg) no-repeat center/contain
}

@media (min-width: 961px) {
  .conditional-search__reset-conditions {
    position: absolute
  }
}

.conditional-search__reset-conditions.-filter {
  position: relative
}

.conditional-search__search-button {
  padding: var(--sp-spacing-16) var(--sp-spacing-40);
  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: var(--clr-button-red);
  border-radius: var(--rd-radius-Lv1)
}

@media (min-width: 961px) {
  .conditional-search__search-button:hover {
    background: var(--clr-button-red-hover)
  }
}

.conditional-search__search-button.-filter {
  width: 100%
}

.conditional-search__search-button.-calculate {
  width: 100%;
  background: var(--clr-text-black)
}

@media (min-width: 961px) {
  .conditional-search__search-button.-calculate:hover {
    background: var(--clr-bg-black)
  }
}

.conditional-search__search-button.-calculate .conditional-search__search-text:before {
  background: var(--clr-text-white);
  -webkit-mask: url(/html/template/default/assets/img/icon_calculator.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_calculator.svg) no-repeat center/contain
}

.conditional-search__search-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-6);
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 500;
  color: var(--clr-text-white)
}

.conditional-search__search-text:before {
  content: "";
  width: 20px;
  height: 20px;
  background: var(--clr-text-white);
  -webkit-mask: url(/html/template/default/assets/img/icon_search.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_search.svg) no-repeat center/contain
}

.conditional-search__search-line {
  width: 1px;
  height: 20px;
  margin: 0 var(--sp-spacing-10);
  background: var(--clr-bg-white)
}

.conditional-search__search-matches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: var(--sp-spacing-4);
  font-size: 12px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-white)
}

.conditional-search__search-number {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 500;
  color: var(--clr-text-white)
}

.conditional-search__hr {
  width: 100%;
  height: 1px;
  background: var(--clr-border-middlegray)
}

.search-result {
  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;
  gap: var(--sp-spacing-24)
}

.search-result__head {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .search-result__head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0
  }
}

.search-result__head-inner {
  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;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .search-result__head-inner {
    width: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--sp-spacing-32)
  }

   .search-result__head-inner.result-wrapper{
     gap: var(--sp-spacing-20);
   }

}

.search-result__head-block {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--sp-spacing-16) 0
}

@media (min-width: 961px) {
  .search-result__head-block {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0
  }
}

.search-result__opiton-inner {
  width: 100%;
  display: grid;
  grid-template-columns: auto 110px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .search-result__opiton-inner {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--sp-spacing-32)
  }
}

.search-result__result-number-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: var(--sp-spacing-4);
  font-size: 16px;
  line-height: 150%;
  font-weight: 400
}

.search-result__result-number {
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.search-result__filter-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: var(--sp-spacing-6) var(--sp-spacing-24) var(--sp-spacing-6) var(--sp-spacing-16);
  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: var(--clr-button-red);
  border-radius: var(--rd-radius-full);
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600;
  color: var(--clr-text-white)
}

.search-result__filter-button:before {
  content: "";
  width: 24px;
  height: 24px;
  background: var(--clr-text-white);
  -webkit-mask: url(/html/template/default/assets/img/icon_filter.svg) no-repeat center/contain;
  mask: url(/html/template/default/assets/img/icon_filter.svg) no-repeat center/contain
}

@media (min-width: 961px) {
  .search-result__filter-button {
    display: none
  }
}

.search-result__price-calculator {
  grid-column: 1/-1;
  border-radius: var(--rd-radius-Lv1)
}

@media (min-width: 961px) {
  .search-result__price-calculator {
    display: none
  }
}

.search-result__option-block {
  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(--sp-spacing-6)
}

@media (min-width: 961px) {
  .search-result__option-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--sp-spacing-12)
  }
}

.search-result__option-head {
  font-size: 13px;
  font-weight: 400
}

.search-result__sort-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .search-result__sort-block {
    width: 220px
  }
}

.search-result__items-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .search-result__items-block {
    width: 110px
  }
}

.search-result__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .search-result__inner {
    display: grid;
    grid-template-columns: 320px auto;
    gap: var(--sp-spacing-32)
  }
}

.search-result__aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .search-result__aside {
    margin-bottom: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--sp-spacing-20)
  }
}

.search-result__list-inner {
  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;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: var(--sp-spacing-24)
}

.search-result__special-banner {
  width: 100%;
  height: auto;
  aspect-ratio: 86/25;
  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-radius: var(--rd-radius-Lv1);
  overflow: hidden
}

.search-result__special-banner.-no-ratio {
  aspect-ratio: unset
}

.search-result__special-banner:is(a) {
  cursor: pointer
}

@media (min-width: 961px) {
  .search-result__special-banner:is(a):hover {
    opacity: .7
  }
}

.search-result__special-banner picture {
  width: 100%;
  height: 100%;
  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
}

.search-result__special-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.search-result__message {
  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;
  gap: var(--sp-spacing-16)
}

.search-result__message-head {
  font-size: 24px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

.search-result__message-read {
  font-size: 18px;
  line-height: 150%;
  font-weight: 400
}

.search-result__message-link {
  color: var(--clr-text-red);
  text-decoration: underline
}

@media (min-width: 961px) {
  .search-result__message-link:hover {
    text-decoration-color: transparent
  }
}

.search-result__list {
  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
}

.search-result__item {
  width: 100%;
  padding: var(--sp-spacing-20) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.search-result__item:first-child {
  padding: 0 0 var(--sp-spacing-20) 0
}

.search-result__item:last-child {
  padding: var(--sp-spacing-20) 0 0 0
}

.search-result__item:not(:last-child) {
  border-bottom: 1px solid var(--clr-border-middlegray)
}

.search-result__bottom {
  width: 100%;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .search-result__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0
  }
}

.search-result__bottom .text-link {
  margin-right: auto
}


@media (min-width: 961px) {
  .position-relative {
    position: relative;
  } 
  .z-11 { 
    z-index: 11;
  }
  .overflow-visible{
    overflow: visible !important;
  }
}


@media (min-width: 961px) {
  .find-cars-three{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .conditional-search__select-list.-three-items.find-cars-three > :nth-child(2) {
    grid-column: span 2;
  }
}
.custom-form-four{
    min-width:90px !important;
}

.error-car-three{
    display: grid !important;
    grid-template-columns: 1fr 1.5fr 1fr !important;
}
.custom-error-four{
    min-width:85px !important;
}
.custom-search-action{
        display: flex;
        justify-content: space-between !important;
        
       
}

@media (max-width: 960px) {
  .error-car-three {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .custom-search-action .search-area-button{
    top: 0 !important;
}
}
@media (max-width: 768px) {
  .error-car-three {
    display: grid;
  }
}

.price-calculator-nd-notice {
    display: flex;
    align-items: self-start;
    margin-top: 20px;
}

.price-calculator-nd-notice svg {
    width:100px;
   
}
.price-calculator-nd-notice__text p {
    font-size: 12px;
     margin: 0 0px 0 20px;
}
.price-calculator-nd-notice svg {
    width: 56px;
   
}

/* CSS FOR listing - 53 point for sale in country */
.sez-status__notice {
    padding: 10px;
   
    text-align: left;
   
}

.sez-status__notice-title {
    color: #dc3545;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.sez-status__notice-text {
    color: #555;
    font-size: 14px;
    line-height: 1.5;
}


.filters-wrapping {
    display: flex;
    transition: all 0.3s ease;
}

/* .filters-wrapping.show-more {
    display: block;
} */

.filter-color-circle.-white {
  border: 1px solid var(--clr-border-middlegray)
}

.filter-color-circle.-gray {
  background: #a3a6aa
}

.filter-color-circle.-black {
  background: var(--clr-bg-black)
}

.filter-color-circle.-gold {
  background: linear-gradient(135deg, #f2de75 0, #fffcdc 45%, #d6be7f)
}

.filter-color-circle.-pearl {
  background: linear-gradient(135deg, #ede8d1 0, #fff 45%, #cabf8d)
}

.filter-color-circle.-silver {
  background: linear-gradient(135deg, #a7a7a5 0, #fff 45%, #646463)
}

.filter-color-circle.-red {
  background: #f4423b
}

.filter-color-circle.-yellow {
  background: #ffd600
}

.filter-color-circle.-green {
  background: #48ba4a
}

.filter-color-circle.-blue {
  background: #226fe7
}

.filter-color-circle.-purple {
  background: #660395
}

.filter-color-circle.-beige {
  background: #ebdcc5
}

.filter-color-circle.-brown {
  background: #954e15
}

.filter-color-circle.-other {
  background: conic-gradient(red, #ff6e00, #fff500, #c9f700, #8bfa00, #24ff00, #00ffa3, #0ff, #00a3ff, #0500ff, #7f00ff, #fa00ff, red)
}

/* .filters-wrapping{
  position: relative;
}
.filters-wrapping.show-more {
    position: relative;
    padding-bottom: 40px;
}
.filters-wrapping .search-reset-wrap {
    position: absolute;
    right: 0;
}
.filters-wrapping.show-more .search-reset-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
} */

@media (min-width: 961px) {
  .used-car-wrap-colums-checklist {
      grid-template-columns: repeat(5, 1fr); 
  }

}


/* @media (max-width: 961px) {

  .filters-wrapping.show-more .search-reset-wrap {
    position: unset;
    right: 0;
  }


}

@media (max-width: 600px) {

  .filters-wrapping .search-reset-wrap {
    position: unset;
    right: 0;
  }


} */