/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-PRODUCT-SEARCH -------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-product-search {
  min-height: 1040px;
}
.m-product-search-titleCT.subTitle {
  font-size: 20px;
  line-height: 35px;
}
.m-product-search-titleCT.mainTitle {
  margin-bottom: 40px;
  font-size: 60px;
  line-height: 70px;
}

/* ---------- 閫夋嫨椤� ---------- */
.m-product-search-start {
  padding: 221px 0 102px 0!important;
}
.m-product-search-start-main.selectTxtCT {
  font-size: 40px;
  line-height: 50px;
}
.m-product-search-start-main .selectTxt {
  margin-bottom: 15px;
}
.m-product-search-start-main .selectTxt::after {
  content: '';
  display: inline-flex;
  margin: 0 0 0 10px;
  width: 32px;
  height: 32px;
  background: url('../images/nan/arrow_right.svg') no-repeat center / 100% 100%;
}

/* ---------- 鍐呴儴閫夋嫨椤� - 鍏辩敤 ---------- */
.m-product-search-navBar {
  padding: 0 109px 0 105px;
  margin-bottom: 63px;
  font-size: 18px;
  line-height: 26px;
  height: 26px;
}
.m-product-search-navBar .left {
  margin: 0 10px 0 0;
  width: 18px;
  height: 18px;
  transform: scaleX(-1);
  background: url('../images/nan/arrow_right.svg') no-repeat center / 100% 100%;
}

/* ---------- 渚濈収杞﹁締瀵绘壘 ---------- */
.m-product-search-byVehichle {
  padding: 159px 0 102px 0!important;
}

.m-product-search-byVehichle .selectStepCT {
  margin-bottom: 13px;
  width: 460px!important;
  height: 57px;
}

/* ---------- 渚濈収灏哄瀵绘壘 ---------- */
.m-product-search-bySize {
  padding: 159px 0 102px 0!important;
}

.m-product-search-bySize .selectStepCT {
  margin: 0 10px 0 10px;
  width: 100px;
  height: 60px;
}

/* 缁嗚妭閫夋嫨鍏辩敤 */
.m-product-search-input {
  font-size: 18px;
  border-radius: 0!important;
  border-color: #F4F4F4;
  background-color: #F4F4F4;
}
.m-product-search-byVehichle .m-product-search-input {
  line-height: 57px;
}
.m-product-search-bySize .m-product-search-input {
  line-height: 60px;
}

.m-product-search-input:focus {
  box-shadow: none;
}
.m-product-search-input-checked {
  margin-right: 30px;
  width: 18px;
  background: url('../images/nan/search_check.svg') no-repeat center / 100% 100%;
}

.m-product-search-select {
  border-radius: 0!important;
  border-color: #FBFBFB;
  background-color: #FBFBFB;
  z-index: 500;
}
.m-product-search-select:focus {
  border-color: #FBFBFB;
  box-shadow: none;
}

.m-product-search-select option {
  height: 40px;
}

.m-product-search-select option:hover,
.m-product-search-select option:checked {
  font-weight: bold;
  background-color: #F4F4F4;
}

.m-product-search-skipBtn {
  margin-top: 30px;
  height: 24px;
  font-size: 18px;
  line-height: 24px;
  border-bottom: 1px solid black;
}
.m-product-search-searchBtn.pe-none {
  border-color: #C8C8C8;
  color: #C8C8C8;
}

