@charset "UTF-8";
/***/
.wheel-tires-filter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  margin-bottom: 15px;
  align-items: center;
  gap: 1.2rem 1.5rem;
  width: 100%;
  position: relative;
  z-index: 99;
}
.wheel-tires-filter .order-last {
  order: 20;
}
@media (max-width: 767px) {
  .wheel-tires-filter {
    gap: 1rem;
  }
}

.wheel-tires {
  /** Select 2 **/
  /* ===== Текст вибраного елемента ===== */
  /* ===== Іконка-стрілка ===== */
  /* ===== Випадаючий список ===== */
  /* ===== Елементи списку ===== */
  /* ===== Обраний елемент у списку ===== */
}
.wheel-tires .custom-select-search, .wheel-tires .nice-select .list, .wheel-tires select {
  max-height: 260px;
  overflow-y: auto;
}
.wheel-tires .sgs-custom-select {
  position: relative;
  z-index: 10;
}
.wheel-tires .select2-container--open .select2-dropdown {
  z-index: 9999 !important;
  background-color: #1e1e25;
  border-radius: 0 !important;
  border: 0 !important;
}
.wheel-tires .select2-container .select2-selection--single {
  background-color: rgba(45, 45, 55, 0.8) !important;
  border: none;
  height: 56px;
  border-radius: 30px !important;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
}
.wheel-tires .select2-container .select2-selection--single .select2-selection__clear {
  margin-right: 10px;
  margin-left: 10px;
  padding-right: 0;
  color: #EC4740;
}
.wheel-tires .select2-selection__placeholder {
  padding: 12px;
}
.wheel-tires .select2-container--default .select2-selection__rendered {
  color: #fff;
  padding: 0 32px 0 0;
  font-family: "Montserrat-Medium", sans-serif;
  font-weight: 500;
}
.wheel-tires .select2-dropdown, .wheel-tires .select2-dropdown li {
  background: #1e1e25 !important;
}
.wheel-tires .select2-results {
  padding-bottom: 10px;
}
.wheel-tires .select2-container--default .select2-selection__arrow b {
  border-color: #5f5c5c transparent transparent transparent;
  border-width: 5px;
}
.wheel-tires .select2-selection--single .select2-selection__arrow {
  top: unset;
  height: 20px;
  width: 20px;
  margin: 0;
  right: 12px;
}
.wheel-tires .select2-container--default .select2-selection__arrow b,
.wheel-tires .select2-container--default.select2-container--open .select2-selection__arrow b {
  border-bottom: 2px solid #5f5c5c;
  border-right: 2px solid #5f5c5c;
  border-top: 0;
  border-left: 0;
  content: "";
  display: block;
  height: 10px;
  margin-top: -6px;
  pointer-events: none;
  position: absolute;
  right: 17px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 10px;
}
.wheel-tires .select2-container--default .select2-results > .select2-results__options {
  background-color: #1e1e25;
  color: #fff;
  width: 100%;
  margin: 0;
}
.wheel-tires .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  border-radius: 7px;
  height: 50px;
}
.wheel-tires .select2-container--default .select2-results__option--highlighted[aria-selected],
.wheel-tires .select2-container--default .select2-results__option--highlighted {
  background-color: rgba(75, 75, 97, 0.3) !important;
  color: #fff;
}
.wheel-tires .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(75, 75, 97, 0.3) !important;
}

.section-head {
  position: relative;
}
.section-head .section-title-bg {
  top: 80%;
  font-size: 50px;
  line-height: 1.2;
}

/** Main **/
.wheels-tires-wrap {
  /**/
}
.wheels-tires-wrap > section {
  padding: 60px 0 0;
}
.wheels-tires-wrap .section-wrapper {
  margin-bottom: 50px;
}
.wheels-tires-wrap .wheels-remark {
  background-image: url("../img/large-bg-wheels.webp");
  background-size: contain;
  background-position: 0;
}
@media screen and (max-width: 767px) {
  .wheels-tires-wrap > section {
    padding: 30px 0 0;
  }
  .wheels-tires-wrap .wheels-remark {
    background-size: 100vw;
  }
}

.wheel-tires-views .wheel-tires-filter label {
  display: none;
}
@media (max-width: 1148px) {
  .wheel-tires-views .car-parts__form {
    padding-top: 0;
  }
}
@media (max-width: 867px) {
  .wheel-tires-views .wheel-tires__block_info {
    margin-bottom: 0;
  }
}

.section-multi-search__wrapper, .section-multi-search__main {
  display: flex;
  align-items: center;
}
.section-multi-search__wrapper {
  justify-content: space-between;
  gap: 1rem;
}
.section-multi-search__main {
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
@media (max-width: 1200px) {
  .section-multi-search__wrapper {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }
  .section-multi-search .multi-search {
    width: 42%;
  }
  .section-multi-search__main {
    width: 100%;
    margin-bottom: 40px;
    order: -1;
  }
}
@media (max-width: 767px) {
  .section-multi-search__wrapper {
    gap: 16px;
    flex-direction: column;
  }
  .section-multi-search .multi-search {
    width: 100%;
  }
  .section-multi-search #main_search_section {
    padding: 0 0 20px;
  }
  .section-multi-search__main {
    margin-bottom: 0;
  }
}

