.filters{padding:10px 0;width:100%;position:relative;background-color:#fff;z-index:10;border-bottom:1px solid var(--border)}.filters .clear{position:absolute;right:10px;top:20px;cursor:pointer;color:#f00;z-index:3;display:none}.box-filter.block-scroll-main{display:flex;align-items:flex-start;gap:10px;padding:0;position:relative}.box-filter .btn-filter{display:flex;flex-shrink:0}.box-filter .btn-filter button{display:flex;align-items:center;padding:5px 12px;height:40px;color:var(--color1);border:1px solid var(--color2);background-color:#fff;border-radius:5px;cursor:pointer;font-size:14px;transition:all .2s}.box-filter .btn-filter button.active{background-color:var(--color1);color:#fff}.btn-filter button .icon-filter{margin-right:5px;font-size:1.2em;height:20px;width:20px;background:url(../img/icon/filter.png) no-repeat center;background-size:contain}.btn-filter button.active .icon-filter,i.icon-filter.has-item{height:20px;width:20px;background:url(../img/icon/filter_active.png) no-repeat center;background-size:contain}.box-quicklink{display:flex;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.box-quicklink::-webkit-scrollbar{display:none}.lst-quicklink{display:flex;gap:10px;padding-bottom:5px;flex-wrap:wrap;padding-right:20px}.box-quicklink .item{display:flex;align-items:center;flex-shrink:0;height:40px;padding:5px 10px;border:1px solid var(--border);border-radius:5px;text-decoration:none;color:var(--text-color);background-color:#fff;white-space:nowrap;transition:background-color .2s}[data-action="filter-remove"]{position:relative}[data-action="filter-remove"]:hover::after{position:absolute;font-family:"Font Awesome 5 Free";content:"";top:0;right:0;width:16px;height:16px;color:var(--red);font-size:12px;font-weight:900}.box-quicklink .item img{height:30px;width:auto;margin-right:5px}.box-quicklink .item-span{font-size:14px;line-height:1.2}#filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9;display:none;cursor:pointer}#filter-panel{position:absolute;top:calc(100% + 15px);left:0;width:100%;max-height:80vh;background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:10;display:none;border-radius:0 0 8px 8px}.filter-panel-inner{max-height:calc(80vh - 80px);overflow-y:auto;padding:20px;position:relative;padding-bottom:70px}#filter-panel::before{position:absolute;content:"";z-index:-1;top:-7px;left:15px;width:15px;height:15px;border-radius:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--white);border-top:1px solid var(--border);border-left:1px solid var(--border)}.filter-panel-close{position:absolute;top:5px;right:5px;background-color:#fff;border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:8px 10px;color:var(--text);display:flex;align-items:center;justify-content:center}.filter-panel-close .icon{background:url('../img/icon/icon-close.png') no-repeat -3px -3px;width:7px;height:7px;background-size:14px 14px}.checkbox-options{display:flex}.checkbox-options .chb-item{padding:8px 10px;border:1px solid var(--border);border-radius:5px}.checkbox-options .chb-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chb-item:not(:last-child){margin-right:20px}.chb-item input{width:15px;height:15px;margin-right:5px;cursor:pointer}.chb-item label{font-size:14px;color:var(--text);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:capitalize}.filter-panel-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:1px solid var(--border);background-color:#fff;position:sticky;bottom:0}.filter-panel-footer button{font-size:16px;padding:10px 0;width:48%;border-radius:5px;cursor:pointer;font-weight:600;border:0}.btn-bochon{background-color:#fff;color:var(--red);border:1px solid var(--red)!important}.btn-xemkq{background-color:var(--primary);color:#fff}.filter-section h4{font-size:16px;font-weight:700;margin-top:20px;margin-bottom:10px;color:var(--text-color)}.filter-options-grid{display:flex;flex-wrap:wrap;gap:8px}.filter-option{display:flex;justify-content:center;align-items:center;padding:8px 12px;border:1px solid var(--border);border-radius:5px;cursor:pointer;font-size:14px;transition:all .2s;min-width:50px}.filter-brand-logo{padding:5px}.filter-brand-logo img{height:30px}.filter-option.selected{border-color:var(--color2);color:var(--color2);background-color:rgba(13,110,253,.1)}.checkbox-option{display:inline-flex;align-items:center;margin-right:15px;font-size:14px}.box-sortby{background-color:#fff;padding:10px 0;margin-top:10px;border-radius:5px}.box-sort{display:flex;align-items:center;gap:15px;position:relative;z-index:5}.title-sort{font-size:14px;font-weight:400;color:var(--text-color);white-space:nowrap}.sort-select{display:flex;align-items:flex-start;font-size:14px;color:#6c757d;padding:5px 0}.sort-select li{margin:0;padding:0 5px;line-height:1.2;white-space:nowrap}.sort-select a{color:inherit;text-decoration:none;transition:color .2s}.sort-select ul{display:inline-flex}.sort-select ul li{position:relative;list-style:none;padding-left:10px;margin-right:8px}.sort-select ul li::before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--border);font-size:6px}.sort-select ul li:hover::before,.sort-select ul li.active::before{color:var(--color2)}.sort-select ul li.active a{color:var(--color2);font-weight:600}.sort-select ul li.click-sort{position:relative}.sort-select ul li.click-sort .sort-show{cursor:pointer;display:flex;align-items:center;white-space:nowrap}.sort-select-main{position:absolute;top:100%;left:0;z-index:10;background-color:#fff;border:1px solid var(--border);box-shadow:0 2px 5px rgba(0,0,0,.1);padding:10px;min-width:150px}.sort-select-main p{padding:5px 10px}.sort-select-main p i{font-size:10px;margin-left:5px}.sort-show .drop-arrow{margin-left:5px}.sort-show .drop-arrow::before{font-size:10px}.sort-select ul li.click-sort.open .arrow-icon{transform:rotate(180deg)}@media(max-width:768px){.box-filter.block-scroll-main{flex-wrap:wrap}.lst-quicklink{flex-wrap:nowrap}.sort-select{overflow-x:auto}.filter-panel-inner{padding:15px;padding-bottom:60px}}