﻿.banner-collection{padding:10px;margin-bottom:15px}.banner-collection [class*='swiper-button-']{top:50%}.category-collection{padding:10px;position:relative;margin-bottom:15px}.category-collection #prevCate,.category-collection #nextCate{position:absolute;right:0px;top:34%;width:25px;height:40px;line-height:53px;color:#fff;background:#fff;box-shadow:0px 1px 1px 1px #ebebeb;border-radius:3px;text-align:center;z-index:2;border:solid 1px #ebebeb}.category-collection #prevCate svg,.category-collection #nextCate svg{width:20px;height:20px;transform:rotate(-90deg);margin-top:1px;fill:var(--text-color)}.category-collection #prevCate:hover,.category-collection #nextCate:hover{background:var(--button-hover)}.category-collection #prevCate:hover svg,.category-collection #nextCate:hover svg{fill:#fff}.category-collection #prevCate{left:0;top:34%;width:25px;height:40px;line-height:43px}.category-collection #prevCate svg{transform:rotate(90deg);margin-top:-8px}.category-collection .wrap-cate-icon{position:relative;flex:1;display:block;overflow-x:hidden;overflow:-moz-scrollbars-none;-ms-overflow-style:none}.category-collection .wrap-cate-icon::-webkit-scrollbar{width:0 !important;display:none}.category-collection ul{padding:0;margin:0;overflow:hidden;height:105px;overflow-x:scroll;white-space:nowrap;transition:margin-left 0.3s ease;overflow:-moz-scrollbars-none}.category-collection ul::-webkit-scrollbar{width:0 !important;display:none}.category-collection ul .cate-img{position:relative;display:inline-block;text-align:center;width:100px;border:1px solid #ebebeb;border-radius:8px;padding:10px 10px 5px;margin-right:10px}.category-collection ul .cate-img .image{display:flex;height:40px;text-align:center;align-items:center;justify-content:center;width:40px;margin:0 auto 5px;overflow:hidden;background:#f4f4f4;border-radius:40px}.category-collection ul .cate-img .image img{max-width:100%;max-height:100%;transition:all 0.5s}.category-collection ul .cate-img .name-collection{font-size:14px;font-weight:400;display:block;margin-bottom:4px;white-space:normal;height:38px;overflow:hidden;text-align:center;line-height:19px}.category-collection ul .cate-img:hover{border-color:var(--hover)}.filter-sort{display:inline-block}@media (min-width: 1200px){.filter-sort:hover{cursor:pointer}.filter-sort:hover .sort-title span{color:#fff}.filter-sort:hover .sort-title svg{stroke:#fff}.filter-sort:hover .sort-title svg path:last-child{fill:#fff}.filter-sort:hover ul{display:block}}.sortPagiBar{padding:0 10px;position:relative}@media (max-width: 1199px){.sortPagiBar{position:relative}}.sortPagiBar .sort-cate{float:left;display:flex;align-items:center;width:100%}.sortPagiBar .sort-title{line-height:35px;align-items:center}.sortPagiBar .sort-title svg{width:25px;height:23px;margin-right:2px;margin-top:-3px;stroke:var(--text-color)}.sortPagiBar .sort-title svg path:last-child{fill:var(--text-color)}.sortPagiBar .sort-title .sort-valuer{font-size:14px;display:inline-block}@media (max-width: 1199px){.sortPagiBar .sort-title{height:35px;display:flex;line-height:34px;width:100%}.sortPagiBar .sort-title.current>ul{display:block}}.sortPagiBar ul{display:none;padding:5px 0px;margin:0;position:absolute;width:175px;background:#fff;z-index:3;left:0;top:35px;box-shadow:0 3px 8px 1px #efefef;border-radius:0 0 3px 3px}.sortPagiBar ul li{padding:0 10px;margin:0 10px 3px 25px;position:relative;cursor:pointer;height:29px;border-radius:5px;width:100%}.sortPagiBar ul li:last-child{margin-right:0}.sortPagiBar ul li:before{content:"";width:10px;height:10px;position:absolute;left:-10px;top:13px;border-radius:15px;border:solid 1px #ebebeb}.sortPagiBar ul li a{color:var(--text-color);font-size:14px;position:relative}.sortPagiBar ul li.active:before,.sortPagiBar ul li:hover:before{background:var(--hover);border-color:var(--hover)}.sortPagiBar ul li.active a,.sortPagiBar ul li:hover a{color:var(--hover-link)}@media (max-width: 991px){.sortPagiBar{display:block;width:100%;margin-bottom:10px;height:auto;background:#fff;padding:0}.sortPagiBar .sort-title{background:#ebebeb;padding:0 10px}.sortPagiBar ul{position:relative;display:block;width:100%;top:0}}.filter-sort.current .sortPagiBar>ul{display:block}.category-products{padding:10px;margin-bottom:20px}.category-products .item_product_main{margin-bottom:20px}.description-collection{padding:10px;margin-bottom:20px}.description-collection h1{color:var(--text-color);font-family:var(--font-base);font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;margin:10px 0 15px 0}.description-collection .description-content{font-size:14px;color:var(--text-color)}.description-collection .description-content h6{display:none}.description-collection .description-content h6 ~ *{display:none}.group_search_width{width:500px;float:left;position:relative}.group_search_width input{border-radius:40px !important;width:100% !important;padding-right:115px !important}.group_search_width button{position:absolute;top:0;right:0;border-radius:40px !important}.content_price .filter-group-price{justify-content:space-between;flex-flow:column}.content_price .winput{width:100%}.content_price .winput:before{content:"VNĐ";position:absolute;right:5px;top:20px;transform:translateY(-50%);font-size:14px;color:#9f9f9f}.content_price .winput input{padding-right:35px;width:100%}.content_price .winput input:focus{outline:none;box-shadow:none}.content_price span.line{display:none;line-height:40px;font-weight:bold}.content_price .price-error{margin-bottom:10px;font-size:12px;color:red;line-height:1;margin-top:-10px}.content_price label{margin:0;display:none !important}.content_price button{width:100%;margin-top:0}.content_price button:focus{outline:none;box-shadow:none}.count--filter{width:20px;height:20px;text-align:center;background:var(--main-color);color:#fff;border-radius:20px;font-size:11px;line-height:20px;position:absolute;right:-7px;top:-5px}.filter-dropdowns{display:inline-block;position:relative;height:35px;padding:0;background:#ebebeb;border-radius:3px;line-height:35px;margin-right:10px;cursor:pointer}.filter-dropdowns .block-title{position:relative;padding:0 30px 0 15px}.filter-dropdowns .block-title h2{color:var(--text-color);font-family:var(--font-base);font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:none;display:block;height:35px;line-height:35px}.filter-dropdowns .block-title svg{top:calc(50% - 13px);position:absolute;width:25px;height:25px;right:5px;transition:all, 0.1s;fill:var(--text-color)}@media (max-width: 991px){.filter-dropdowns .block-title svg{display:none}}.filter-dropdowns .aside-content{width:220px;position:absolute;top:35px;left:0;background:#fff;padding:10px;box-shadow:0 3px 8px 1px #efefef;border-radius:0 0 3px 3px;display:none}.filter-dropdowns .aside-content ul{padding:0;margin:0}@media (min-width: 1200px){.filter-dropdowns.active,.filter-dropdowns:hover{background:var(--hover)}.filter-dropdowns.active .block-title h2,.filter-dropdowns:hover .block-title h2{color:#fff}.filter-dropdowns.active .block-title svg,.filter-dropdowns:hover .block-title svg{fill:#fff}.filter-dropdowns.active .aside-content,.filter-dropdowns:hover .aside-content{display:block}}@media (max-width: 1199px) and (min-width: 992px){.filter-dropdowns.current .aside-content{display:block}}@media (max-width: 991px){.filter-dropdowns{display:block;width:100%;margin-bottom:10px;height:auto;background:#fff}.filter-dropdowns .block-title{background:#ebebeb}.filter-dropdowns .aside-content{position:relative;display:block;width:100%;top:0}}.filter-sidebar{margin-top:0px;position:relative;z-index:9}@media (min-width: 992px){#open-filters{display:none}}@media (max-width: 991px){#open-filters{color:#fff;background:var(--main-color);position:fixed;right:0;top:35% !important;padding:5px 5px;cursor:pointer;z-index:9999;font-size:18px;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1)}#open-filters .i-close-white{display:none}#open-filters .i-close-white g path{fill:#fff}#open-filters .i-bar-white{display:block}#open-filters .i-bar-white g path{fill:#fff}#open-filters.openf{transform:translateX(-270px)}#open-filters.openf .i-close-white{display:block}#open-filters.openf .i-bar-white{display:none}#open-filters span{display:none}.filter-sidebar{background-color:#fff;height:100vh;position:fixed;top:0 !important;right:0;padding:0 10px 0 10px;z-index:99999;width:270px;max-width:270px;transform:translateX(100%);visibility:hidden;transition:transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1),visibility 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);box-shadow:none;touch-action:manipulation;overflow:hidden;overflow-y:visible}.filter-sidebar.fade-in{visibility:visible;transform:translateX(0)}.filter-sidebar.fade-in .wrap_background_aside{box-shadow:none}}@media (max-width: 991px) and (max-width: 767px){.filter-sidebar{width:100vw}}@media (max-width: 991px){.filter-sidebar .aside-filter{margin-left:0px;margin-top:10px}.top-cart-content{display:none !important}}.filter-group{padding:10px 0px 0px 0px}.filter-group ul{max-height:240px;overflow-y:auto}.filter-group ul.size_xx{overflow-y:inherit !important}.filter-group ul::-webkit-scrollbar-track{border-radius:10px;background-color:#fff;width:5px}.filter-group ul::-webkit-scrollbar{width:5px;background-color:#fff}.filter-group ul::-webkit-scrollbar-thumb{border-radius:10px;background-color:#919aa8;width:5px}.filter-group-title{display:block;font-size:em(18px);margin-bottom:10px}.filter-group{position:relative}.filter-item{margin:0;cursor:pointer;line-height:28px;min-width:100%;float:left;padding:0px;position:relative;display:flex;margin-bottom:10px}.filter-item .label_relative{position:relative}.filter-item .label_relative .filter_tt{padding-left:5px;display:inline-block}.filter-item.filter-color-size{min-width:0px;padding:0px}.filter-item.filter-size{min-width:0px;padding:0px;background:#fff;text-align:center;margin-right:5px;margin-bottom:5px;line-height:25px;color:#252525;position:relative}.filter-item.filter-size .fa{opacity:0;width:30px;height:30px;position:relative}.filter-item.filter-size .tags_size{color:var(--text-color)}.filter-item .name_color{line-height:25px;display:inline-block;height:20px;position:absolute;font-size:14px;color:var(--text-color);text-transform:inherit}.filter-item label{display:flex;padding-left:30px;line-height:15px;align-items:center;justify-content:center;position:relative}.filter-item *{cursor:pointer;color:var(--text-color);font-family:var(--font-base);font-size:14px;font-weight:400}@media (min-width: 992px) and (max-width: 1199px){.filter-item *{font-size:12px}}.filter-item *:active{color:var(--main-color)}.filter-item.size{min-width:unset;width:40px;height:40px;line-height:40px;line-height:40px;border:1px solid #ebebeb;margin-right:10px;margin-bottom:10px;background:#fff;position:relative}.filter-item.size span{width:40px;height:40px;line-height:40px;line-height:40px}.filter-item.size .tags_size{width:40px;height:40px;font-size:13px;display:inherit;position:relative;position:absolute}.filter-item.size .tags_size input{width:40px;height:40px}.filter-item.size .tags_size input:checked+span{color:var(--hover)}.filter-item.size .tags_size .fa{opacity:0}.filter-item.size .tags_size:before{display:block;content:"✓";font-family:var(--font-base);font-size:15px;color:#fff;line-height:40px;width:40px;height:40px;position:absolute;left:0px;top:0;border-radius:3px;opacity:0}.filter-item.size .tags_size span{position:absolute;top:0;left:0;width:40px;height:40px;margin:0;text-align:center;font-family:var(--font-base);color:var(--text-color)}.filter-item.size .tags_size span:after{opacity:0}.filter-item.size .tags_size:hover span{color:var(--hover)}.filter-item.size input:checked+.tags_size:before{opacity:0}.filter-item.color{min-width:20px;border:none !important;margin-bottom:10px !important;height:30px}.filter-item.color:nth-child(n+1){clear:none}.filter-item.color label{padding-left:0}.filter-item.color a,.filter-item.color label{width:100%;height:100%;display:inline-block;font-size:0}.filter-item.color .fa{margin-right:10px;width:30px;height:30px;background:red;border-radius:3px;position:relative}.filter-item.color .fa:before{display:none}.filter-item.color input:checked+.fa:before{display:block;content:"✓";font-family:var(--font-base);font-size:15px;color:#fff;width:15px;height:15px !important;position:absolute;left:7px;top:7px;line-height:15px;border:0px solid #ef562c;background:none}.filter-item.color input:checked+.fa.trang:before{display:block;content:"✓";font-size:15px;color:var(--hover);width:15px;height:15px !important;position:absolute;left:7px;line-height:15px;top:7px;border:0px solid #ef562c}.color input:checked+.fa:after{display:none}.filter-item--green *:hover{color:var(--hover)}.filter-item--half{display:inline-block;width:48%;white-space:nowrap;overflow:hidden;margin-right:3px}.filter-item--check-box input{display:block;z-index:9;width:20px;height:20px}.filter-item--check-box .fa{margin-right:6px;width:14px;font-size:14px;line-height:40px;position:absolute;top:0;display:inline-block;left:0}.filter-item--check-box input+.fa:before{content:"";margin-right:5px;font-size:18px;border:solid 1px #ebebeb;line-height:40px;position:absolute;top:-2px;height:18px !important;width:18px;background:#fff}.filter-item--check-box input+.fa:after{font-family:var(--font-base);position:absolute;font-size:13px;top:0px;left:3px;transition:0.3s;height:14px;line-height:16px}.filter-item--check-box input:checked+span{color:var(--hover)}.filter-item--check-box input:checked+.fa:after{content:"✓";color:var(--hover)}.filter-item--check-box input:checked+.fa:before{border-color:var(--hover)}.filter-item--check-box input:checked ~ span{color:var(--hover)}.filter-module,.filter-container__selected-filter{display:flex;flex-flow:wrap;margin-bottom:15px;padding:10px}@media (max-width: 991px){.filter-module,.filter-container__selected-filter{padding:0}}.filter-container__selected-filter-list ul{padding-left:0px;overflow:hidden;margin-bottom:0px}.filter-container__selected-filter-list ul li{display:inline-block;float:left;margin-right:10px;border-radius:5px;background:#fff;color:var(--hover);border:solid 1px var(--hover);padding:0 7px;margin-bottom:8px}.filter-container__selected-filter-list ul li .fa{font-family:var(--font-base)}.filter-container__selected-filter{margin-bottom:15px;padding-bottom:5px;background:#fff;border:none}.filter-container__selected-filter ul{margin:0}.filter-container__selected-filter-header{margin-bottom:5px}.filter-container__selected-filter-header-title{font-size:16px;font-weight:bold;color:var(--text-color)}.filter-container__clear-all{float:right;color:var(--text-color);margin-top:3px;font-size:14px}.filter-container__selected-filter-item{padding:3px 0}.filter-container__selected-filter-item>a{color:var(--hover);font-size:13px;position:relative;padding-left:15px;display:block;line-height:25px}.filter-container__selected-filter-item .fa{margin:0px 5px 0 -15px;height:8px;display:inline-block;font-size:13px;color:var(--hover);font-family:var(--font-base);font-style:normal}.filter-container__selected-filter-item:hover{background:var(--hover)}.filter-container__selected-filter-item:hover>a{color:#fff}.filter-container__selected-filter-item:hover .fa{color:#fff}
