.layout-collection{padding-bottom:40px}@media (min-width: 1199px){.layout-collection .col-sidebar{padding-right:40px}.layout-collection .col-sidebar .position-sticky{position:sticky;top:0}}.title-page{font-size:23px;font-weight:500;color:#181818;margin-bottom:25px}.products-view .item_product_main{height:100%}.products-view .row-fix{margin-right:-10px;margin-left:-10px}.products-view .row-fix .col-fix{padding-right:10px;padding-left:10px;margin-bottom:20px}.layout-project .title-page{font-size:32px}.layout-project .list-project .col-fix{margin-bottom:30px}.aside-cate{margin-bottom:30px;padding:15px 15px;border-radius:6px;border:1px solid #efefef}.aside-cate__title{position:relative;font-size:18px;font-weight:500;margin-bottom:15px;color:#181818}.aside-cate__nav ul{padding:0;margin:0;list-style:none}.aside-cate__nav ul .nav-item.relative{position:relative}.aside-cate__nav ul .nav-item .nav-link{display:block;padding:5px 0;word-wrap:break-word;position:relative}.aside-cate__nav ul .nav-item .nav-link:hover{color:var(--mainColor)}.aside-cate__nav ul .nav-item .nav-link.pr-5{padding-right:30px}.aside-cate__nav ul .nav-item.active>.nav-link{color:var(--mainColor)}.aside-cate__nav ul .nav-item.active>.nav-link:before{background:var(--mainColor);border:1px solid var(--mainColor)}.aside-cate__nav ul .nav-item.active>.nav-link:after{content:"";color:#fff;position:absolute;width:7px;height:5px;line-height:5px;top:13px;left:2px;background-image:url(//bizweb.dktcdn.net/100/586/066/themes/1030604/assets/i_check.svg?1753346850420);background-repeat:no-repeat;background-position:center}.aside-cate__nav ul .nav-item:hover .down_icon:before{border-color:var(--mainColor) transparent transparent transparent}.aside-cate__nav ul .menu_down{padding-left:20px}.aside-cate__nav ul .down_icon{width:30px;height:34px;top:0;right:0;transition:0.5s all;cursor:pointer;position:absolute;display:flex;justify-content:center;align-items:center}.aside-cate__nav ul .down_icon:before{content:'';width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#181818 transparent transparent transparent;transition:border-color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s}.aside-cate__nav ul .down_icon.cls_mn{transform:rotate(180deg)}.aside-cate__nav ul .down_icon.cls_mn:before{border-color:var(--mainColor) transparent transparent transparent}.filter-container__selected{margin-bottom:20px}.filter-container__selected .selected-header{position:relative;display:inline-block;margin-right:5px}.filter-container__selected .selected-header__title{font-size:18px;font-weight:bold;color:var(--mainColor)}.filter-container__selected .selected-content{display:inline-block}.filter-container__selected .selected-content__list__item{display:inline-block;margin-right:10px;padding-bottom:10px}.filter-container__selected .selected-content__list__item a{cursor:pointer;border:1px solid #e9e9e9;padding:5px 12px;border-radius:var(--main-border-radius);color:#181818;display:block}.filter-container__selected .selected-content__list__item a svg{width:12px;height:12px;margin-top:-2px;margin-left:3px;stroke:#181818}.filter-container__selected .selected-content__list__item a:hover{color:var(--mainColor);border-color:var(--mainColor)}.filter-container__selected .selected-content__list__item a:hover svg{stroke:var(--mainColor)}.filter-container__selected .selected-content__list__item a.filter-container__clear-all{color:var(--mainColor);border-color:var(--mainColor)}.filter-container__selected .selected-content__list__item a.filter-container__clear-all svg{stroke:var(--mainColor)}.filter-container__selected .selected-content__list__item a.filter-container__clear-all:hover{background:var(--mainColor);color:#fff}.filter-container__selected .selected-content__list__item a.filter-container__clear-all:hover svg{stroke:#fff}@media (max-width: 767px){.filter-container__selected .selected-header{display:block;margin:0 0 10px}.filter-container__selected .selected-header__clearall{display:block}}.aside-filter .filter-container::-webkit-scrollbar-track{border-radius:3px;background-color:#f7f8fa}.aside-filter .filter-container::-webkit-scrollbar{width:6px}.aside-filter .filter-container::-webkit-scrollbar-thumb{border-radius:3px;background-color:#e0e0e0}.aside-filter .filter-container__selected{margin-bottom:20px}.aside-filter .filter-container__selected .selected-header{position:relative;display:inline-block;margin-right:5px}.aside-filter .filter-container__selected .selected-header__title{font-size:18px;font-weight:bold;color:var(--mainColor)}.aside-filter .filter-container__selected .selected-content{display:inline-block}.aside-filter .filter-container__selected .selected-content__list__item{display:inline-block;margin-right:10px;padding-bottom:10px}.aside-filter .filter-container__selected .selected-content__list__item a{border:1px solid var(--mainColor);border-radius:5px;cursor:pointer;padding:8px 10px;color:var(--mainColor);display:block}.aside-filter .filter-container__selected .selected-content__list__item a svg{width:12px;height:12px;margin-top:-2px;margin-left:3px;stroke:var(--mainColor)}@media (max-width: 767px){.aside-filter .filter-container__selected .selected-header{display:block;margin:0 0 10px}.aside-filter .filter-container__selected .selected-header__clearall{display:block}}.aside-filter .filter-container .filter-item{border-bottom:1px solid #efefef;padding-bottom:20px;margin-bottom:15px}.aside-filter .filter-container .filter-item.filter-tag-color .filter-item__content .filter-list__item{display:inline-block;margin-right:5px}.aside-filter .filter-container .filter-item.filter-tag-color .filter-item__content .filter-list__item:hover label{border-color:var(--mainColor)}.aside-filter .filter-container .filter-item.filter-tag-color .filter-item__content .filter-list__item label{line-height:1;border:1px solid #e9e9e9;padding:7px;border-radius:var(--main-border-radius)}.aside-filter .filter-container .filter-item.filter-tag-color .filter-item__content .filter-list__item label .fa{width:20px;height:20px;border-radius:var(--main-border-radius);border:none}.aside-filter .filter-container .filter-item.filter-tag-color .filter-item__content .filter-list__item label.active{border-color:var(--mainColor);color:var(--mainColor)}.aside-filter .filter-container .filter-item.filter-tag-color .filter-item__content .filter-list__item label input:checked+.fa:after{display:none}.aside-filter .filter-container .filter-item.filter-tag-size .filter-item__content .filter-list__item{display:inline-block;margin-right:5px}.aside-filter .filter-container .filter-item.filter-tag-size .filter-item__content .filter-list__item:hover label{border-color:var(--mainColor)}.aside-filter .filter-container .filter-item.filter-tag-size .filter-item__content .filter-list__item label{border:1px solid #e9e9e9;text-align:center;border-radius:var(--main-border-radius);text-align:center;justify-content:center;padding:6px 12px}.aside-filter .filter-container .filter-item.filter-tag-size .filter-item__content .filter-list__item label .fa{display:none}.aside-filter .filter-container .filter-item.filter-tag-size .filter-item__content .filter-list__item label.active{border-color:var(--mainColor);color:var(--mainColor)}.aside-filter .filter-container .filter-item:last-child{border-bottom:0;padding-bottom:0}.aside-filter .filter-container .filter-item__title{position:relative;font-size:18px;font-weight:500;margin-bottom:15px;color:#181818;cursor:pointer}.aside-filter .filter-container .filter-item__title:before{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #181818;content:'';height:0;position:absolute;top:10px;right:10px;width:0}.aside-filter .filter-container .filter-item__content .filter-list__item{margin-bottom:10px}.aside-filter .filter-container .filter-item__content .filter-list__item:last-child{margin-bottom:0}.aside-filter .filter-container .filter-item__content .filter-list__item label{margin-bottom:0;cursor:pointer;color:#181818;display:flex;align-items:center;gap:10px}.aside-filter .filter-container .filter-item__content .filter-list__item label input{display:none}.aside-filter .filter-container .filter-item__content .filter-list__item label .fa{border-radius:3px;border:1px solid #a0a0a0;height:16px;width:16px;display:inline-block;position:relative}.aside-filter .filter-container .filter-item__content .filter-list__item label input:checked+.fa{background:var(--mainColor);border-color:var(--mainColor)}.aside-filter .filter-container .filter-item__content .filter-list__item label input:checked+.fa:after{content:"";color:#fff;position:absolute;width:12px;height:10px;top:2px;left:1px;background-image:url(//bizweb.dktcdn.net/100/586/066/themes/1030604/assets/icon-check.png?1753346850420);background-repeat:no-repeat;background-position:center;background-size:contain}.aside-filter .filter-container .filter-item__content .filter-list__item:hover label{color:var(--mainColor)}.aside-filter .filter-container .filter-item__content .filter-list__item.overflow-item{display:none}.aside-filter .filter-container .filter-item__content .filter-list__item.overflow-item.show{display:block}.aside-filter .filter-container .filter-item__content .filter-list .filter-item-toggle{font-size:13px;cursor:pointer;color:var(--mainColor)}.aside-filter .filter-container .filter-item__content .filter-list .filter-item-toggle svg{fill:var(--mainColor);width:13px;height:13px;position:relative;top:-1px}.aside-filter .filter-container .filter-item.active .filter-item__content{display:none}.aside-filter .filter-container .filter-item.active .filter-item__title{border-color:var(--mainColor);margin-bottom:0}.aside-filter .filter-container .filter-item.active .filter-item__title:before{transform:rotate(-180deg)}@media (max-width: 767px){.aside-filter .filter-container .filter-item{display:block;margin:0 0 10px}.aside-filter .filter-container .filter-item__content{display:block;background-color:#fff;box-shadow:initial;border-radius:initial;left:0;position:initial;padding:initial;top:0;max-width:initial;min-width:initial;margin-top:10px}}#sort-by{display:flex;align-items:center;position:absolute;right:15px;top:1px}#sort-by ul{margin:0;padding:0;list-style:none;background:#fff}#sort-by label{margin-right:6px;margin-bottom:0}#sort-by .ul_col>li{position:relative;background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;text-indent:.01px;cursor:pointer;line-height:26px;background-image:url(//bizweb.dktcdn.net/100/586/066/themes/1030604/assets/ico-select-2.png?1753346850420) !important;border-radius:6px;border:1px solid #e9e9e9;width:160px;padding:4px 10px}#sort-by .ul_col .content_ul{position:absolute;z-index:999;width:100%;left:0;background:#fff;display:none}#sort-by .ul_col .content_ul li{border:1px solid #e5e5e5;padding:0 20px;margin-bottom:-1px}#sort-by .ul_col:hover .content_ul{display:block}#sort-by #sortBy{border:1px solid #e5e5e5;width:160px;padding:0 10px;height:36px;outline:none;border-radius:10px;font-size:14px;color:#4d555d}@media (min-width: 1199px){.category-top-swiper.item-effect.on-show{animation-name:fadeInDown}}@media (max-width: 991px){.layout-collection .col-sidebar{padding:10px;position:fixed;width:256px;background:#fff;top:0 !important;bottom:0;right:0;overflow:hidden;overflow-y:auto;z-index:99999;visibility:hidden;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.layout-collection .col-sidebar.show{visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.layout-collection #open-filters{color:#fff;background:var(--mainColor);position:fixed;right:0;top:35% !important;cursor:pointer;z-index:99;font-size:18px;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;transition:all 0.35s ease;background-size:15px;background-repeat:no-repeat;background-position:center;width:40px;height:40px;background-image:url(//bizweb.dktcdn.net/100/586/066/themes/1030604/assets/icon-filter-bg.png?1753346850420)}.layout-collection #open-filters .fa:before{display:none}.layout-collection #open-filters.show{right:256px;background-image:url(//bizweb.dktcdn.net/100/586/066/themes/1030604/assets/icon-filter-close-bg.png?1753346850420);z-index:999}}@media (max-width: 767px){#sort-by{position:initial;margin-bottom:15px}}
