@charset "UTF-8";
@layer properties {
  :root {
    --color-global: #e4057c;
    --text-red: #cf000b;
    --text-gray: #959595;
    --text-blue: #0084ff;
  }
  ::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px}
  ::-webkit-scrollbar{width:7px;background-color:#f5f5f5}
  ::-webkit-scrollbar-thumb{background:#e4057c;border-radius:20px;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0.7,#e4057c),color-stop(0.5,transparent),to(transparent))}
}
@layer themes {
  body {font-family: "Roboto", sans-serif;font-size: 13px;background: #f4f4f4;}
  html{font-family:"Roboto",sans-serif}
  .clearfix::after{content:"";clear:both;display:table}
  .container{max-width:1200px!important;margin:0 auto}
  a:hover {color: var(--text-blue);}
}
@layer miq {
.bg-miq{background-color:var(--color-global)}
.icon_2026{background:url(../images/icon_2026_1200_chot_2.png) no-repeat;background-size: 183px;width:16px;height:16px;display:block}
.icon_2026.search{height:20px;background-position:-2px 0}
.icon_2026.menu{background-position:0 -36px;width:20px;}
.icon_2026.spec{width:21px;height:20px;background-position:-130px -35px}
.icon_2026.camket-1{width:23px;height:22px;background-position:-32px -70px}
.icon_2026.camket-2{width:25px;height:22px;background-position:-67px -70px}
.icon_2026.camket-3{width:25px;height:22px;background-position:-67px -70px}
.icon_2026.camket-4{width:25px;height: 24px;background-position: -139px -71px;}
.icon_2026.camket-5{width:25px;height:25px;background-position:-102px -70px}
.icon_2026.checkbox{width: 18px;height: 18px;background-position: -83px 0px;background-size: 130px;}
.icon_2026.add_cart{width:20px;height:20px;background-position:1px -119px}
.icon_2026.user{width:19px;height:20px;background-position:-31px 0}
.icon_2026.cart{width:21px;height:20px;background-position:-62px 0}
.icon_2026.map{width:14px;height:19px;background-position:-98px 0}
.icon_2026.star{width:21px;height:20px;background-position:-31px -36px}
.icon_2026.flash{width:25px;height:51px;background-position:-156px -10px}
.icon_2026.chinhhang{width:15px;height:16px;background-position:0 -153px}
.icon_2026.ship{width:17px;height:17px;background-position:-29px -153px}
.icon_2026.headphone{width:18px;height:17px;background-position:-57px -156px}
.icon_2026.flash-small{width:7px;height:12px;background-position:-146px -4px}
.icon_2026.gift{width: 18px;height: 18px;background: url(../images/icon_gift_2.png) no-repeat;background-size: 12px 12px;background-position: 3px 3px;background-color: #fff;border-radius: 50%;}
.icon_2026.bct{width:114px;height:45px;background-position:-31px -106px}
.icon_2026.up {width: 25px;height: 22px;background-position: 0px -69px;}
.icon_2026.filter{width: 22px;height: 21px;background-position: -99px -32px;}
.text-gray{color:var(--text-gray)}
.text-blue{color:var(--text-blue)}
.text-red{color:var(--text-red)}
.hover\:text-blue:hover{color:var(--text-blue)}
.page-product-detail #js-big-image{height:392px}
.page-product-detail #js-big-image img{height:392px;width:100%;-o-object-fit:contain;object-fit:contain;display:block}
#js-thumb-image img{padding:5px;display:block}
#js-thumb-image .swiper-slide-thumb-active{border:1px solid var(--text-blue);border-radius:4px}
.swiper-button-next,.swiper-button-prev{width:18px!important;height:32px!important;background:#00000052;position: absolute;}
.swiper-button-next svg,.swiper-button-prev svg{width:10px!important;height:10px!important;color:#fff}
.swiper-button-next{border-radius:50px 0 0 50px}
.swiper-button-prev{border-radius:0 50px 50px 0}
.swiper-button-prev svg{margin-right:5px}
.page-product-detail .item-tab{width:205px;height:40px;font-weight:700;border:1px solid #e6e6e6;font-size:16px;text-align:center;line-height:40px;border-radius:4px}
.page-product-detail .item-tab.active,.page-product-detail .item-tab:hover{border-color:var(--text-blue);border-bottom:3px solid var(--text-blue);color:var(--text-blue);background:#edf7ff}
.page-product-detail .item-specifi .title-specifi{margin-top:15px;cursor:pointer;padding:13px;background:#f2f4f7;display:flex;align-items:center;justify-content:space-between;border-radius:4px}
.page-product-detail #info-desc .content{overflow:hidden;position:relative}
.page-product-detail #info-desc .content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:39px;background:linear-gradient(180deg,#fff0 44.03%,#ffffffa4 100%)}
.page-product-detail #info-desc .content.active{height:auto!important}
.page-product-detail #info-desc .content.active::after{display:none}
.page-product-detail .box-review .line{position:relative;width:100%;height:6px;background:#d9d9d9;border-radius:6px}
.page-product-detail .box-review .percent{position:absolute;left:0;height:100%;top:0;background-color:var(--text-blue);border-radius:6px}
.page-product-detail .box-review .rating-selection{float:left;display:inline}
.page-product-detail .box-review .total-rate{width:50px;font-weight:500}
.page-product-detail .box-review .list-image-review .item:last-child{position:relative}
.page-product-detail .box-review .list-image-review .item:last-child::before{content:"Xem thêm hình ảnh";position:absolute;left:0;top:0;width:100%;height:100%;background:#000c;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}
.page-product-detail .item-addon{border:1px solid #e2e2e2;border-radius:8px;padding:10px 10px 10px 35px;position:relative;cursor:pointer;overflow:hidden;margin-bottom:10px}
.page-product-detail .item-addon:before{content:"";width:14px;height:14px;border-radius:50%;border:1px solid #d0d5dd;position:absolute;left:10px;top:14px}
.page-product-detail .item-addon.active{border-color:var(--color-global);background:#fff6f6}
.page-product-detail .item-addon.active:before{border-color:var(--color-global)}
.page-product-detail .item-addon.active:after{content:"";width:8px;height:8px;background-color:var(--color-global);border-radius:50%;position:absolute;left:13px;top:17px}
.page-product-detail .box-specialOffer li{margin-top:10px}
.page-product-detail .box-specialOffer li .number{width:15px;height:15px;font-size:13px;background:#90004b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:3px}
.page-product-detail .box-specialOffer li p{width:calc(100% - 15px)}
.page-product-detail .btn-cart{border-radius:4px;height:48px;display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid var(--color-global);color:var(--color-global)}
.page-product-detail .btn-cart:hover{background:var(--color-global);color:#fff}
.page-product-detail .btn-cart:hover img{filter:brightness(0) invert(1)}
.page-product-detail .btn-cart.buynow{background:var(--color-global);color:#fff}
.table{width:100%}
.table td{padding:13px 0;border-bottom:1px solid #ddd}
.nd p{margin:1em 0}
.nd blockquote,.nd h1,.nd h2,.nd h3,.nd h4,.nd h5,.nd h6{margin:1rem 0;font-weight: bold;}
.nd ul{list-style-type:disc;margin-left:20px}
.nd li{margin-bottom:10px}
.icon_star{width:68px;height:12px;display:block;background:url(../images/icon_star.png?v=1) no-repeat}
.icon_star.star5{background-position:0 0}
.icon_star.star4{background-position:0 -12px}
.icon_star.star3{background-position:0 -26px}
.icon_star.star2{background-position:0 -41px}
.icon_star.star1{background-position:0 -56px}
.icon_star.star0{background-position:0 -70px}
.sprite-star{background:url(../images/star-rating.png?v=1) 0 -66px;display:block}
.rating-selection{display:inline-block}
.rating-selection label{position:relative;float:right;display:block;width:45px;height:40px;margin:0 15px}
.rating-input:checked ~ .rating-star,.rating-input:checked ~ .rating-star:hover{background-position:0 -1px!important}
.rating-selection input{opacity:0;float:right;width:17px;height:17px;padding:0;margin:0 0 0 -16px}
.rating-selection label:hover,.rating-selection label:hover ~ label{background-position:0 0!important}
.rating-selection label::after{position:absolute;content:attr(data-title);bottom:-30px;left:50%;text-align:center;width:100%;white-space:nowrap;transform:translate(-50%,0);color:gray;font-weight:500}
.rating-selection input:checked + label::after{color:#ff9f00}
.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,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg);cursor:pointer}
.effect-image:hover:before{animation:image 1.1s}
@keyframes image {
100%{left:125%}
}
/* 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}
}
.page-product-detail #list-review .item-review:last-child{border-bottom: 0;}  
.page-product-detail .btn-review{width: 230px;height: 40px;line-height: 38px;text-align: center;border: 1px solid #8C8C8C;color: #8c8c8c;border-radius: 4px;font-weight: 500;}
.page-product-detail .btn-review:hover{background: #8c8c8c;color: #fff;}
.page-product-detail .btn-review.form{border: 1px solid var(--text-blue);background: var(--text-blue);color: #fff;}
.page-product-detail .btn-review.form:hover {background: var(--text-blue);}
.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,#fff0 0%,#ffffff4d 100%);transform:skewX(-25deg);cursor:pointer}
.effect-image:hover:before{animation:image 1.1s}
@keyframes image {
100%{left:125%}
}
.global-menu{height:61px}
.global-menu::before{position:absolute;content:"";left:0;bottom:-15px;width:100%;height:30px;background:transparent;display:none}
.global-menu:hover,.global-menu.active{background:#fff;border-radius:8px 8px 0 0;margin-top:7px}
.global-menu:hover::before,.global-menu.active::before{display:block}
.global-menu:hover i,.global-menu.active i{filter:brightness(0)}
.global-menu:hover b,.global-menu.active b{color:#000}
.box-menu-hover{width:850px;height:470px;background:#fff;opacity:0;visibility:hidden;overflow: hidden;}
.box-menu-hover.is_open{opacity:1;visibility:visible}
.box-menu-hover .item{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #d3d7df;position:relative}
.box-menu-hover .item:hover{background:#ffd7ec}
.box-menu-hover .item:hover .txt{color:#90004b;font-weight:600}
.box-menu-hover .item.sale::after{position:absolute;content:"";right:0;top:5px;background:url(../images/icon_sale.png?v=1) no-repeat;width:32px;height:32px}
.box-menu-hover .item-menu:hover .menu-hover,.box-menu-hover .item-menu.active .menu-hover{opacity:1;visibility:visible}
.box-menu-hover .item-brand:hover{box-shadow: 0 0 4px 0 #0084ff;}
.mgLeftArea{width:230px;height:100%}
.menu-hover{position:absolute;left:230px;top:0;width:620px;height:400px;visibility:hidden;opacity:0}
.menu-hover .list{max-height: 230px;overflow:auto;}
.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:99}
.showrrom-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:99}  
.box-product-history .swiper-button-prev,.box-product-history .swiper-button-next{width:20px!important;height:40px!important}
.box-product-bst{background:url(../images/background-bst-news.png?=1) no-repeat;background-size:100%;min-height:700px;padding-bottom:15px;border-radius:0 0 20px 20px}
.box-product-bst .bg-title{background:url(../images/title-bst.png?v=1) no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;width:600px;height:60px;margin:0 auto;font-size:24px;color:#fff;font-weight:700;text-transform:uppercase;padding-bottom:18px}
.box-product-bst .box-time{background:linear-gradient(90deg,#f48121,#ef4100,#c72802);border-radius:10px;margin-top:10px}
.box-product-bst .bg-deal{background: radial-gradient(69.19% 72.05% at 49.96% 52.02%, #FFF5D8 0%, #FFF4D5 37.68%, #FFDEB0 100%);padding-bottom: 10px;border-radius:0 0 20px 20px;}  
.global-time-deal{white-space:nowrap;color:#fff}
.global-time-deal p{color:#fff;border-radius:3px;justify-content:center;align-items:center;text-align:center;width:25px;height:20px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 4px 0 #00000040}
.global-time-deal .hour p{background:#ff7400}
.global-time-deal .minute p{background:#ff5900}
.global-time-deal .second p{background:#ef4100}
.header-top{background:linear-gradient(90deg,#6b1440 0.8%,#e4057c 46.74%,#6b1440 99.31%)}
.marquee{overflow:hidden;width:100%}
.marquee .marquee-track{display:flex;width:-moz-max-content;width:max-content;will-change:transform}
.marquee .item{display:flex;align-items:center;gap:6px;white-space:nowrap;padding-right:40px;font-size:12px;color:#fff}
@keyframes marquee {
0%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}
.marquee:hover .marquee-track{animation-play-state:paused}
.item-product-bst{padding:10px}
.item-product-bst .bg-price{background:linear-gradient(90deg,#ffe6bd 38%,#ffe6be 100%);padding:10px;border-radius:4px;position:relative}
.item-product-bst .bg-price::after{position:absolute;content:"";right:0;top:0;background:url(../images/after-price.png?v=1) no-repeat;background-size:contain;width:34px;height:34px}
.item-product-bst .price{font-size:16px;color:red;font-weight:700}
.item-product-bst .old-price{color:#222;font-size:13px}
.item-product-bst .saleoff{width:35px;height:18px;border-radius:20px;background:#f8727233;display:flex;align-items:center;justify-content:center;font-size:11px;color:red;font-weight:600}
.item-product-bst .btn-buy{background:#ff3b30;box-shadow:0 0 4.6px 2px #ffc16b;border-radius:3px;height:30px}
.item-product-bst .btn-buy span{color:#fff;font-weight:500}
.item-product-bst .btn-buy:hover{background:#bd0000}
.item-product-bst .product-image{position:relative}
.item-product-bst .product-image::before{position:absolute;content:"";left:0;bottom:15px;width:100%;height:36px;background-size:contain;z-index:1;background: url('../images/bg-dealvang.png') no-repeat;background-position: center;}
.item-product-bst .product-image::after{position:absolute;content:"";left:0;top:0;z-index:1;background: url('../images/bg-top-image.png') no-repeat;background-position: center;background-size:contain;width: 100px;height: 20px;}
.box-trending .big-slider img{height:260px;width:100%;display:block;-o-object-fit:contain;object-fit:contain}
.box-trending .thumb-slider img{height:50px;-o-object-fit:contain;object-fit:contain}
.box-trending .thumb-slider .swiper-slide{padding:10px;border-radius:4px}
.box-trending .thumb-slider .swiper-slide-thumb-active{border:.5px solid #90004b}
.homepage .box-category .bg-title{background:url(../images/bg-title-category.png?v=2) no-repeat;background-size:100% 100%;width:795px;height:120px;margin:0 auto}
.homepage .box-category .bg-title h2{color:#fff;text-align:center;font-size:28px;text-transform:capitalize;font-weight:700;margin-top:56px}
.homepage .box-category .bg-title .more{text-align:center;color:#fdd717}
.homepage .box-category .bg-title .more:hover{text-decoration:underline}
.item-product{padding:10px;border:1px solid #dcdcdc;border-radius:8px;position:relative;background: #fff;}
.item-product .info-product .price{font-size:18px;color:#db0000;font-weight:700}
.item-product .info-product .saleoff{width:35px;height:18px;border-radius:20px;background:#f8727233;display:flex;align-items:center;justify-content:center;font-size:11px;color:red;font-weight:600}
.item-product .info-product .old-price{color:#c5c5c5}
.item-product .info-product .pro-offer-group{height:35px;margin:5px 0}
.item-product .info-product .pro-offer-group .item{width:calc(25% - 10px);padding:1px;cursor:pointer;border:1px solid #fcc9d2;border-radius:50%;overflow:hidden}
.item-product .info-product .pro-offer-group .item img{width:35px;height:35px;-o-object-fit:contain;object-fit:contain;margin:0 auto}
.item-product .info-product .pro-offer-group .item:hover{border:1px solid var(--color-global)}
.item-product .info-product .pro-offer-group .item:hover .info-offer{display:block}
.item-product .info-product .pro-offer-group .info-offer{position:absolute;left:10px;background:gray;width:90%;color:#fff;padding:5px;border-radius:5px;z-index:999;display:none}
.item-product .btn-add-cart{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#bbb;padding-right:3px}
.item-product .btn-add-cart:hover{background:var(--color-global)}
.item-product .btn-add-cart .icon_2026.cart{width:18px;height:16px;background-size:146px 133px;background-position:-49px 0}
.item-article{display:flex;gap:10px;margin-bottom:10px}
.item-video{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}
.item-video .image-video{position:relative;width:110px;height:65px}
.item-video .image-video::after{position:absolute;content:"\f04b";left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;font-family:"Font Awesome 6 Free";font-weight:900;color:#fff;font-size:20px}
.item-video .image-video::before{position:absolute;content:"";left:0;top:0;background:#0003;width:100%;height:100%;transition:all .2s}
.item-video .image-video:hover::before{background:transparent}
.item-video .name-video{width:calc(100% - 120px)}
.item-video .name-video:hover{color:var(--text-blue)}
.box-big-artile .item-article{margin-bottom:0;flex-direction:column}
.box-big-artile .item-article .image-article{height:300px;width:100%}
.box-big-artile .item-article .name-article{font-weight:700;font-size:20px}
.list-thumb-article .item-article .image-article{height:90px;width:150px}
.list-thumb-article .item-article .name-article{width:calc(100% - 100px)}
.homepage .box-video .item-video:first-child .image-video{width:100%;height:160px}
.homepage .box-video .item-video:first-child .image-video::after{font-size:35px}
.homepage .box-video .item-video:first-child .name-video{display:none}
.header{position:relative;left:0;top:0;width:100%;z-index:9999}
.header.header-fixed{position:fixed}
.header.header-fixed .header-top{display:none}
.header.header-fixed .header-bottom{display:none}
.header-mask{height:153px;width:100%;display:block}
.box-first-search{display:none}
.box-first-search::before{position:absolute;content:"";background:#fff;width:16px;height:8px;clip-path:polygon(50% 0%,0% 100%,100% 100%);left:27px;top:-8px}
.box-first-search .content-suggestions{display:none;padding:12px 0;max-height:405px;overflow:auto}
.box-first-search .content-suggestions .item img{width:50px;display:block}
.box-first-search .content-suggestions .item .info{width:calc(100% - 6px);margin-right:10px}
.box-first-search .content-suggestions .item{padding:12px 0;border-bottom:1px solid #ededed}
.box-first-search .content-suggestions .item .name{font-weight:600;line-height:20px}
.box-first-search .content-suggestions .item .price{font-weight:600;color:#fb4e4e;line-height:20px;margin-top:8px}
.marquee-container{overflow:hidden;position:relative;width:100%}
.marquee-content{display:flex;gap:3rem;animation:marquee 20s linear infinite;white-space:nowrap}
.marquee-content:hover{animation-play-state:paused}
@keyframes marquee {
0%{transform:translateX(0)}
100%{transform:translateX(-50%)}
}  
@keyframes spinNeon {
to{transform:rotate(360deg)}
}
.animate-spin-neon{animation:spinNeon 5s linear infinite}
@keyframes pingSlow {
0%{transform:scale(1);opacity:.8}
70%{transform:scale(1.4);opacity:0}
100%{opacity:0}
}
.animate-ping-slow{animation:pingSlow 2.4s ease-out infinite}
@keyframes drawCheck {
from{stroke-dasharray:40;stroke-dashoffset:40}
to{stroke-dasharray:40;stroke-dashoffset:0}
}
.animate-check-draw path{stroke-dasharray:40;stroke-dashoffset:40;animation:drawCheck .6s ease-out forwards}  
.breadcrumb li:last-child span.right{display: none;}  
.box-sale-category .title{background:url(../images/title-sale-product.png) no-repeat;height: 190px;background-size: cover;} 
.box-filter .filter-total .title-filter:hover,.box-filter .filter-total .title-filter.active{background:var(--text-blue)}
.box-filter .filter-total .title-filter:hover .icon_2026.filter,.box-filter .filter-total .title-filter.active .icon_2026.filter{filter:brightness(0) invert(1)}
.box-filter .filter-total .title-filter:hover p,.box-filter .filter-total .title-filter.active p{color:#fff}
.box-filter #total_filter{position:absolute;right:0;top:-9px;background:var(--text-blue);width:15px;height:15px;text-align:center;z-index:9;line-height:15px;text-align:center;color:#fff;border-radius:50%;font-size:10px;font-style:normal}
.box-filter .filter-show{background-color:#fff;box-shadow:0 2px 20px #00000080;border-radius:8px;left:0;position:absolute;padding:15px;top:57px;white-space:normal;z-index:999;display: none;}
.box-filter .filter-show::before{position:absolute;content:"";left:22px;top:-15px;width:22px;height:15px;background-color:#fff;z-index:1;clip-path:polygon(50% 0%,0% 100%,100% 100%)}
.box-filter .close-popup-total{position:absolute;top:15px;right:15px;background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;padding:8px 10px;color:#000;display:flex;align-items:center;justify-content:center}
.box-filter .filter-list-holder .item{margin-bottom:20px;padding-bottom:10px}
.box-filter .filter-list-holder .item .title{display:block;margin-bottom:10px;font-weight:700}
.box-filter .filter-list-group .filter-list-holder a{color:#000;padding:8px 12px;font-size:14px;white-space:nowrap;border:1px solid #e7e7e7;border-radius:4px;    position: relative;}
.box-filter .filter-list-group .filter-list-holder a:hover{border-color:var(--text-blue)}
.box-filter .filter-list-group .filter-list-holder a.current{border-color:var(--text-blue);background: #c9e5ff;}
.box-filter .filter-list-group .filter-list-holder a.current::before{position:absolute;content:'\f00d';right:-5px;top:-9px;background:red;border-radius:50%;color:#fff;width:15px;height:15px;text-align:center;line-height:15px;font-family:"Font Awesome 6 Free";font-weight:900;font-size:11px}
.box-filter .filter-list-holder {max-height: 400px;overflow: auto;}
.box-filter .all-filter-btn{padding-top:15px;width:100%;border-top:1px solid #eee}
.box-filter .btn-filter{width:206px;height:40px;display:flex;background:#fff;border:1px solid #e21e1e;border-radius:5px;text-align:center;line-height:40px;margin-right:10px;color:#e21e1e;text-align:center;align-items:center;justify-content:center;gap:5px}
.box-filter .btn-filter.js-open-filter{background:var(--text-blue);color:#fff !important;border:1px solid var(--text-blue);}  
.overlay,.overlay-category{position:fixed;width:100%;height:100%;top:0;left:0;background:#0009;z-index:99;display:none}
.overlay-category.active,.overlay.active{display:block}  
.page-product-category .show-more-product{position:relative;display:inline-flex;align-items:center;gap:5px;margin:15px auto 0;padding:10px 40px;font-weight:700;color:#90004B;background:#fff;border-radius:4px;z-index:0}
.page-product-category .show-more-product:hover{background:linear-gradient(90deg,#6B1440 -2.3%,#E4057C 46.93%,#6B1440 97.67%);color:#fff}
.page-product-category .show-more-product::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(90deg,#6B1440 -2.3%,#E4057C 46.93%,#6B1440 97.67%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
#js-select-file{position:relative;width:180px;display:block}
#js-select-file:before{position:absolute;content:'\f030';left:-19px;top:1px;font-family: "Font Awesome 6 Free";font-weight: 900;}
#js-select-file:after{position:absolute;content:'(Tối đa 3 ảnh)';right:0;top:1px;color:#000;font-size:13px}  
#reviewFormModal .img-block .btn-delete-file{position:absolute;right:0;top:0;width:15px;height:15px;background:red;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}  
.page-cart-home .not-cart{margin:50px auto;text-align:center;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;}
.page-cart-home .not-cart p{padding:20px 0;font-weight:500}
.page-cart-home .not-cart a{margin:10px 0;padding:10px;display:block;margin:0 auto;color:#fff;border-radius:8px;text-transform:uppercase} .radio{display:flex;align-items:center;gap:8px;cursor:pointer;flex-wrap:wrap}
.radio input{display:none}
.custom-radio{width:20px;height:20px;border:2px solid #999;border-radius:50%;position:relative;display:inline-block}
.radio input:checked + .custom-radio{border-color:red}
.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%)} 
.form-control{width:100%;border:1px solid #ccc;padding:8px 10px;font-size:14px;border-radius: 4px;background: #fff;}
.form-control:focus-within{box-shadow:inset 0 0 0 .5px var(--text-red);outline:none;border:1px solid var(--text-red)}
.item-input.error .form-control{border:1px solid var(--text-red)}
.payment-item .content-pay{display:none}
.payment-item:has(input:checked) .content-pay{display:block}
.first-item .art-img{height: 100%;max-height: 600px;}  
.article-categories-group a::after{content:"";position:absolute;left:0;bottom:0;right:0;max-width:100%;height:3px;background:transparent;transition:.25s all;width:0}
.article-categories-group a{position:relative;text-align: center;flex: 1;padding-bottom: 20px;}
.article-categories-group a:hover,.article-categories-group a.active{color:var(--color-global)}  
.article-categories-group a:hover::after, .article-categories-group a.active::after {background: var(--color-global);width: 100%;}  
.article-video-container iframe{width:100%;height:100%;display:block;border-radius:16px}  
.article-holder .art-item .art-img{height: 350px;}  
.nd p{margin-top: 0;margin-bottom: 1rem;}  
.archor-list-group{background:#f0f0f0;border-radius:15px;padding:15px;margin:0 0 20px;display:table}
.archor-list-group *{font-style:inherit}
.archor-list-group ol{margin:0;padding-left:20px;list-style:none}
.archor-list-group li{margin:8px 0;font-size:16px;line-height:22px}
.archor-list-group li a{display:unset}
.archor-list-group a{color:#000;display:table;line-height:20px;font-weight:bold}
.archor-list-group a *{font-size:inherit!important;font-weight:inherit!important}
.archor-list-group a:hover *{color:#0676DA}
.archor-list-group .item-lv-2{font-weight:bold}
.archor-list-group .item-lv-3{font-weight:400;margin-left:20px}
.archor-list-group .box-title{font-weight:bold;font-size:24px;line-height:22px}
.archor-list-group .box-title .box-btn{display:inline;font-size:14px;line-height:22px;color:#0676DA;margin-left:7px;font-weight:700;cursor:pointer}  
.page-account td{padding: 10px;border:1px solid #ccc;}
  
@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)}
#thongso {scroll-margin-top: 200px;} 
.box-filter .title-filter.active{z-index: 999;}
.homepage .box-category-home{min-height: 256px;}  
.homepage .banner{min-height: 300px;position: relative;overflow: hidden;}  
.homepage .banner img{min-height: 300px;}  
.icon_gift{background:linear-gradient(89.96deg,red 2.38%,#9C0039 94.82%);width:50%;padding:3px;border-radius:20px;display: flex;align-items: center;gap: 7px;}  
.box-specialOffer .item-offer {position: relative;cursor: pointer;}  
.box-specialOffer .item-offer::after{content:attr(data-value);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;line-height:1.4;white-space:nowrap;z-index:10;opacity:0;visibility:hidden;transition:.25s ease}  
.box-specialOffer .item-offer::before{content:"";position:absolute;bottom:90%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#000;opacity:0;visibility:hidden;transition:.25s ease}  
.box-specialOffer .item-offer:hover::after,
.box-specialOffer .item-offer:hover::before {opacity: 1;visibility: visible;}    
 #js-thumb-image {max-height: 100px;}  
#js-thumb-image .swiper-slide{height: 70px !important;}
 #js-list-product-history{height: 90px;}  
.header .list-brand-header img{height: 15px;}  
.footer .main-footer .item-footer .content a:hover{color: #fff;}  
  
}

@media (min-width: 1600px) {
  @layer themes {
    body {font-size: 14px;}
   .container{max-width:1600px!important}
  }
  @layer miq {
    .icon_2026{background:url(../images/icon_2026_1600_chot.png) no-repeat;background-size: 187px;width:20px;height:20px;display:block}
    .icon_2026.search{width:27px;height:27px;background-position: 1px 0;}
    .icon_2026.menu{width:27px;height:20px;background-position:0 -33px}
    .icon_2026.spec{width:27px;height:23px;background-position:-129px -31px}
    .icon_2026.camket-1{width:30px;height:23px;background-position:-33px -64px}
    .icon_2026.camket-2{width:30px;height:23px;background-position:-68px -64px}
    .icon_2026.camket-3{width:30px;height:23px;background-position:-72px -64px}
    .icon_2026.camket-4{width:30px;height:30px;background-position:-144px -60px}
    .icon_2026.camket-5{width:30px;height:30px;background-position:-105px -60px}
    .icon_2026.checkbox{width:20px;height:20px;background-position: -102px -1px;background-size: 150px;}
    .icon_2026.add_cart{width:28px;height:30px;background-position:1px -101px;}
    .icon_2026.user{width:24px;height:26px;background-position:-33px 0}
    .icon_2026.cart{width:32px;height:25px;background-position:-64px 0}
    .icon_2026.map{width:20px;height:26px;background-position:-102px 0}
    .icon_2026.star{width:25px;height:25px;background-position:-31px -31px}
    .icon_2026.flash{width:30px;height:60px;background-position:-156px 0}
    .icon_2026.chinhhang{width:22px;height:21px;background-position:-4px -144px}
    .icon_2026.ship{width:26px;height:21px;background-position:-29px -144px}
    .icon_2026.headphone{width:27px;height:23px;background-position:-57px -144px}
    .icon_2026.gift{width: 20px;height: 20px;background-position: 4px 4px;background-color: #fff;border-radius: 50%;}
    .icon_2026.flash-small{width:9px;height:22px;background-position:-95px -146px}
    .icon_2026.bct{background-position:-36px -93px}
    .icon_2026.up {width: 20px;height: 20px;background-position: 0 -63px;}
    .icon_2026.filter {width: 23px;height: 21px;background-position: -99px -32px;}
    .icon_gift{background:linear-gradient(89.96deg,red 2.38%,#9C0039 94.82%);width:55%;padding:3px;border-radius:20px;display: flex;align-items: center;gap: 7px;}
    .icon_gift span{font-size: 13px;}
    .form-search{height:43px;width:670px}
    .form-search input{height:43px;padding-left:55px}
    .showroom{height:40px}
    .page-product-detail #js-big-image{height:500px}
    .page-product-detail #js-big-image img{height:500px}
    .page-product-detail .box-summary li{line-height:28px}
    .page-product-detail .item-tab{height:50px;line-height:50px;width:270px}
    .page-product-detail .item-addon::before{width:18px;height:18px}
    .page-product-detail .item-addon.active::after{content:"";width:10px;height:10px;left:14px;top:18px}
    .page-product-detail .item-addon .name{font-size:16px}
    .page-product-detail .item-addon li{font-size:14px}
    .page-product-detail .item-addon .price-addon{font-size:18px}
    .page-product-detail .box-specialOffer li .number{width:20px;height:20px}
    .page-product-detail .btn-cart{height:64px}
    .page-product-detail .btn-cart.buynow{font-size:16px}
    .swiper-button-next,.swiper-button-prev{width:30px!important;height:50px!important;background:#00000052}
    .swiper-button-next svg,.swiper-button-prev svg{width:15px!important;height:15px!important;color:#fff}
    .page-product-detail .btn-review{height: 50px;font-size: 15px;line-height: 48px;width: 300px;}
    .swiper-button-next,.swiper-button-prev{width:30px!important;height:50px!important;background:#00000052}
    .swiper-button-next svg,.swiper-button-prev svg{width:15px!important;height:15px!important;color:#fff}
    .box-menu-hover{width:1250px;height:470px}
    .box-menu-hover .item.sale::after{top:9px}
    .menu-hover{width:1020px;height: 470px;}
    .box-product-bst .title{padding-top:125px}
    .box-product-bst .bg-title{width:700px;height:70px;font-size:30px;padding-bottom:20px}
    .box-product-bst .box-time{width:450px;height:70px;padding-top:5px}
    .box-product-bst .list{grid-template-columns:repeat(6,minmax(0,1fr))}
    .global-time-deal p{width:35px;height:30px;font-size:16px}
    .box-category-home .item .image{width:58px;height:58px}
    .homepage .box-category .bg-title{width:905px;height:140px;background-size:cover}
    .homepage .box-category .bg-title h2{font-size:32px;margin-top:66px}
    .item-product-bst .product-image{height:235px}
    .item-product-bst .btn-buy{height:40px}
    .item-product .image-product{height:238px}
    .item-product .info-product .bg-price{margin-top:10px}
    .item-product .info-product .price{font-size:20px}
    .item-product .info-product .saleoff{width:40px;height:20px;line-height:20px;font-size:13px;letter-spacing:1px}
    .item-product .info-product .old-price{font-size:16px}
    .item-product .info-product .pro-offer-group{height:40px;margin:10px 0}
    .item-product .info-product .pro-offer-group .item{width:calc(20% - 10px)}
    .item-product .info-product .pro-offer-group .item img{width:30px;height:30px}
    .item-product .name-product{margin-top:7px;font-size:15px}
    .item-product .btn-add-cart{width:40px;height:40px}
    .item-product .btn-add-cart .icon_2026.cart{width:21px;height:19px;background-size:132px 140px;background-position:-45px 0}
    .header .box-first-search{width: 670px;}
    .box-trending .thumb-slider img{height:80px;-o-object-fit:contain;object-fit:contain}
    .box-big-artile .item-article .image-article{height: 400px;}
    .homepage .box-video .item-video:first-child .image-video{height: 250px}
    .item-video .image-video{width: 170px;height: 100px}
    .item-video .name-video{width: calc(100% - 220px)}
    .box-sale-category .title{height: 250px;}
    .page-product-category .product-list{grid-template-columns: repeat(6, minmax(0, 1fr));gap: 15px;}
    .header .header-mid-right .txt{width: 85px;}
    .page-product-detail .box-specialOffer .list-offer{grid-template-columns: repeat(3, minmax(0, 1fr));}   
    .header .list-brand-header{grid-template-columns: repeat(9, minmax(0, 1fr))}
    .header .list-brand-header img{height: 21px;}  
  }
}