.products_main{padding:15.3rem 0 14rem}.products_main .left{width:25rem;position:sticky;top:13rem}.products_main .head{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.products_main .head h2{font-size:3.2rem;line-height:normal;font-weight:600}.products_main .head .reset{color:#898989;font-size:1.8rem;cursor:pointer;transition:all 0.3s;margin-top:.6rem}.products_main .head .reset:hover{color:var(--primary)}.products_main .head .btn_filter{display:none}.products_main .products_sidebar{margin-top:1px}.products_main .products_sidebar .taxonomy{border-top:1px solid #e3e5e8}.products_main .products_sidebar .taxonomy:first-child{border-top:none}.products_main .products_sidebar .taxonomy.active>.title::after{transform:rotate(180deg)}.products_main .products_sidebar .taxonomy.active .box{opacity:1}.products_main .products_sidebar .title{display:flex;justify-content:space-between;gap:1.2rem;font-size:2.2rem;line-height:3rem;color:#171717;font-weight:600;cursor:pointer;padding:3rem 0}.products_main .products_sidebar .title::after{width:1.8rem;height:1.8rem;display:inline-block;flex-shrink:0;content:'';background:url(../../../../../../../../themes/hqt/assets/img/icon-select.svg) no-repeat center / contain;transition:all 0.3s;margin-top:.8rem}.products_main .products_sidebar .title.active a{color:var(--primary)}.products_main .products_sidebar .title a{transition:all 0.3s}.products_main .products_sidebar .title a:hover{color:var(--primary)}.products_main .products_sidebar .box{opacity:0;display:none;transition:opacity 0.3s;padding-bottom:2.7rem}.products_main .products_sidebar .slide_obj.active .title::after{transform:rotate(180deg)}.products_main .products_sidebar .slide_obj.active .terms{opacity:1}.products_main .products_sidebar .slide_obj .title{font-size:2.2rem;color:#2d2d2d;padding:.8rem 0 1.9rem;align-items:center}.products_main .products_sidebar .slide_obj .title::after{margin:0}.products_main .products_sidebar .slide_obj .terms{opacity:0;display:none;transition:opacity 0.3s;padding-bottom:2.2rem}.products_main .products_sidebar .slide_obj:last-child .terms{padding-bottom:0}.products_main .products_sidebar .terms li{position:relative;color:#65676b;font-size:2rem;cursor:pointer;transition:all 0.3s;padding-left:3.8rem;margin-bottom:1.6rem}.products_main .products_sidebar .terms li::before{width:2rem;height:2rem;border:1px solid #bcbec1;border-radius:4px;background:url(../../../../../../../../themes/hqt/assets/img/gou.svg) no-repeat center / 52% transparent;transition:all 0.3s;position:absolute;left:0;top:3px;content:''}.products_main .products_sidebar .terms li:last-child{margin-bottom:0}.products_main .products_sidebar .terms li.active{font-weight:500;color:var(--primary)}.products_main .products_sidebar .terms li.active::before{border-color:var(--primary);background-color:var(--primary)}.products_main .products_sidebar .terms li:hover{color:var(--primary)}.products_main .list{flex:1}.products_main .left+.list{max-width:105.4rem}.products_main .list>ul{display:grid;grid-template-columns:repeat(3,1fr);gap:2.9rem 1.8%}.products_main .product_list a{border:1px solid #eee}.products_main p.center:has(.btn_line){margin-top:6.4rem;min-height:5.5rem}@media screen and (min-width:768px) and (max-width:1024px){.products_main .list>ul{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.products_main{padding:3rem 0 3rem}.products_main::before{width:100px;height:100px}.products_main .flex{display:block}.products_main .left{width:100%;position:unset}.products_main .head{gap:1rem}.products_main .head h2{font-size:22px}.products_main .head .reset{font-size:14px;margin-top:0}.products_main .head .btn_filter{width:22px;height:22px;display:block;content:'';background:url(../../../../../../../../themes/hqt/assets/img/mobile-menu/nav-btn.svg) no-repeat center / contain;margin-right:auto;cursor:pointer}.products_main .products_sidebar{margin-top:0;position:fixed;left:0;top:0;z-index:999;width:100%;height:100vh;pointer-events:none;transition:all 0.3s}.products_main .products_sidebar.active{pointer-events:all}.products_main .products_sidebar.active .close{opacity:1}.products_main .products_sidebar.active .con{opacity:1;transform:translate(0)}.products_main .products_sidebar .close{width:100%;height:100%;background-color:rgba(0,0,0,.5);transition:all 0.3s;opacity:0}.products_main .products_sidebar .con{position:absolute;left:0;top:0;width:min(300px, 80vw);height:100%;display:flex;flex-direction:column;background-color:#fff;box-shadow:rgba(0 0 0/10%) 0 0 24px;transition:all 0.3s;opacity:0;transform:translateX(-100%)}.products_main .products_sidebar .con .close_box{padding:32px 20px 20px;border-bottom:1px solid #eee;text-align:right}.products_main .products_sidebar .con .close_box .close{display:inline-block;width:15px;height:15px;filter:brightness(0);background:url(../../../../../../../../themes/hqt/assets/img/mobile-menu/close.svg) no-repeat center / contain;cursor:pointer;transition:all 0.3s}.products_main .products_sidebar .con .close_box .close:hover{transform:rotate(180deg)}.products_main .products_sidebar .con .close_box+div{flex:1;overflow:auto;padding:1.2rem 0}.products_main .products_sidebar .con .close_box+div::-webkit-scrollbar{width:5px}.products_main .products_sidebar .con .close_box+div::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.products_main .products_sidebar .title{font-size:18px;line-height:1.5;padding:1.2rem 20px;gap:10px}.products_main .products_sidebar .title i{width:2.5rem;height:2.5rem;margin-top:0}.products_main .products_sidebar .title::after{width:14px;height:14px;margin-top:4px}.products_main .products_sidebar .box{padding:0 20px 1.2rem}.products_main .products_sidebar .slide_obj .title{font-size:16px;padding:12px 0}.products_main .products_sidebar .slide_obj .terms{padding-bottom:10px}.products_main .products_sidebar .terms li{padding-left:1.6rem;font-size:14px;margin-bottom:12px}.products_main .products_sidebar .terms li::before{width:14px;height:14px}.products_main .products_sidebar .more{font-size:16px;margin:10px 0}.products_main .list{max-width:unset;margin:2rem 0 0}.products_main .list>ul{grid-template-columns:1fr 1fr;gap:2rem 1rem}.products_main p.center:has(.btn_line){margin-top:2rem;min-height:43px}}@media screen and (max-width:576px){.products_main .list>ul{grid-template-columns:1fr}}