#page_productList{background:#fff; min-height:calc(100vh - 678px);}
#page_productList .searchBar{display:none;}
#page_productList .pageTitle{font-size:18px; line-height:1; font-family:'acuminprosemicond-bold';}
#page_productList .pageContainer{margin:auto; padding:60px var(--main-page-margin); width:100%; box-sizing:border-box; display:flex; position:relative;}
/*      #page_productList .pageContainer:before{content:''; display:block; width:calc(100% - 120px); height:1px; background-color:#bbb; position:absolute; top:0;}*/

#page_productList .btnFilterSort{display:none;}
#pc_productList_filters{width:360px; box-sizing:border-box; background:#fff; padding-right:50px;}
#pc_productList_filters .dialogBar{position:sticky; top:130px;}
#pc_productList_filters .dialogBar .btnClose{display:none;}
#pc_productList_filters .btnSub{display:none;}
#pc_productList_filters .breadcrumbs{color:#7E7E7E; font-family:"acuminprosemicond-regular";}
#pc_productList_filters .breadcrumbs .active{color:#262626;}
#pc_productList_filters .scrollBar{height:calc(100vh - 244px); overflow:auto; padding-right:10px;}
#pc_productList_filters .selectedBar{display:flex;}
#pc_productList_filters .filtersAdd{cursor:pointer; font-size:25px; color:#fff; background:#48753C; display:inline-block; border-radius:200px; height:40px; line-height:44px; padding:0 20px;}
#pc_productList_filters .filtersAdd i{font-size:17px;}
#pc_productList_filters .selectedLi{margin-left:20px; background:#F5F5F5; height:40px; line-height:40px; padding:0 20px; border-radius:200px; font-size:20px;}
#pc_productList_filters .selectedLi i{cursor:pointer;}
#pc_productList_filters .clearBtn{cursor:pointer; font-weight:Light; margin-left:20px; height:40px; line-height:40px; padding:0 20px; border-radius:200px; font-size:20px;}

#pc_productList_filters .filtersLi{margin-top:30px;}
#pc_productList_filters .filtersLi .titleBar{display:flex; justify-content:space-between; cursor:pointer;}
#pc_productList_filters .filtersLi .titleBar .title{font-size:18px; font-family:"acuminprosemicond-bold";}
#pc_productList_filters .filtersLi.open .filterItemsColor{display:flex;}
#pc_productList_filters .filtersLi.open .filterItemsSize{display:grid;}
#pc_productList_filters .filtersLi.open .filterItemsCheckbox{display:block;}

#pc_productList_filters .filtersLi .filterItemsColor{display:none; flex-wrap:wrap; margin:0 -4px;}
#pc_productList_filters .filtersLi .filterItemsColor .filterItem{width:38px; margin-top:10px;}
#pc_productList_filters .filtersLi .filterItemsColor .filterItem .colorItem{padding-top:40%; margin:0 4px; cursor:pointer; position:relative;}
#pc_productList_filters .filtersLi .filterItemsColor .filterItemChk:checked+.colorItem{pointer-events:none;}
#pc_productList_filters .filtersLi .filterItemsColor .filterItem .colorItem.white{box-shadow:0px 0px 0px 1px #ccc inset;}
#pc_productList_filters .filtersLi .filterItemsColor .filterItemChk:checked+.colorItem.white .activeBorder{border-color:#ccc !important;}
#pc_productList_filters .filtersLi .filterItemsColor .filterItemChk:checked+.colorItem .activeBorder{border:1px solid #ccc; position:absolute; top:-2px; bottom:-2px; left:-2px; right:-2px;}
#pc_productList_filters .filtersLi .filterItemsSize{display:none; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:5px; width:100%;}
#pc_productList_filters .filtersLi .filterItemsSize .label{background:#f2f2f2; width:100%; text-align:center; height:40px; line-height:42px; margin-left:0; box-sizing:border-box;}
#pc_productList_filters .filtersLi .filterItemsSize .inputChk:checked+.label{border:1px solid #999;}
#pc_productList_filters .filtersLi .filterItemsCheckbox{display:none; margin-top:15px;}
#pc_productList_filters .filtersLi .filterItemsCheckbox .filterItem{display:flex; margin-bottom:10px;}
#pc_productList_filters .filtersLi .filterItemsCheckbox .filterItem .filterItemChk{width:20px; height:20px; margin-right:7px;}
#pc_productList_filters .filtersLi .filterItemsCheckbox .filterItem .label{font-size:14px; line-height:25px;}

