/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0I5nvwUgHU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
:root{--color-global:#fe0000;--text-hover:#d80000}
::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px}
::-webkit-scrollbar{width:7px;background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background:#000;border-radius:20px;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0.7,#000),color-stop(0.5,transparent),to(transparent))}
body{font-family:'Inter',sans-serif;font-size:16px;background:#fcfcfc}
html{font-family:'Inter',sans-serif}
.clearfix::after{content:"";clear:both;display:table}
.container{max-width:1200px!important;margin:0 auto}
.icon_2025{display:block;background:url(../images/icon_2025_news_6.png?v=2) no-repeat;background-size:118px 110px}
.icon_2025.search{width:19px;height:18.5px;background-position:0 0}
.icon_2025.user{width:21px;height:20px;background-position:-19px -90px;}
.icon_2025.cart{width:18px;height:22px;background-position:-40px -90px}
.icon_2025.link{width:16px;height:15px;background-position:0 -24px}
.icon_2025.bestsale{width:16px;height:15px;background-position:-89px -24px;}
.icon_2025.news{width:16px;height:15px;background-position:-42px -24px;background-color:#fff;border-radius:50%}
.icon_2025.add-cart{width:32px;height:32px;background-position:-96px 5px;background-color:#fff;background-size:140px 115px;border-radius:50%}
.icon_2025.map{width:20px;height:23px;background-position:-1px -39px}
.icon_2025.phone{width:19px;height:19px;background-position:-21px -42px}
.icon_2025.email{width:23px;height:23px;background-position:-42px -39px}
.icon_2025.grid{width:23px;height:23px;background-position:-60px -66px}
.icon_2025.list{width:23px;height:23px;background-position:0 -66px}
.icon_2025.baohanh{width:14px;height:14px;background-position:-59px -39px}
.icon_2025.brand{width:14px;height:14px;background-position: -68px -56px;background-size: 120px 115px;}
.icon_2025.phone-black{width:17px;height:15px;background-position:-89px -44px}
.icon_2025.map-white{width:17px;height:20px;background-position:-57px -90px;}
.icon_2025.vn{width:23px;height:23px;background-position:-75px -89px;border: 1px solid #fff;border-radius: 50%;}
.icon_2025.usa{width:23px;height:23px;background-position:-96px -89px}
.icon_star{background:url(../images/icon_star.png) no-repeat;display:block;width:65px;height:12px;background-size:65px}
.icon_star.star5{background-position:0 0}
.icon_star.star4{background-position:0 -12px}
.icon_star.star3{background-position:0 -24px}
.icon_star.star2{background-position:0 -38px}
.icon_star.star1{background-position:0 -50px}
.icon_star.star0{background-position:0 -62px}
.effect-image{position:relative;overflow:hidden}
.effect-image:before{position:absolute;top:0;left:-100%;z-index:2;display:block;content:"";width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);transform:skewX(-25deg);cursor:pointer}
.effect-image:hover:before{animation:image 1.1s}
@keyframes image {
100%{left:125%}
}
.header-main .content-menu .item{line-height:85px;font-size:15px;text-transform:uppercase;font-weight:500}
.header-main .content-menu .box-menu::after{position:absolute;content:'';left:0;bottom:-30px;width: 100%;height: 30px;display:none;}
.header-main .menu-item:hover::after{display:block;}
.header-main .content-menu .item:hover{color:var(--color-global)}
.header-main .header-right .select{position:relative;z-index:1}
.header-main .header-right .select select{z-index:-1}
.header-main .header-right .select::before{position:absolute;content:"\f0dd";font-family:"Font Awesome 6 Free";font-weight:900;font-size:14px;right:0;top:-1px}
.header-main .box-hover .item-menu{text-decoration:none;color:#000;background:#f6f6f6}
.header-main .box-hover .item-menu:first-child{padding-top:3px}
.header-main .box-hover .item-menu:last-child{padding-bottom:3px}
.header-main .box-hover .item-menu.active{background:#000}
.header-main .box-hover .item-menu.active .icon{filter:brightness(0) invert(1)}
.header-main .box-hover .item-menu.active p{color:#fff;text-decoration:none}
.header-main .box-hover .item-cate:hover{background:#000;text-decoration:none}
.header-main .box-hover .item-cate:hover .icon{filter:brightness(0) invert(1)}
.header-main .box-hover .item-cate:hover p{color:#fff;text-decoration:none}
.homepage .banner .swiper-pagination-bullet{width:35px;height:4px;background:rgba(255,255,255,0.5058823529);border-radius:0;opacity:1}
.homepage .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
.homepage .box-category-home .list{padding-bottom:35px}
.homepage .box-category-home .swiper-pagination{bottom:0}
.homepage .box-category-home .swiper-pagination-bullet-active{background:red}
.homepage .box-product-bst .item-pro-bst:last-child{border:0}
.homepage .bg-pro-new{background:url(../images/bg-product-new.png) no-repeat;background-size:cover;background-position:center}
.homepage .background-title-saleoff{background:url(../images/title_product_saleoff_new.jpg) no-repeat;background-size:100% 100%;background-position:center;}
.homepage .background-saleoff{background:url(../images/bg_product_saleoff_new.jpg) no-repeat;background-size:100% 100%;background-position:center}
.homepage .box-article-home .item-article-home:nth-child(1),.homepage .box-article-home .item-article-home:nth-child(4){grid-column:span 2/span 2}
.homepage .box-dauan{background:url(../images/bg-dauan_new.jpg) no-repeat;background-size:cover;background-position:center center;padding:70px 0}
.product-item .tag-pro{position:absolute;right:0;top:0;width:87px;height:24px;padding-left:5px;padding-right:5px;display:flex;align-items:center;justify-content:space-between;border-radius: 4px;}
.product-item .tag-pro.bestsale{background: #FAE8E5;}
.product-item .tag-pro.news{background: #E5FAFA;}
.product-item .box-cart{position:absolute;left:50%;top:50%;width:200%;height:200%;box-shadow:rgba(0,0,0,0.1) 0 0 25px;display:flex;z-index:1;justify-content:center;align-items:center;transform:translate(100%,100%);pointer-events:none;background:rgba(0,0,0,0.7);border-radius:50%;transition:.5s ease-in-out}
.product-item:hover{box-shadow:1px 1px 28.4px 0 rgba(104,104,104,0.2509803922)}
.product-item:hover .box-cart{pointer-events:auto;transform:translate(-50%,-50%)}
.item-article-home{position:relative;height:350px}
.item-article-home::after{position:absolute;content:"";left:0;bottom:0;width:100%;height:150px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%)}
.item-article-home .image-article{display:block;width:100%;height:350px}
.item-article-home .image-article img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.item-article-home .info{position:absolute;bottom:0;left:0;width:100%;padding:20px;z-index:1}
.item-article-home .name{color:#fff;font-size:16px;font-weight:600;margin-bottom:10px}
.item-article-home .btn{display:inline-block;padding:5px 7px;background:rgba(255,255,255,0.5019607843);border-radius:20px}
.item-article-home .btn i{width:22px;height:22px;border-radius:50%;background:#fff;color:#a60000;font-size:13px;text-align:center;line-height:22px}
.item-article-home .btn span{color:#fff;text-transform:uppercase}
.item-article-home:hover .name {color: var(--text-hover);}
.page-category .pro-list-grid .list_style.active .list,.page-category .pro-list-grid .list_style:hover .list{background-position:-30px -66px;filter: brightness(0) invert(1);}
.page-category .pro-list-grid .grid_style.active .grid,.page-category .pro-list-grid .grid_style:hover .grid{background-position:-90px -66px;filter: brightness(0) invert(1);}
.page-category .pro-list-grid .img_group{background: #E5E5E5;border-radius: 50%;padding: 5px;}
.page-category .pro-list-grid .img_group.active{background: #E00614;border-radius: 50%;}

.page-category .box-desc .content{overflow:hidden;position:relative}
.page-category .box-desc .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:400px;background:linear-gradient(180deg,rgba(255,255,255,0) 44.03%,#fff 100%)}
.page-category .box-desc .content.active{height:auto!important}
.page-category .box-desc .content.active::after{display:none}
.box-filter .box-check{width:18px;height:18px;position:relative;border:1.5px solid #a4a4a4;border-radius:4px}
.box-filter .box-check::before{position:absolute;content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;display:none;color:#af0000}
.box-filter .attr-filter span{font-size:16px}
.box-filter .attr-filter:hover .box-check,.box-filter .attr-filter.active .box-check{border:1px solid #af0000}
.box-filter .attr-filter:hover .box-check::before,.box-filter .attr-filter.active .box-check::before{display:block}
.box-filter .attr-filter:hover span,.box-filter .attr-filter.active span{color:#af0000;font-weight:700}
.page-product-detail #js-thumb-image .swiper-slide{border:1px solid #e7e7e7}
.page-product-detail #js-thumb-image .swiper-slide.swiper-slide-thumb-active{border:1px solid var(--color-global)}
.page-product-detail .box-sumary .content{overflow:hidden;position:relative}
.page-product-detail .box-sumary .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:39px;background:linear-gradient(180deg,rgba(255,255,255,0) 44.03%,rgba(255,255,255,0.6431372549) 100%)}
.page-product-detail .box-sumary .content.active{height:auto!important}
.page-product-detail .box-sumary .content.active::after{display:none}
.page-product-detail #desc .content{overflow:hidden;position:relative}
.page-product-detail #desc .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,rgba(255,255,255,0) 44.03%,rgba(255,255,255,0.6431372549) 100%)}
.page-product-detail #desc .content.active{height:auto!important}
.page-product-detail #desc .content.active::after{display:none}
.page-product-detail .tab-content{display:none}
.page-product-detail .tab-content.active{display:block}
.page-product-detail .tab-btn{padding:0 30px;font-size:18px;text-transform:uppercase;height:52px;line-height:55px}
.page-product-detail .tab-btn.active{background:#f6f9fa;font-weight:700;border:none;border-bottom:3px solid transparent;-o-border-image:linear-gradient(90deg,red 0%,#7c0000 100%);border-image:linear-gradient(90deg,red 0%,#7c0000 100%);border-image-slice:1}
.page-product-detail .box-review .line{position:relative;width:100%;height:12px;background:#d9d9d9;border-radius:2px}
.page-product-detail .box-review .percent{position:absolute;left:0;height:100%;top:0;background-color:#e31113;border-radius:2px}
.rating-selection{float:left;display:inline}
.rating-selection input{float:right;width:15px;height:15px;padding:0;margin:0 0 0 -15px;opacity:0;cursor:pointer}
.rating-selection .rating-star{position:relative;float:right;display:block;width:15px;height:15px;background:url(../images/star_min.png) 0 -19px;cursor:pointer;margin-right:3px;background-size:15px}
.rating-selection .rating-star:hover{background-position:0 0}
.rating-selection .rating-star:hover,.rating-star:hover ~ .rating-star{background-position:0 0}
.rating-selection .rating:hover .rating-star:hover,.rating:hover .rating-star:hover ~ .rating-star,.rating-input:checked ~ .rating-star{background-position:0 0}

/* goiy */
.autocomplete-suggestions{border:1px solid #ccc;background:#FFF;width:100%;display:none;z-index:999;position:absolute;top:55px;left:-1px;}
.autocomplete-suggestions .content-suggestions {padding: 0 12px;max-height:405px;overflow:auto;}
.content-suggestions .item img {width: 50px;display: block;}
.content-suggestions .item .info{width: calc(100% - 6px);margin-right: 10px;}
.content-suggestions .item {padding: 12px 0;border-bottom: 1px solid #EDEDED;}
.content-suggestions .item .name{font-weight: 600;line-height: 20px;}
.content-suggestions .item .price{font-weight: 600;color:  #FB4E4E;line-height: 20px;margin-top: 8px;}
.autocomplete-suggestions .more-all {height: 40px;display: block;text-align: center;line-height: 40px;}
.autocomplete-suggestions .more-all .hover-txt:before {background: var(--color-global);}
.box-category-homepage .right .item:nth-child(2) {width: calc(50% - 15px);}
.box-category-homepage .right .item:nth-child(1) {width: calc(50% - 10px);}
.box-category-homepage .right .item:nth-child(4){width: calc(50% - 10px);}
.box-category-homepage .right .item:nth-child(5){width: calc(50% - 15px);}
.box-category-homepage .left .item:nth-child(3){width: calc(50% - 15px);}
.box-category-homepage .left .item:nth-child(2){width: calc(50% - 10px);}

/* loading */
.lds-spinner{display:inline-block;width:100px;height:100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.lds-spinner div{transform-origin:50px 50px;animation:lds-spinner 1.2s linear infinite}
.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:49px;width:4px;height:17px;border-radius:20%;background:#222}
.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}
.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}
.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}
.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}
.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}
.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}
.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}
.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}
.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}
.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}
.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}
.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0}
@keyframes lds-spinner {
0%{opacity:1}
100%{opacity:0}
}

.box-product-new .lds-spinner div:after{background:#fff;}
.breadcrumb li:last-child .right{display: none;}
/* success */
 .success-checkmark{margin:0 auto;width:100%;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}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid #cc0001}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%;border-radius:100px 0 0 100px}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;border-radius:0 100px 100px 0;-webkit-animation:rotate-circle 4.25s ease-in;animation:rotate-circle 4.25s ease-in}
.success-checkmark .check-icon::after,.success-checkmark .check-icon::before{content:'';height:100px;position:absolute;background:#fff;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.success-checkmark .check-icon .icon-line{height:5px;background-color: var(--color-global);display:block;border-radius:2px;position:absolute;z-index:10}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:icon-line-tip .75s;animation:icon-line-tip .75s}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:icon-line-long .75s;animation:icon-line-long .75s}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;border:4px solid var(--color-global)}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#fff}
@-webkit-keyframes rotate-circle{
0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
}
@keyframes rotate-circle{
0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}
}
@-webkit-keyframes icon-line-tip{
0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes icon-line-tip{
0%{width:0;left:1px;top:19px}
54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@-webkit-keyframes icon-line-long{
0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@keyframes icon-line-long{
0%{width:0;right:46px;top:54px}
65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
.success-cart{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.5);display:block}
.content-container{background:#fff;max-width:calc(100% - 40px);height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:260px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;border-radius:12px;width:100%}
.content-text{font-weight:600;line-height:1.6}
.success-cart .content-container{max-width:500px;min-height:300px}
.text-30{font-size:30px}
.content-text{font-weight:600;line-height:1.6}
.text-center{text-align:center!important}
#big-next:after,#big-prev:after{font-size: 16px;color: #ababab;}
#thumb-next:after,#thumb-prev:after{font-size: 14px;color: #fff;}
#thumb-next,#thumb-prev{background: #9c9c9cc4;width: 25px;height: 46px;text-align: center;}
#thumb-next{right: 0;border-radius: 50px 0 0 50px;margin-left: 3px;}#thumb-prev{left: 0;border-radius: 0 50px 50px 0;margin-right: 3px;}
.nd p{margin: 1em 0;}
.nd blockquote,.nd h1,.nd  h2,.nd h3,.nd h4,.nd h5,.nd h6{margin: 1rem 0;}
.nd ul{list-style-type: disc;margin-left: 20px;}
.nd li{margin-bottom: 10px;}
#config-holder tr {display: flex;flex-direction: column;margin-bottom: 15px;}
#config-holder .variant-option-label {display: block;width: 100%;font-weight: bold;margin-bottom: 10px;font-size: 16px;font-weight: 700;}
#config-holder td{display: flex;flex-wrap: wrap;gap: 15px;}
#config-holder .js-variant-option-value{padding: 5px 10px;border-radius: 5px;border: 1px solid #000;}
#config-holder tr[data-key="mau-sac"] .js-variant-option-value{border: 0;}
#config-holder tr[data-key="mau-sac"] .variant-option-value-box a{position: relative;padding-left: 52px;padding-top: 15px;padding-bottom: 15px;}
#config-holder tr[data-key="mau-sac"] .variant-option-value-box a[data-label="Piano Black"]:after{position:absolute;content: '';left: 10px;top: 10px;width: 32px;height: 32px;border-radius: 50%;background: url(../images/variant-black.png) no-repeat;background-size: contain;}
#config-holder tr[data-key="mau-sac"] .variant-option-value-box a[data-label="Piano Walnut"]:after{position:absolute;content: '';left: 10px;top: 10px;width: 32px;height: 32px;border-radius: 50%;background: url(../images/variant-walnut.png) no-repeat;background-size: contain;}
#config-holder .js-variant-option-value.selected{font-weight: 700;color: var(--color-global);border: 1px solid var(--color-global) !important;}
#config-holder .js-variant-option-value.selected:after{border: 1.5px solid var(--color-global);}
#config-holder tr[data-key="mau-sac"] .js-variant-option-value.selected{border: 0 !important;}
.page-cart .not-cart{margin:0 auto;text-align:center;padding:30px 0;padding:0 8px;max-width:1216px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:50px}
.page-cart .not-cart img{max-width:100%;width:unset}
.page-cart .not-cart p{padding:20px 0;font-weight:500}
.page-cart .not-cart a{margin:10px 0;padding:10px;background:#e10034;display:block;width:15%;margin:0 auto;color:#fff;border-radius:8px;text-transform:uppercase}
.page-cart .radio{display:flex;align-items:center;gap:8px;cursor:pointer}
.page-cart .radio input{display:none}
.page-cart .custom-radio{width:20px;height:20px;border:2px solid #999;border-radius:50%;position:relative;display:inline-block}
.page-cart .radio input:checked + .custom-radio{border-color:red}
.page-cart .radio input:checked + .custom-radio::after{content:"";width:10px;height:10px;background:red;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.page-article .box-left{width: calc(100% - 290px - 12px);}
.page-article .box-right{width: 290px;}
.box-article-big .item-article-home .name{font-size: 20px;}
.box-article-big .item-article-home{height: 560px;}
.box-article-big .image-article{height: 100%;}
.box-article-featured .item-article-home .btn{padding: 5px;}
.box-article-thumb .image-article,.box-article-thumb .item-article-home{height: 178.5px;}
.page-article .item-article-home .info{padding: 10px;}
.box-article-thumb .name{font-size: 14px;}
.archor-text-group {padding: 10px;margin-bottom: 10px;background: #F9F9F9;border: 1px solid #D3D3D3;}
.archor-text-group .toc_title {display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px;cursor: pointer;}
.archor-text-group .toc_title b{font-size: 18px;}
.archor-text-group li {list-style: none;margin-left: 15px;margin-bottom: 5px;font-weight: 400;}
#js-outp ol{counter-reset:item;list-style:none;padding-left:20px}
#js-outp li{counter-increment:item;margin:7px 0}
#js-outp li::before{content:counters(item, ".") ". ";margin-right:5px}
#js-outp li a:hover{color: var(--text-hover);font-weight: 500;}
.page-account td{padding: 10px;border:1px solid #ccc;}
.page-category .list-display .product-item{display:flex;gap: 10px;box-shadow: 1px 1px 28.4px 0 rgba(104, 104, 104, 0.2509803922);background: #fff;}
.page-category .list-display .product-image{width: 150px;height: 150px;}
.page-category .list-display .info-product {width: calc(100% - 160px);}
.list-review .item-review{padding:16px 0;border-bottom:1px solid #EDEDED}
.list-review .item-review .name-info{margin-bottom:5px}
.list-review .item-review .name-info b{margin-right:10px}
.list-review .item-review .content-info .action-reply{margin-top:5px}
.list-review .item-review .content-info .action-reply .click-reply{color:var(--color-global);font-weight:600;padding-right:10px;border-right:2px solid #c4c4c4}
.list-review .item-review .content-info .action-reply .time{color:#CCC;font-weight:600}
.rating-reply-container{position:relative;margin-top:17px;background:#F5F5F5;border-radius:10px}
.rating-reply-container::before {content: '';border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #F5F5F5;position: absolute;top: -11px;left: 15px;}
.rating-reply-container .reply-item{border-bottom:1px solid #ccc;padding:12px 15px;display:flex;flex-wrap:wrap}
.rating-reply-container .reply-item:last-child{border:0}
.rating-reply-container .reply-item a {color: blue;}
.rating-reply-container .reply-item .avt-admin{background:url(/static/assets/giaodien_2025/images/logo.png) no-repeat;background-size:30px;background-position:center;width:30px;height:30px;margin-right:10px;border-radius:5px}
.rating-reply-container .reply-item .reply-content{width:calc(100% - 40px)}
.rating-reply-container .reply-item .reply-item-name{font-weight:700;margin:0 0 9px}
.rating-reply-container .reply-item .item-note{color:#fff;background:var(--color-global);font-size:11px;border-radius:4px;padding:1px 4px;margin-left:3px;font-weight:600;line-height:15px;display:inline-block}

.lang-switch{display:flex;align-items:center;width:33px;flex-direction: row-reverse;overflow:hidden;height:23px;transition:width .3s ease;border-left: 1px solid #fff;padding-left: 10px;margin-left: 10px;}
.lang-switch:hover{width:70px}
.lang-switch .lang-btn{min-width:23px;margin-left:10px;height:23px;line-height:23px;font-size:12px;cursor:pointer;transition:background .3s;text-align:center;color: #000;}
.lang-switch .lang-btn.active{}
.nd table td{border: 1px solid #ddd;padding: 10px;}
.nd tr td:first-child{font-weight: bold;}
.box-category .product-item{margin-bottom: 20px;}

@keyframes backInRight {
0%{opacity:.7;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}
80%{opacity:.7;-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}
.global-fixed-right{position:fixed;bottom:100px;right:13px;z-index:10000;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7)}
.global-fixed-right .icon-zalo img{display:block;width:45px;height:45px;margin-bottom:15px}
.global-fixed-right .icon-youtube{width: 45px;height: 45px;background: #fff;border-radius: 50px;display:flex;align-items:center;justify-content:center;margin-bottom:15px; box-shadow: 0 0 2px 1px #2222224d;}
.global-fixed-right .icon-youtube img{display:block;width:35px;}
#js-slider-brand .swiper-wrapper{justify-content: center;}
.page-category .item-filter.brand .attr-filter{position: relative;}
.page-category .item-filter.brand .attr-filter::after{content: attr(data-text);position: absolute;bottom: 120%; left: 50%;transform: translateX(-50%) translateY(10px);background: #333;color: #fff;padding: 6px 10px;border-radius: 6px;font-size: 14px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity 0.3s ease, transform 0.3s ease;}
.page-category .item-filter.brand .attr-filter::before {content: "";position: absolute;bottom: 81%;left: 50%;transform: translateX(-50%);border-width: 6px;border-style: solid;border-color: #333 transparent transparent transparent;opacity: 0;transition: opacity 0.3s ease;z-index: 9;}
.page-category .item-filter.brand .attr-filter:hover::after,.page-category .item-filter.brand .attr-filter:hover::before { opacity: 1;transform: translateX(-50%) translateY(0);}
.box-product-saleoff .countdown{display:flex;justify-content:center;gap:8px;font-size:20px;font-weight:700}
.box-product-saleoff .countdown .time-box{background:#fff;color:#960E00;width: 33px;border-radius:4px;height:38px;line-height:38px;text-align:center;font-weight: 700;perspective: 800px;}
.box-product-saleoff .countdown span.separator{line-height:38px;font-size:20px;color: #fff;}
.box-product-saleoff .group-title p{color: #fff;font-size: 16px;font-weight: 700;margin-right: 10px;}
.product-item .icon_saleoff{background:url(../images/icon_saleoff.png) no-repeat;display:block;width: 140px;height: 24px;position: absolute;bottom: 0;left: 0;background-size: contain;}
.box-product-saleoff .swiper-button-next,.box-product-saleoff .swiper-button-prev{background: #9c9c9cc4;width: 25px;height: 46px;text-align: center;}
.box-product-saleoff .swiper-button-next:after, .box-product-saleoff .swiper-button-prev:after {font-size: 14px;color: #fff;}
.box-product-saleoff .swiper-button-next{right: 0;border-radius: 50px 0 0 50px;}
.box-product-saleoff .swiper-button-prev{left: 0;border-radius: 0 50px 50px 0;}
.box-product-saleoff .swiper-button-next:after{margin-left: 6px;}
.box-product-saleoff .swiper-button-prev:after{margin-right: 6px;}
.header-top .icon_2025.map{filter: brightness(0) invert(1);width: 14px;}
.header-main .global-menu:hover .menu_holder{display:block;}
.header-main .global-menu:after{content: '';position: absolute;width: 100%;height: 50px;left: 0;top: 58px;display:none;}
.header-main .global-menu:hover:after{display:block;}
.menu_holder{position:absolute;left:0;top:87px;width:240px;box-shadow: 0px 4px 4px 0px #00000040;background: #FBFBFB;border-radius:12px;z-index: 999;padding: 15px 0;display: none;}
.menu_holder .item{padding:0 15px;height: 34px;line-height: 34px;}
.menu_holder .item:hover{background: var(--color-global)}
.menu_holder .item:hover .item-cate p{color: #fff;}
.menu_holder .item:hover .item-cate img{filter: brightness(0) invert(1);}
.menu_holder .item:last-child{margin-bottom: 0;}
.menu_holder .item-cate img{width:24px;height:24px;display:block;-o-object-fit:contain;object-fit:contain;margin-right:10px}
.menu_holder .item:hover .menu-hover{opacity:1;visibility:visible;left:232px}
.menu_holder .menu-hover{opacity:0;visibility:hidden;position:absolute;position:absolute;background:#fff;z-index:99;width:calc(1200px - 240px);height:100%;overflow:auto;padding:10px;box-shadow: 4px 4px 4px 0px #00000040;top:0;left:240px;transition:.4s all;border-radius: 0 8px 8px 0;padding: 30px 30px 60px 30px;}
.menu_holder .menu-hover .item-holder{width: calc(100% / 3);margin-bottom: 20px;float:left;}
.menu_holder .menu-hover .title-holder{font-size: 14px;font-weight: 700;color: #000;margin-bottom: 12px;display:block;line-height: 18px;position: relative;padding-left: 15px;}
.menu_holder .menu-hover .title-holder::before{content: '';width: 5px;height: 85%;left: 0;top: 0;position: absolute;background: var(--color-global);}
.menu_holder .menu-hover .holder-last a{font-size: 14px;font-weight: 400;margin-bottom: 5px;}
.menu_holder .menu-hover .holder-last a:hover{color: var(--color-global);}
.box-filter .item-filter:first-child{border-top: 2px solid #E20815;}
.page-product-detail .box-sumary .js-viewmore-content{font-size: 13px;font-weight: 600;}
.page-product-detail .box-sumary .js-viewmore-content i{font-size: 8px}