@media (min-width: 768px) {
.mew_slide{margin-top:calc((-100% + 30px)/12)}
}
@media (max-width: 767px) {
.m_cate_slide .mc_prev,.m_cate_slide .mc_next{display:none!important}
}
.b_mew_cate .b_img{width:60px;border-radius:20px}
.b_mew_cate .mobi_cate{gap:8px}
.b_mew_cate .item_cate{box-shadow:0 0 5px 0 #e5e5e5}
.b_mew_cate .item_cate:hover{box-shadow:0 0 5px 0 var(--mainColor)}
@media (min-width: 1200px) {
.b_mew_cate .item_cate{flex:1;min-width:9%;max-width:12%}
}
@media (min-width: 768px) and (max-width: 1199px) {
.b_mew_cate .item_cate{flex:1;min-width:13%}
}
.b_mew_cate .tit{font-size:14px;color:#000}
.b_mew_cate .item_cate:hover .tit{color:var(--mainColor)}
@media (max-width: 767px) {
.b_mew_cate .item_cate{max-width:100px;min-width:100px}
.b_mew_cate .mobi_cate{overflow-x:auto;overflow-y:hidden;padding:5px;-webkit-overflow-scrolling:touch}
}
@media (max-width: 991px) {
.scroll_mobi{overflow-x:auto;overflow-y:hidden}
}
#flash_sale .bg-flash{background:linear-gradient(var(--bg_fl_1) 0%,var(--bg_fl_2))}
#flash_sale .cl_tit_fl a{color:var(--cl_tit_fl)}
#flash_sale .cl_tit_fl a:hover{filter:contrast(1.5)}
.mew_bts_cate{background:linear-gradient(90deg,var(--bg_trending_1) 0%,var(--bg_trending_2) 100%)}
.mew_bts_cate .cl_tit_trending{color:var(--cl_tit_trending)}
.mew_bts_cate .b_img{gap:10px}
.mew_bts_cate .b_img .item{flex:1;margin:0 auto;max-width:100%}
.mew_bts_cate .more_pr{top:0;left:0;background:rgba(0,0,0,0.3);font-size:25px}
.mew_bts_cate .b_inf .tit{font-size:17px;line-height: 24px;}
.mew_bts_cate .b_inf svg{right:5px;top:50%;transform:translateY(-50%);width:40px;height:40px;padding:12px;background:#f8f8f8;fill:#9d9d9d;transition:.3s all ease;will-change:transform}
.mew_bts_cate .item_cate:hover svg{fill:var(--mainColor);right:-2px}
.view_mores:hover{box-shadow:0 0 2px 0 var(--mainColor),0 0 6px 0 var(--mainColor)}
section.product_poli_wrap .product_poli{font-size:1.1rem}
section.product_poli_wrap .product_poli b{color:#1B6FB5}
section.product_poli_wrap .product_poli .item img{max-width:40px;width:100%;image-rendering:-webkit-optimize-contrast}
@media (max-width: 575px) {
section.product_poli_wrap .product_poli{font-size:1rem}
section.product_poli_wrap .product_poli .item{border:1px dashed var(--mainColor);border-radius:10px}
section.product_poli_wrap .product_poli .item img{max-width:35px}
}
.b_product{gap:15px}
.b_product_5_1 .product-item .item-title a,.b_product_5_2 .product-item .item-title a{font-size:.9rem}
.b_product_5_1 .swiper-button-next,.b_product_5_1 .swiper-button-prev,.b_product_5_2 .swiper-button-next,.b_product_5_2 .swiper-button-prev{top:50%;transform:translateY(-50%)}
.bt_product_2 .item-info .arthor{padding-left:50px}
.bt_product_2 .item-info .arthor:before{content:'';height:2px;width:42px;background:var(--mainColor);position:absolute;left:0;top:50%}
.bt_product_2 .item-info .item_sum p,.bt_product_2 .item-info .item-price p{margin:0}
.bt_product_2 .item-info .item_sum .special-price,.bt_product_2 .item-info .item_sum .regular-price,.bt_product_2 .item-info .item-price .special-price,.bt_product_2 .item-info .item-price .regular-price{font-size:22px;margin-right:10px;color:#de0000;font-weight:600}
.bt_product_2 .item-info .action{background:var(--mainColor);color:#fff;font-size:1.3rem;border-radius:25px}
.bt_product_2 .swiper-pagination{position:relative;bottom:0;text-align:left}
.bt_product_2 .swiper-pagination .swiper-pagination-bullet{width:40px;height:5px;display:inline-block;border-radius:0;background:#ccc;border:1px solid #ccc;opacity:.5;outline:none;max-width:calc(100%/6 - 8px)}
.bt_product_2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--mainColor);border:1px solid var(--mainColor);opacity:1}
.m_people{margin-left:-8px;margin-right:-8px}
.m_people .content_tip{box-shadow:0 0 10px 0 rgba(4,4,4,0.1);border-radius:10px}
.m_people .name{color:var(--mainColor)}
.m_people .i_fm{width:80px;height:80px}
.m_people .imga{gap:12px}
.m_people .imga img{border-radius:50%;overflow:hidden;border:2px solid var(--mainColor)}
.m_people svg{fill:var(--mainColor);width:40px;height:40px;transform:rotate(180deg);position:absolute;bottom:0;right:0;opacity:.3}
.m_people .m_people_p{bottom:0}
.head_box{gap:5px}
.head_box .list_link_pr{gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;max-width:100%}
.head_box .list_link_pr a{background-color:#f3f4f6;padding:5px 10px;font-size:13px;white-space:nowrap}
.head_box .list_link_pr a:hover{background:#fff;color:var(--mainColor);border-color:var(--mainColor)!important}
.view_more_blog a{border:1px solid var(--mainColor);color:var(--mainColor)}
.view_more_blog a:hover{background:var(--mainColor);color:#fff}
.main-container{padding:0 0 20px}
.collection-name{font-size:17px}
@media (max-width: 1199px) {
.sortPagiBar{overflow:auto;white-space:nowrap;will-change:transform}
}
.sortPagiBar .form-check-label{cursor:pointer}
.filter-container__selected-filter-header-title{color:var(--mainColor)}
.filter-container__clear-all{line-height:20px}
.filter-container__selected-filter-item svg{fill:#d80000;background:#fff;border-radius:20px;padding:3px;vertical-align:text-top}
.filter-container__selected-filter-item a{font-size:14px;color:#fff;padding:3px 10px 3px 5px;background:var(--mainColor);border-radius:15px}
.filter-container__selected-filter-item a:hover{background:#7c7c7c}
.item_bn_coll{border-radius:10px}
.item_bn_coll:hover{filter:drop-shadow(2px 4px 6px #000)}
.h2.title-head{font-size:16px;color:var(--mainColor)}
.title-head.big{background:var(--mainColor);color:#fff;border-top-right-radius:40px;border-bottom-right-radius:40px;margin-left:-3px}
.title-head.big:hover{background:var(--mainColor2)}
.title-head.big:before{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:0 5px 5px 0;border-color:transparent var(--accentColor2) transparent transparent;bottom:-5px;left:0;filter:brightness(0.8)}
.filter-container__selected-filter{background:var(--mainColor);filter:hue-rotate(17deg) contrast(1.2)}
.filter-container__selected-filter:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(255,255,255,0.6);z-index:0}
.filter-item--check-box label{cursor:pointer;will-change:transform}
.filter-item--check-box .fa{width:20px;min-width:20px}
.filter-item--check-box input+.fa:before{content:"";border-radius:10px;font-size:18px;border:solid 1px var(--accentColor1);line-height:40px;position:absolute;top:-16px;height:20px!important;width:20px}
.filter-item--check-box input:checked+.fa:before{border-color:var(--mainColor);background:var(--mainColor)}
.filter-item--check-box input+.fa:after{content:"";background-image:url(//bizweb.dktcdn.net/100/459/533/themes/868331/assets/checked_filter.png?1676652236107);background-repeat:no-repeat;background-position:center;position:absolute;background-size:60%;width:20px;height:20px;line-height:20px;top:-16px;left:0;opacity:0;transition:.5s all}
.filter-item--check-box input:hover+.fa:after{filter:brightness(0.5);opacity:1}
.filter-item--check-box input:checked+.fa:after{opacity:1}
.filter-item--check-box input:checked:hover+.fa:after{filter:brightness(1)}
.filter-item--check-box .fa2{background:#fbfbfb;transition:all .3s ease;width:100%}
.filter-item--check-box input:checked+.fa2{border-color:var(--mainColor)!important;color:var(--mainColor)}
.filter-item--check-box .option_label.checked .fa2{border-color:var(--mainColor)!important;color:var(--mainColor)}
.filter-group ul{overflow-y:auto;margin:15px 0;will-change:transform}
@media (min-width: 992px) {
.filter-group ul{max-height:155px}
.filter-group ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;border-radius:6px}
.filter-group ul::-webkit-scrollbar{width:2px;background-color:#F5F5F5}
.filter-group ul::-webkit-scrollbar-thumb{border-radius:6px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.44,var(--mainColor)),color-stop(0.72,var(--mainColor)),color-stop(0.86,var(--mainColor)))}
}
.filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gap-10{gap:10px}
.rte h2{border-left:2px solid var(--mainColor);padding-left:10px;color:var(--mainColor);font-size:20px;margin-bottom:10px;font-weight:600}
.rte h3{font-size:20px}
.m_more{animation:m_more infinite 2s ease-in-out}
.m_less{animation:m_less infinite 2s ease-in-out}
@keyframes m_more {
50%{transform:translateY(7px)}
}
@keyframes m_less {
50%{transform:rotate(180deg) translateY(-7px)}
}
.view_mores a{font-size:15px}
.view_mores a:hover{box-shadow:0 0 2px 0 var(--mainColor),0 0 6px 0 var(--mainColor)}
.view_mores img{max-width:16px;vertical-align:-1px}
.view_mores .two img{transform:rotate(180deg)}
.content_coll{max-height:280px;overflow:hidden}
.content_coll.active{max-height:initial}
.bg_cl{height:150px;bottom:0;background:linear-gradient(#ffffff00,#fff)}
@media (max-width: 991px) {
.sidebar_mobi{position:fixed;top:initial!important;bottom:55px;right:10px;overflow-y:auto;z-index:20;visibility:hidden;transition:all .5s ease;transform:translateX(100%);background:var(--leftColBackground);width:calc(100% - 20px);border-radius:10px}
.sidebar_mobi.openf{visibility:visible;transform:translateX(0)}
.opacity_filter.opacity_filter_true{content:" ";width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:11}
.aside-filter{overflow-y:auto}
}
@media (max-width: 991px) and (orientation: portrait) {
.aside-filter{max-height:calc(100vh - 250px)}
}
@media (max-width: 991px) and (orientation: landscape) {
.aside-filter{max-height:calc(100vh - 96px)}
}
.bg-main{background:var(--mainColor)}
.aside-content.bg-main{filter:hue-rotate(17deg) contrast(1.2)}
.aside-content .nav{background:rgba(255,255,255,0.6);gap:5px}
.nav-item.active>a,.nav-item:hover>a{background:var(--mainColor);border-radius:20px;filter:hue-rotate(17deg) contrast(1.2)}
.nav-item .menu_down{list-style:none;padding:0}
.nav-item .down_icon{margin-left:5px;height:25px;top:0;right:0;transition:.5s all;pointer-events:none}
.nav-item .down_icon:before{border-width:5px 5px 0;border-color:#fff transparent transparent}
.nav-item .down_icon.cls_mn{transform:rotate(180deg)}
.blog-item-list .thumb_img_blog_list{min-width:100px;max-width:120px}
.blog-item-list .blog-item-name{font-size:1rem}
.pagination li{border-color:transparent}
.pagination li .page-link{min-width:38px;color:var(--mainColor)!important;transition:all .3s ease}
.pagination li .page-link:hover{background:var(--mainColor);border-color:var(--mainColor);color:#fff!important}
.pagination li .page-link:focus{box-shadow:0 0 0 .2rem var(--mainColor)}
.pagination li.active .page-link{background:var(--mainColor);border-color:var(--mainColor);color:#fff!important}
.linkpage a{display:inline-block;margin-left:5px;font-size:14px;height:33px;width:33px;line-height:30px;text-align:center;font-weight:bolder;border-radius:100%;border:2px solid #333}
.linkpage a.pagecurrent,.linkpage a:hover{background:#D8021A;color:#fff;border-color:#D8021A}
.main-title{font-weight:700}
dt p{font-weight:400}