#pc_productList_list{width:100%;}
#pc_productList_list .sortAndSee{display:flex; justify-content:space-between; font-size:14px; font-family:"acuminprosemicond-regular";}
#pc_productList_list .productList{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:15px;}
#pc_productList_list .productList .productList_itemBar{width:100%; margin-bottom:30px;}
#pc_productList_list .productList #pc_productList_filters .filtersLi .filterItemsColor{margin-bottom:60px;}
.noData{text-align:center; width:100%; font-size:21px; color:#666; padding:130px 0; animation:dataNonuMove 2s;}

@media(max-width:1024px){
  #page_productList .pageContainer{padding:25px; display:block;}

  #page_productList .searchBar{display:block; padding:25px;}
  #page_productList .searchBar .inputBar{display:flex;border:1px solid #7E7E7E; box-sizing:border-box;}
  #page_productList .searchBar .inputBar .iconBar{height:55px; line-height:55px; padding-left:20px; font-size:20px;}
  #page_productList .searchBar .inputBar .input{width:100%;}
  #page_productList .searchBar .inputBar .input input{padding:0 18px; font-size:16px; line-height:55px; width:100%; height:55px; background:#fff; box-sizing:border-box; border:0; outline:none;}

  #page_productList .btnFilterSort{display:block;}
  #pc_productList_filters{display:none; position:fixed; width:100%; height:100vh; left:0; right:0; top:0; bottom:0; z-index:12;}
  #pc_productList_filters.show{display:block;}
  #pc_productList_filters .mask{position:fixed; left:0; right:0; top:0; bottom:0; background:#000; opacity:0.5;}
  #pc_productList_filters .dialogBar{width:90%; box-sizing:border-box; padding:75px 15px 0; height:100vh; position:absolute; margin:auto; left:0; top:0; bottom:0; background-color:#fff;}
  #pc_productList_filters .dialogBar .btnClose{display:block; position:absolute; top:10px; right:10px; padding:10px; font-size:22px; cursor:pointer;}
  #pc_productList_filters .breadcrumbs{padding:0 10px;}
  #pc_productList_filters .scrollBar{max-height:calc(100vh - 210px); margin-top:20px; padding:0 10px; overflow-x:hidden; overflow-y:auto;}
  #pc_productList_filters .filtersLi:nth-child(1){margin-top:10px;}
  #pc_productList_filters .filtersLi .filterItemsColor .filterItem{width:20%;}
  #pc_productList_filters .btnSub{display:block; margin-top:25px; height:50px; line-height:50px; background:#262626; font-size:18px;}

  #pc_productList_list{}
  #pc_productList_list .sortAndSee{margin-top:16px; font-size:14px; color:#7e7e7e;}
  #pc_productList_list .sortAndSee .btnFilter{height:26px; line-height:20px;}
  #pc_productList_list .sortAndSee .btnFilter i{font-size:12px;}
  #pc_productList_list .sortAndSee .see{font-size:14px;}
  #pc_productList_list .sortAndSee .public-selector.sm .select{font-size:inherit;}
  #pc_productList_list .productList{grid-template-columns: repeat(2, minmax(0, 1fr));}
  #pc_productList_list .productList #pc_productList_filters .filtersLi .filterItemsColor{width:50%; margin-bottom:60px;}
  .noData{padding-top:15vh 0;}
  #pc_productList_list .productList_itemBar{width: 50%;}
}