.m-product-search-tipCT {
  margin-bottom: 60px;
  width: 460px;
  height: 100px;
  background: url('../images/nan/search_tipbg.png') no-repeat center / 100% 100%;
}
.m-product-search-tipTxt {
  font-size: 18px;
  line-height: 24px;
}
.m-product-search-tipIcon {
  margin-right: 35px;
  margin-left: 15px;
  width: 32px;
  height: 32px;
  background: url('../images/nan/search_tip_arrow.svg') no-repeat center / 100% 100%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-SEARCH-RESULT -------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-product-search-result-title {
  padding: 200px 0 90px 0;
}
.m-product-search-result-title .subTitle {
  font-size: 35px;
  line-height: 50px;
}
.m-product-search-result-title .mainTitle {
  font-size: 90px;
  line-height: 100px;
}

/* ---------- 宸︿晶 ---------- */
.m-product-search-result-leftCT {
  padding: 185px 144px 0 106px!important;
}
.m-product-search-result-leftCT > div:first-child {
  margin-bottom: 90px;
}

.m-product-search-result-leftCT .filterCT-titleCT {
  margin-bottom: 30px;
}
.m-product-search-result-leftCT .preferCT-titleCT {
  margin-bottom: 40px;
}
.m-product-search-result-leftCT .filterCT-title, .m-product-search-result-leftCT .preferCT-title {
  font-size: 30px;
  line-height: 40px;
}
.m-product-search-result-leftCT .preferCT-title-icon {
  width: 40.5px;
  height: 40.5px;
  background: url('../images/nan/filter_open.svg') no-repeat center / 100% 100%;
}
.m-product-search-result-leftCT .preferCT-title-icon.close {
  background: url('../images/nan/filter_close.svg') no-repeat center / 100% 100%;
}

.m-product-search-result-leftCT .filterCT-clearBtn, .m-product-search-result-leftCT .preferCT-addBtn {
  font-size: 18px;
  line-height: 24px;
  color: #FFA500;
}

/* 瀛愰」鏍囬 */
/* filter */
.m-product-search-result-leftCT .filterCT-part-titleCT {
  margin-bottom: 10px;
}
.m-product-search-result-leftCT .filterCT-part-title {
  font-size: 18px;
  line-height: 24px;
}
.m-product-search-result-leftCT .filterCT-part-icon {
  width: 40.5px;
  height: 40.5px;
  background: url('../images/nan/filter_open.svg') no-repeat center / 100% 100%;
}
.m-product-search-result-leftCT .filterCT-part-icon.close {
  background: url('../images/nan/filter_close.svg') no-repeat center / 100% 100%;
}

/* prefer */
.m-product-search-result-leftCT .preferCT-part-titleCT {
  padding-top: 18px;
  border-top: 1px solid black;
}
.m-product-search-result-leftCT .preferCT-part-title {
  font-size: 18px;
  line-height: 24px;
}
.m-product-search-result-leftCT .preferCT-part-icon {
  font-size: 18px;
  line-height: 24px;
  color: #FFA500;
}

/* 瀛愰」鍒楄〃 */
/* filter */
.m-product-search-result-leftCT .filterCT-part-detailCT {
  margin-bottom: 30px;
  max-height: 400px;
}
.m-product-search-result-leftCT .filterCT-part-detailCT .form-check {
  padding: 0!important;
  margin: 10px 0 0 0!important;
}
.filterCT-part-detailCT .form-check .form-check-inputCT {
  margin-right: 10px;
  width: 32px;
  height: 32px;
}
.filterCT-part-detailCT .form-check .form-check-input {
  margin: 0!important;
  width: 19px;
  height: 19px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid black;
}
.filterCT-part-detailCT .form-check .form-check-input:checked {
  background: white url('../images/nan/filter_checkbox_checked.svg') no-repeat center / 100% 100%;
  border: 1px solid #FFA500;
}
.filterCT-part-detailCT .form-check .form-check-label {
  font-size: 18px;
  line-height: 24px;
}

/* prefer */
.m-product-search-result-leftCT .preferCT-part-detailCT {
  padding-bottom: 18px;
  font-size: 30px;
  line-height: 40px;
}

/* ---------- 鍙充晶 ---------- */
.m-product-search-result-rightCT {
  padding: 90px 0 0 0!important;
}
.m-product-search-result-rightCT .resultTitle {
  margin-bottom: 90px;
  font-size: 60px;
  line-height: 70px;
}
.m-product-search-result-rightCT .perProductCT {
  padding: 58px 0 40px 0;
  margin-bottom: 90px;
  width: 370px;
  height: 723px;
}
.perProductCT > .proImgCT {
  width: 250px;
  height: 311px;
}
.perProductCT .proImg {
  width: 230px;
  height: 300px;
}
.perProductCT .proInfoTitle {
  font-size: 30px;
  line-height: 40px;
}
.perProductCT .proInfoSubTitle {
  margin-top: 5px;
  font-size: 24px;
  line-height: 35px;
}
 
.perProductCT .proInfoIcons {
  margin-top: 15px;
  height: 50px;
}
.perProductCT .perProInfoIcon {
  margin: 0 7.5px 0 7.5px;
  width: 50px;
}
.perProductCT .perProInfoIcon.suv {
  background: url('../images/nan/tire_icon/passenger_suv.svg') no-repeat center / 100% 100%;
}
.perProductCT .perProInfoIcon.car {
  background: url('../images/nan/tire_icon/passenger_car.svg') no-repeat center / 100% 100%;
}
.perProductCT .perProInfoIcon.winter {
  background: url('../images/nan/tire_icon/winter_season.svg') no-repeat center / 100% 100%;
}
.perProductCT .perProInfoIcon.allseason {
  background: url('../images/nan/tire_icon/all_season.svg') no-repeat center / 100% 100%;
}
.perProductCT .perProInfoIcon.silent {
  background: url('../images/nan/tire_icon/Silent.svg') no-repeat center / 100% 100%;
}
.perProductCT .perProInfoIcon.ssr {
  background: url('../images/nan/tire_icon/SSR.svg') no-repeat center / 100% 100%;
}
.perProductCT .perProInfoIcon.cs {
  background: url('../images/nan/tire_icon/CS.svg') no-repeat center / 100% 100%;
}
.perProductCT .perProInfoIcon.ev {
  background: url('../images/nan/tire_icon/EV.svg') no-repeat center / 100% 100%;
}

.perProductCT .proInfoLink {
  margin-top: 30px;
  height: 25px;
  font-size: 18px;
  line-height: 24px;
}



@media (max-width: 767.98px) {
  .m-product-search {
    min-height: 732px;
  }
  .m-product-search-titleCT.subTitle {
    font-size: 18px;
    line-height: 26px;
  }
  .m-product-search-titleCT.mainTitle {
    font-size: 38px;
    line-height: 44px;
  }

  /* ---------- 閫夋嫨椤� ---------- */
  .m-product-search-start {
    padding: 130px 0 40px 0!important;
  }
  .m-product-search-start-main.selectTxtCT {
    font-size: 26px;
    line-height: 32px;
  }
  .m-product-search-start-main .selectTxt {
    margin-bottom: 20px;
  }
  .m-product-search-start-main .selectTxt::after {
    margin: 0 0 0 15px;
    width: 18px;
    height: 18px;
  }

  .m-product-search-navBar {
    padding: 0 12px 0 12px;
    margin-bottom: 15px;
  }

  .m-product-search-byVehichle {
    padding: 129px 0 102px 0!important;
  }
  .m-product-search-byVehichle .selectStepCT-S {
    margin-bottom: 10px;
    height: 57px;
  }
  .m-product-search-bySize {
    padding: 129px 0 102px 0!important;
  }
  .m-product-search-bySize .selectStepCT-S {
    margin-bottom: 10px;
    height: 60px;
  }

  .m-product-search-input-checkedOutter {
    width: 18px;
    background-color: #F4F4F4;
  }
  .m-product-search-input-checked-S {
    background: url('../images/nan/search_check.svg') no-repeat center / 100% 100%;
  }

  .m-product-search-result-title {
    padding: 120px 0 40px 0;
  }
  .m-product-search-result-title .subTitle {
    font-size: 18px;
    line-height: 26px;
  }
  .m-product-search-result-title .mainTitle {
    font-size: 38px;
    line-height: 44px;
  }

  /* ---------- 宸︿晶 ---------- */
  .m-product-search-result-leftCT {
    padding: 0 12px 0 12px!important;
  }
  .m-product-search-result-leftCT .filterCT-part-detailCT {
    max-height: 300px;
  }

  /* ---------- 鍙充晶 ---------- */
  .m-product-search-result-rightCT .resultTitle {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 38px;
  }
  .m-product-search-result-rightCT .perProductCT {
    padding: 42px 0 40px 0;
    margin-bottom: 40px;
    height: 591px;
  }
  .perProductCT > .proImgCT {
    width: 208px;
    height: 258px;
  }
  .perProductCT .proImg {
    width: 192px;
    height: 250px;
  }
  .perProductCT .proInfoTitle {
    font-size: 22px;
    line-height: 30px;
  }
  .perProductCT .proInfoSubTitle {
    font-size: 18px;
    line-height: 24px;
  }
}