/* multi search */
.multi-search {
  background: transparent;
  text-align: center;
}
.multi-search__title {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 15px;
  color: #fff;
}
.multi-search__list {
  list-style: none;
  margin: 0;
  padding: 0 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.multi-search__list select {
  width: 100%;
}
.multi-search__list li {
  position: relative;
}
.multi-search__list li .nice-select, .multi-search__list li select {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0 40px 0 15px;
  border-radius: 20px;
  border: none;
  background: #fff;
  font-size: 20px;
  color: #444;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.multi-search__list li .nice-select .current, .multi-search__list li select .current {
  font-size: 20px;
  color: #444;
}
.multi-search__list li .nice-select:after, .multi-search__list li select:after {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  width: 23px;
  height: 23px;
  margin: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6526 10.4211L12.3158 15.7579C12.1895 15.8842 12.0316 15.9474 11.8737 15.9474C11.7158 15.9474 11.5579 15.8842 11.4316 15.7579L6.34737 10.6737C6.09474 10.4211 6.09474 10.0421 6.34737 9.78947C6.6 9.53684 6.97895 9.53684 7.23158 9.78947L11.8737 14.4316L16.7684 9.53684C17.0211 9.28421 17.4 9.28421 17.6526 9.53684C17.9053 9.75789 17.9053 10.1684 17.6526 10.4211ZM24 12C24 18.6316 18.6316 24 12 24C5.36842 24 0 18.6316 0 12C0 5.36842 5.36842 0 12 0C18.6316 0 24 5.36842 24 12ZM22.7368 12C22.7368 6.06316 17.9368 1.26316 12 1.26316C6.06316 1.26316 1.26316 6.06316 1.26316 12C1.26316 17.9368 6.06316 22.7368 12 22.7368C17.9368 22.7368 22.7368 17.9368 22.7368 12Z' fill='%23353936' fill-opacity='0.78'/%3E%3C/svg%3E%0A");
  transition: transform 0.3s;
  border: none;
  transform-origin: unset;
}
.multi-search__list li .nice-select.open:after, .multi-search__list li select.open:after {
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
}
.multi-search__list li .nice-select .list, .multi-search__list li select .list {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  margin-top: 5px;
  width: 100%;
}
.multi-search__list li .nice-select .list .option, .multi-search__list li select .list .option {
  padding: 8px 10px;
  font-size: 16px;
  color: #444;
  line-height: 1.2;
  transition: background 0.2s;
}
.multi-search__list li .nice-select .list .option:hover, .multi-search__list li select .list .option:hover {
  background: #f2f2f2;
}
.multi-search__list li .nice-select .list .option.selected, .multi-search__list li select .list .option.selected {
  font-weight: 600;
  color: #000;
}
.multi-search .multi-search__button {
  margin-top: 15px;
  width: calc(100% - 20px);
  padding: 8px 10px;
  border: none;
  border-radius: 20px;
  background-color: #D92904;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
  text-transform: capitalize;
}
.multi-search .multi-search__button:hover {
  background-color: #c42e23;
}
@media screen and (max-width: 767px) {
  .multi-search__list {
    padding: 0;
  }
  .multi-search__list {
    width: 100%;
  }
  .multi-search__list li .nice-select .current {
    font-size: 16px;
  }
}

/* New Part */
.new-part__items {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}
.new-part__item, .new-part__item_img, .new-part__item_form {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.new-part__item_img, .new-part__item_form {
  justify-content: center;
}
.new-part__item {
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 32px;
  height: 100%;
  justify-content: flex-start;
  transition: all 0.2s;
}
.new-part__item:hover {
  background-color: #1f1f2b;
  border-color: #727188;
}
.new-part__item_img {
  aspect-ratio: 343/250;
  border-radius: 29px;
  overflow: hidden;
  background-color: #fff;
  flex-shrink: 0;
}
.new-part__item_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new-part__item_form {
  align-items: center;
  padding: 10px 14px;
  gap: 11px;
  height: 100%;
}
.new-part__item_name {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.16px;
  color: #FFFFFF;
}
.new-part__item_attrs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 16px;
  gap: 11px;
}
.new-part__item_attrs, .new-part__item_name, .new-part__item_attrs .price {
  width: 100%;
}
.new-part__item_attrs .price {
  align-self: center;
  font-weight: 600;
  text-align: center;
}
.new-part__item_attrs .price span {
  font-size: 20px;
}
.new-part__item .btn-primary {
  background-color: rgba(75, 75, 97, 0.3);
  box-shadow: none;
}
.new-part__item .btn-primary:hover, .new-part__item .btn-primary:focus {
  color: #fff;
}
.new-part__item .btn-primary:active {
  color: #fff;
}
.new-part__item .btn-primary:disabled, .new-part__item .btn-primary.disabled {
  opacity: 0.65;
}

/*# sourceMappingURL=wheel-tires.css.map */