@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
}

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

.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-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: 180px
  }
}

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