/***/
.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;
}
@media (max-width: 767px) {
  .wheel-tires-filter {
    gap: 1rem;
  }
}

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

/** TW Category **/
.tw-categories__items, .tw-categories__item, .tw-categories__item .thumbnail {
  display: flex;
  align-items: center;
}
.tw-categories__items {
  justify-content: space-between;
  gap: 3vw;
}
.tw-categories__item {
  position: relative;
  width: 100%;
  padding: 10px;
  aspect-ratio: 455/355;
  z-index: 1;
  overflow: hidden;
  justify-content: center;
  flex-direction: column;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
  box-shadow: inset 4px 4px 5px rgba(247, 239, 213, 0.25);
  border-radius: 40px;
  transition: box-shadow 0.2s;
}
.tw-categories__item:hover {
  box-shadow: inset 4px 4px 5px rgba(228, 46, 11, 0.6);
}
.tw-categories__item .thumbnail {
  position: relative;
  width: 100%;
  height: 100%;
}
.tw-categories__item .thumbnail img {
  display: block;
  object-fit: contain;
}
.tw-categories__item_title {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 48px;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.16px;
  color: #FFFFFF;
}
@media (max-width: 1148px) {
  .tw-categories__items {
    justify-content: center;
    flex-wrap: wrap;
  }
  .tw-categories__item {
    width: 40%;
  }
  .tw-categories__item_title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .tw-categories__item {
    width: 100%;
  }
}

/* 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 {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), #9D9DDB;
  border: 3px solid #FFFFFF;
  backdrop-filter: blur(6.5px);
  border-radius: 32px;
  height: 100%;
  justify-content: flex-start;
}
.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: #12A7FB;
  border-color: #12A7FB;
  box-shadow: 0 4px 34px rgba(18, 167, 251, 0.3);
  margin-top: auto;
}
.new-part__item .btn-primary:hover, .new-part__item .btn-primary:focus {
  background-color: #0e8dd1;
  border-color: #0e8dd1;
  color: #fff;
}
.new-part__item .btn-primary:active {
  background-color: #0b6ca8;
  border-color: #0b6ca8;
  color: #fff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.new-part__item .btn-primary:disabled, .new-part__item .btn-primary.disabled {
  background-color: #12A7FB;
  border-color: #12A7FB;
  opacity: 0.65;
}
