.filter-container{margin-bottom:0}
.aside-item{width:100%;float:left}
.aside-item .title_module_arrow{padding-top:5px;font-size:22px;font-weight:700;padding-bottom:5px;border-bottom:2px solid #ff3048}
.aside-item.collection-category .nav-item.active>a{font-weight:700}
.aside-item.collection-category .nav-item.active>a span{color:#ff3048}
.aside-item.collection-category .nav-item.active>i{transform:rotate(-90deg)}
.aside-item.collection-category .nav-item .dropdown-menu .lv2.active:before,.aside-item.collection-category .nav-item .dropdown-menu .nav-item.lv3.active:before,.aside-item.collection-category .nav-item.active:before{border-color:#ff3048}
.aside-item.collection-category .nav-item.active>.dropdown-menu{border-radius:0}
.aside-item.collection-category .nav-item.active em{color:#ff3048}
.aside-item.collection-category .nav-item.active>.dropdown-menu{display:block}
.aside-item.collection-category .nav-item.active span{color:#ff3048}
.aside-item .nav>li>a:focus{background:none}
.ui-widget.ui-widget-content{height:2px;background:#ebebeb}
.ui-slider-horizontal .ui-slider-handle{height:14px!important;width:14px!important;border-radius:50%!important;top:-6px!important;border:none!important}
.ui-widget.ui-widget-content{border:none!important;margin-bottom:25px;width:calc(100% - 14px);margin-left:7px}
#start{width:100px;float:left}
#start input{text-align:center;border-radius:3px;border:1px solid #e1e1e1;box-shadow:none}
.aside-filter{margin-top:0}
.aside-filter .aside-item .aside-content{padding:0;margin-bottom:25px;border-top:0;width:100%;float:left}
.filter-group{padding:20px 0}
.filter-group ul{max-height:300px;overflow-y:auto}
.filter-group ul::-webkit-scrollbar-track{border-radius:10px;background-color:#ebebeb;width:5px}
.filter-group ul::-webkit-scrollbar{width:5px;background-color:#ebebeb}
.filter-group ul::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ff3048;width:5px}
.filter-group{position:relative}
.filter-item{cursor:pointer;line-height:40px;min-width:100%;float:left;padding:0;margin:0}
.filter-item:last-child{border-bottom:0}
.filter-item label{padding:0}
.filter-item *{color:#000;cursor:pointer;font-size:em(14px);font-weight:400}
.filter-item--green :hover{color:#ff3048}
.filter-item--check-box input{display:none}
.filter-item--check-box .fa{margin-right:5px;width:14px;font-size:18px;line-height:40px;position:relative;top:2px;display:inline-block}
.filter-item--check-box input+.fa:before{content:"";margin-right:5px;font-size:18px;border:1px solid #ddd;line-height:40px;position:absolute;top:-15px;height:15px!important;width:15px;border-radius:3px}
.filter-item--check-box input:checked+.fa,.filter-item--check-box input:checked+span{color:#ff3048}
.filter-item--check-box input:checked+.fa:before,.filter-item--check-box input:checked+span:before{border-color:#ff3048;background:url(../images/tick.svg) 50% no-repeat;background-size:10px}
.filter-container__selected-filter{margin-bottom:25px}
.filter-container__selected-filter-header{margin-bottom:5px}
.filter-container__selected-filter-header-title{font-size:18px;font-weight:700;color:#ff3048}
.filter-container__selected-filter-item{padding:3px 0}
.filter-container__selected-filter-item>a{color:#333;font-size:em(13px)}
.filter-container__selected-filter-item .fa{margin-right:5px;color:#f44336;background-image:url(../images/close.svg);display:inline-block;width:10px;height:10px;vertical-align:top;position:relative;top:4px;opacity:.5}
.filter-container__selected-filter-item .fa:hover{opacity:1}
#sort-by{float:right;font-size:12px;text-align:left}
#sort-by label{float:left;line-height:32px;margin-right:6px;margin-bottom:0;font-weight:400}
#sort-by ul{margin:0;padding:0;list-style:none;display:inline;float:right;width:150px;font-weight:700}
#sort-by a:link,#sort-by a:visited{color:#333;text-decoration:none}
#sort-by>ul>li{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:100%;background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;text-indent:.01px;cursor:pointer;line-height:30px;width:150px;border-radius:5px;position:relative}
#sort-by>ul>li:after{content:"";position:absolute;top:0;right:0;width:32px;height:32px;background:url(../images/down-arrow.svg) 50% no-repeat;background-size:8px}
#sort-by li{background:none repeat scroll 0 0 #fff;cursor:pointer;margin:0 auto;outline:medium none;padding:0 15px;position:relative;width:240px;float:left;color:#333;border:1px solid #e1e1e1}
#sort-by li>a{display:inline-block;width:100%;line-height:36px}
#sort-by li li{width:100%;margin-top:0;border-top:none;border-right:none;border-left:none}
#sort-by li li a:hover{color:#007fb8}
#sort-by li li:hover,#sort-by li:hover{background-color:#fff}
#sort-by li li:hover{color:#ff3048}
#sort-by ul ul{position:absolute;visibility:hidden;left:-1px;top:100%;background:none repeat scroll 0 0 #f8f8f8;z-index:10000;border:1px solid #f0f0f0}
#sort-by ul ul ul{position:absolute;left:100%;top:-2px;border:1px solid transparent}
#sort-by li:hover>ul{visibility:visible}
@media (min-width:1900px){.category-products .product-col:nth-child(5n+1){clear:left}
}
@media (max-width:1899px) and (min-width:1600px){.category-products .product-col:nth-child(5n+1){clear:left}
}
@media (max-width:1599px) and (min-width:1200px){.category-products .product-col:nth-child(4n+1){clear:left}
}
@media (max-width:1199px) and (min-width:992px){.category-products .product-col:nth-child(3n+1){clear:left}
}
@media (max-width:991px){.dqdt-sidebar{position:fixed;opacity:0;width:256px;background:#fff;top:0!important;bottom:0;right:0;padding:15px;overflow:auto;z-index:100000;visibility:hidden;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
.dqdt-sidebar.openf{visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
#open-filters{color:#fff;background-color:#ff3048;position:fixed;right:0;top:35%!important;width:29px;height:98px;line-height:28px;text-align:center;cursor:pointer;border-radius:0 5px 5px 0;z-index:99999;font-size:15px;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;writing-mode:vertical-lr;transform:rotate(180deg);text-transform:uppercase}
#open-filters.openf{right:256px;top:70px!important;background-image:url(../images/close_white.svg);background-size:15px;background-repeat:no-repeat;color:transparent;width:40px;height:40px;border-radius:20px 0 0 20px;background-position:50%;transform:none}
}
@media (max-width:991px) and (min-width:768px){.category-products .product-col:nth-child(3n+1){clear:left}
}
@media (max-width:767px){.category-products .product-col:nth-child(odd){clear:left}
}
@media (min-width:1600px){.products-view-grid .col-lg-3{width:20%}
.main_container{width:83%;left:17%}
.sidebar{width:17%;right:83%}
}
@media (max-width:1599px) and (min-width:1200px){.main_container{width:80%;left:20%}
.sidebar{width:20%;right:80%}
}
#sort-by select{height:30px;float:right}
.sort-cache-icon{float:left;display:inline-flex;align-items:center;justify-content:center;height:30px;margin-right:7px;color:#555;font-size:21px;font-weight:700;line-height:1}
.sort-cache-icon.is-building{color:#e60023}
.collection-heading{position:relative;margin:0 0 8px;padding:0 0 7px;border-bottom:0}
.sortPagiBar{margin-top:-5px}
.collection-heading .title_page{position:static!important;display:block!important;margin:0 0 8px!important;color:#222;font-size:25px;font-weight:700;line-height:1.3}
.collection-description-wrap{position:relative;color:#555;font-size:14px;line-height:1.65}
.collection-description{position:relative;max-height:70px;overflow:hidden;transition:max-height .25s ease}
.collection-description:not(.is-expanded):after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:34px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.94) 72%,#fff 100%)}
.collection-description.is-expanded{max-height:2000px}
.collection-description>:first-child{margin-top:0}
.collection-description>:last-child{margin-bottom:0}
.collection-description-toggle{position:relative;z-index:2;display:block;margin:-1px 0 0;padding:1px 0;border:0;background:transparent;color:#e60023;font-size:13px;font-weight:600;line-height:22px;cursor:pointer}
.collection-description-toggle .fa{margin-left:3px}

/* Nhãn bộ lọc đang chọn */
.selected-filter-wrap{display:flex;align-items:center;gap:7px;min-height:34px;white-space:nowrap}
.selected-filter-label{flex:0 0 auto;color:#64748b;font-size:12px;font-weight:600}
.selected-filter-chip{display:inline-flex;align-items:center;min-width:0;max-width:100%;height:34px;padding:0 5px 0 10px;border:1px solid #ffc6ce;border-radius:999px;background:linear-gradient(135deg,#fff 0%,#fff3f5 100%);box-shadow:0 3px 10px rgba(230,0,35,.08);color:#b9001c;text-decoration:none!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.selected-filter-chip:hover,.selected-filter-chip:focus{border-color:#ff3048;color:#980018;box-shadow:0 5px 14px rgba(230,0,35,.15);transform:translateY(-1px);outline:0}
.selected-filter-icon{flex:0 0 auto;margin-right:6px;font-size:12px;transform:rotate(90deg)}
.selected-filter-text{display:block;min-width:0;overflow:hidden;color:inherit;font-size:13px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}
.selected-filter-remove{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;margin-left:7px;border-radius:50%;background:#ff3048;color:#fff;font-size:19px;font-weight:400;line-height:1;transition:background .2s ease,transform .2s ease}
.selected-filter-chip:hover .selected-filter-remove,.selected-filter-chip:focus .selected-filter-remove{background:#d90021;transform:rotate(90deg)}

/* Nút Bộ lọc dạng hình chữ nhật xoay dọc, ép sát giữa mép phải trên mobile */
@media (max-width:991px){
.collection-heading{margin-bottom:0;padding-bottom:2px;border-bottom:0}
.collection-heading .title_page{font-size:20px;line-height:1.35;margin-bottom:6px!important}
.collection-description-wrap{font-size:13px;line-height:1.55}
.collection-description{max-height:61px}
.collection-description:not(.is-expanded):after{height:28px}
.sortPagiBar{margin-top:-8px;padding-top:0}
.sortPagiBar>.row{display:flex;align-items:center;flex-wrap:nowrap;margin-top:0}
.sortPagiBar .row>.col-xs-6:first-child:not(:empty){flex:1 1 43%;width:auto;min-width:0;float:none;padding-right:4px;padding-bottom:0}
.selected-filter-wrap{width:100%;min-width:0;min-height:32px;gap:0}
.selected-filter-label{display:none}
.selected-filter-chip{width:100%;height:32px;max-width:100%;padding-left:8px}
.selected-filter-text{font-size:12px}
.selected-filter-remove{flex-basis:22px;width:22px;height:22px;margin-left:6px;font-size:17px}
#sort-by{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:100%;max-width:100%}
#sort-by .boloc,#sort-by .sort-cache-icon{float:none;flex:0 0 auto}
#sort-by select{float:none;flex:0 1 auto;min-width:0;max-width:calc(100% - 70px)}
.sortPagiBar .row>.col-xs-6:first-child:empty{display:none}
.sortPagiBar .row>.col-xs-6:last-child{clear:none;flex:1 1 57%;width:auto;min-width:0;float:none;margin-left:auto;padding-top:0;padding-left:4px}
.sortPagiBar .row>.col-xs-6:last-child form{width:100%}
#open-filters:not(.openf){right:-32px;top:50%!important;width:98px;height:34px;line-height:34px;border-radius:5px 5px 0 0;white-space:nowrap;writing-mode:horizontal-tb;transform:translateY(-50%) rotate(-90deg);transform-origin:center}
.filter-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.filter-overlay.openf{opacity:1;visibility:visible;pointer-events:auto}
}