

/* Start:/local/templates/volt/assets/bx-styles/filter.css?17907591107691*/
[data-catalog-page-header] .brands__list {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  justify-content: center;
}

[data-catalog-page-header] .brands__wrap {
  flex: 1 1 0;
  min-width: 0;
}
[data-catalog-page-header] .brands__item {
  height: 80px;
  margin-bottom: 0;
}
[data-catalog-page-header] .brands__item picture {
  display: block;
  width: 100%;
}
[data-catalog-page-header] .brands__item img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width:1023px) {
  [data-catalog-page-header] .brands__list {
    flex-wrap: wrap;
    gap: 12px;
  }
  [data-catalog-page-header] .brands__wrap {
    flex: 0 1 calc(25% - 12px);
  }
  [data-catalog-page-header] .brands__item {
    height: 60px;
  }
}
.title-block.catalog-model-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.catalog-model-title .title-block__text {
  min-width: 0;
  margin: 0;
}
.catalog-model-title__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 16px;
  padding: 16px 24px;
  min-height: 52px;
  border: 1px solid #02283b;
  border-radius: 50px;
  color: #02283b;
  font-size: 14px;
  line-height: 20px;
  transition: color .35s, background-color .35s;
}
.catalog-model-title__link svg {
  flex-shrink: 0;
}
.catalog-model-title__link:hover {
  color: #fff;
  background-color: #02283b;
}
.catalog-model-title__link:focus-visible {
  outline: 2px solid #02283b;
  outline-offset: 4px;
}
@media (max-width:767px) {
  .title-block.catalog-model-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
  .catalog-model-title__link {
    max-width: 100%;
    min-height: 44px;
    padding: 12px 20px;
  }
}
.catalog-brand-models {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 40px;
}
.catalog-brand-models__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 24px;
  border: 1px solid #02283b;
  border-radius: 50px;
  color: #02283b;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  transition: color .35s, background-color .35s;
}
.catalog-brand-models__link:hover {
  color: #fff;
  background-color: #02283b;
}
.catalog-brand-models__link:focus-visible {
  outline: 2px solid #02283b;
  outline-offset: 4px;
}
@media (max-width:767px) {
  .catalog-brand-models {
    gap: 10px;
    margin-bottom: 30px;
  }
  .catalog-brand-models__link {
    padding: 10px 18px;
  }
}
.filter {
  margin-bottom: 60px
}
.filter__form.filter__form-news .filter__wrap {
  margin: 0
}
.filter__form.filter__form-news .filter__item {
  width: 280px!important;
  margin-bottom: 0
}
.filter__wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 44px
}
.filter__wrap_all .filter__item {
  display: block;
  width: calc((100%)/ 5)
}
.filter__wrap_all .filter__item:nth-child(1),
.filter__wrap_all .filter__item:nth-child(2),
.filter__wrap_all .filter__item:nth-child(3),
.filter__wrap_all .filter__item:nth-child(4) {
  width: calc((100% - 470px)/ 4)
}
.filter__wrap_all .filter__item_reset-btn {
  width: 170px
}
.filter__wrap_all .filter__item_btn {
  width: 300px
}
.filter__item {
  display: none;
  margin-bottom: 16px;
  padding-left: 6px;
  padding-right: 6px
}
.filter__item:nth-child(1),
.filter__item:nth-child(2),
.filter__item:nth-child(3),
.filter__item:nth-child(4) {
  display: block;
  width: calc((100% - 470px)/ 4)
}
.filter__item_btn {
  display: block;
  width: 300px
}
.filter__item_sm {
  width: calc((100% - 746px)/ 3)
}
.filter__item_reset {
  width: 186px
}
.filter__item_reset-btn {
  display: flex;
  width: 170px
}
.filter__btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 17px 10px;
  border-radius: 30px;
  background-color: #02283b
}
.filter__btn-wrap_gray {
  background-color: #edf1f2
}
.filter__btn-wrap_gray .filter__btn {
  color: #02283b
}
.filter__btn {
  padding: 0 14px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #fff;
  background-color: transparent;
  border: none;
  pointer-events: none
}
.filter__btn-show-more {
  padding: 0 0 0 14px;
  line-height: 0;
  background-color: transparent;
  border: none;
  border-left: 1px solid #fffFFF1A;
  cursor: pointer;
  transition: .35s
}
.filter__btn-show-more:not(.active):hover {
  opacity: .7
}
.filter__label {
  position: relative
}
.filter__label-text {
  position: absolute;
  top: 50%;
  left: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(0,0,0,.7);
  transform: translateY(-50%)
}
.filter__input {
  width: 100%;
  height: 60px;
  padding-left: 88px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: #000;
  border-radius: 40px;
  border: 1px solid #02283B4D;
  transition: .35s
}
.filter__input::-webkit-inner-spin-button,
.filter__input::-webkit-outer-spin-button {
  -webkit-appearance: none
}
.filter__input_b-indent {
  padding-left: 133px
}
.filter__input:hover {
  border-color: #02283b
}
.filter__reset-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  color: #02283b;
  background-color: transparent;
  border-radius: 30px;
  border: 1px solid #02283b;
  cursor: pointer;
  transition: .35s
}
.filter__reset-btn:not(.active):hover {
  opacity: .7
}
.filter__reset-btn svg {
  color: #02283b;
  margin-left: 14px
}
.filter__checkbox-wrap {
  display: flex;
  flex-direction: column
}
.filter__text {
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  color: #02283B99
}
.filter__checkbox-row {
  display: flex
}
.filter__checkbox-block:not(:last-child) {
  margin-right: 24px
}
.filter__wrap-mob {
  display: none
}
@media (max-width:1500px) {
  .filter__wrap {
    margin-bottom: 20px
  }
}
@media (max-width:1460px) {
  .filter__form.filter__form-news .filter__item {
    width: 280px!important
  }
  .filter__wrap_all .filter__item {
    width: 25%!important
  }
  .filter__wrap_all .filter__item:nth-child(1),
  .filter__wrap_all .filter__item:nth-child(2) {
    order: -1
  }
  .filter__wrap_all .filter__item_btn,
  .filter__wrap_all .filter__item_reset-btn {
    order: -1
  }
  .filter__item {
    width: 25%!important
  }
  .filter__item:nth-child(1),
  .filter__item:nth-child(2) {
    order: -1
  }
  .filter__item_btn,
  .filter__item_reset-btn {
    order: -1
  }
}
@media (max-width:1200px) {
  .filter__item {
    width: 33.3333%
  }
}
@media (max-width:1024px) {
  .filter__wrap_all .filter__item {
    width: 100%!important
  }
  .filter__wrap_all .filter__item_btn,
  .filter__wrap_all .filter__item_reset-btn {
    order: 5
  }
  .filter__item {
    width: 100%!important;
    margin-bottom: 10px
  }
  .filter__item_btn,
  .filter__item_reset-btn {
    order: 5
  }
}
@media (max-width:1023px) {
  .filter {
    margin-bottom: 30px
  }
  .filter__wrap-mob {
    display: block
  }
}
@media (max-width:767px) {
  .filter__form.filter__form-news .filter__item {
    margin-left: -6px
  }
}
@media (max-width:600px) {
  .filter__item_btn {
    position: sticky;
    bottom: 25px;
    z-index: 20
  }
  .filter__item {
    width: 100%
  }
}
@media (max-width:577px) {
  .filter__form.filter__form-news {
    width: 100%
  }
  .filter__form.filter__form-news .filter__item {
    width: 100%!important;
    margin-bottom: 6px
  }
  .filter__form.filter__form-news .filter__item .filter__btn-wrap {
    justify-content: space-between;
    padding: 17px 24px
  }
}

/* End */
/* /local/templates/volt/assets/bx-styles/filter.css?17907591107691 */
