:root{--color-primary:#d00306;--color-primary-rgb:208,3,6}
html,body{min-width:1440px;background:#f8f5f6}
body{font-family:"Roboto","Inter",sans-serif;color:#11151c}
.icon_2026{background-image:url(../images/icon_2026.png);background-repeat:no-repeat;background-size:302px 315px;display:inline-block;vertical-align:middle;flex:none}
.icon_2026--phone-white{width:40px;height:40px;background-position:-4px -4px}
.icon_2026--cart-white{width:42px;height:32px;background-position:-80px -2px}
.icon_2026--search-red{width:40px;height:40px;background-position:-150px -4px}
.icon_2026--phone-red{width:41px;height:40px;background-position:-218px -4px}
.icon_2026--hot-sale{width:29px;height:32px;background-size:151px 157.5px;background-position:0 -34px}
.icon_2026--arrow-down-white{  width: 7px;height: 8px;background-size: 151px 157.5px;background-position: -39px -34px;}
.icon_2026--gift-orange{width:30px;height:30px;background-position:-146px -68px}
.icon_2026--cart-red{width:24px;height:24px;background-position:-214px -68px}
.icon_2026--gift-white{width:42px;height:43px;background-position:0 -152px}
.icon_2026--flash-square{width:40px;height:40px;background-position:-78px -152px}
.icon_2026--gift-yellow{width:20px;height:22px;background-position:-146px -152px}
.icon_2026--shield-check-red{width:36px;height:40px;background-position:-214px -152px}
.icon_2026--delivery-truck{width:43px;height:35px;background-position:0 -214px}
.icon_2026--card-gradient{width:40px;height:29px;background-position:-78px -214px}
.icon_2026--sync-red{width:44px;height:25px;background-position:-148px -226px}
.icon_2026--shopping-bag-red{width:30px;height:34px;background-position:-217px -216px}
.icon_2026--phone-dark{width:28px;height:27px;background-position:-2px -285px}
.icon_2026--badge-outline-red{width:35px;height:34px;background-position:-76px -281px}
.icon_2026--cup-pink{width:20px;height:23px;background-position:-148px -283px}
.icon_2026--header-search{width:24px;height:24px;background-size:181.2px 189px;background-position:-89.4px -2.4px}
.icon_2026--header-phone{width:24px;height:24px;background-size:181.2px 189px;background-position:-2.4px -2.4px}
.icon_2026--header-cart{width:28px;height:28px;background-size:172.6px 180px;background-position:-45.7px -1.1px}
.icon_2026--benefit-shipping{width:24px;height:20px;background-size:168.6px 175.9px;background-position:0 -119.5px}
.icon_2026--benefit-warranty{width:22px;height:24px;background-size:181.2px 189px;background-position:-128.4px -91.2px}
.icon_2026--benefit-return{width:24px;height:14px;background-size:164.7px 172px;background-position:-80.7px -123.3px}
.icon_2026--benefit-installment{width:24px;height:17px;background-size:181.2px 189px;background-position:-46.8px -128.4px}
.icon_2026--sale-flash{width:20px;height:20px;background-size:151px 157.5px;background-position:-39px -76px}
.icon_2026--sale-gift{width: 14px;height: 16px;background-size: 214.7px 223.9px;background-position: -103.8px -108.1px;}
.icon_2026--sale-cart{width:12px;height:12px;background-size:151px 157.5px;background-position:-107px -34px}
.icon_2026--sale-discount-star {width: 12px;height: 12px;background-size: 151px 157.5px;background-position: -107px -140px;}
.icon_2026--badge-outline-red-sm {width: 15px;height: 15px;background-size: 129.4px 135px;background-position: -32.6px -120.4px;}
.product-gift-badge{display:inline-flex;height:20px;align-items:center;gap:2px;padding:2px 4px 2px 2px;border-radius:2222px;background:linear-gradient(180deg,#ffbf00 0%,#ff5d28 100%)}
.product-gift-badge .icon_2026--sale-gift{width: 9px;height: 10px;background-size: 129.7px 166.9px;background-position: -62px -81.1px;}
.product-gift-badge__icon-shell{width:16px;height:16px;display:grid;place-items:center;flex:none;border-radius:999px;background:#fff}
.product-gift-badge__icon-svg{width:10px;height:11px;display:block;flex:none}
.icon_2026--product-cart{width:18px;height:18px;background-size:159.9px 166.8px;background-position:-113.8px -114.4px}
.icon_2026--footer-phone{width:16px;height:15px;background-size:172.6px 180px;background-position:-1.1px -162.9px}
.icon-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.icon-preview-card{border:1px solid #dbe3ee;border-radius:14px;background:#fff;padding:16px;box-shadow:0 10px 24px #0f172a0d}
.icon-preview-stage{display:grid;place-items:center;min-height:88px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#f8fafc),#f8fafc}
.icon-preview-name{margin-top:12px;font:700 14px/1.4 Inter,Roboto,sans-serif;color:#11151c}
.icon_2026--cup-pink-sm {width: 12px;height: 14px;background-size: 181.2px 189px;background-position: -88.8px -169.8px;}
.icon-preview-class{margin-top:4px;font:12px/1.5 "Roboto Mono",Consolas,monospace;color:#64748b}
.hide-scrollbar::-webkit-scrollbar{display:none}
.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
.sale-logo-big{color:#1d6eff;font:italic 900 29px/1 Roboto,Inter,sans-serif;letter-spacing:-.9px;-webkit-text-stroke:1.6px #fff;text-shadow:1px 1px 0 #1c46b8;transform:skewX(-7deg)}
.sale-logo-sale{color:#ffcc2a;font:italic 900 29px/1 Roboto,Inter,sans-serif;letter-spacing:-.9px;-webkit-text-stroke:1.8px #f97316;text-shadow:-1px -1px 0 #ffffff,1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px 1px 0 #ffffff,2px 2px 0 #2148bc;transform:skewX(-7deg)}
.theme-link-hover{transition:color .2s ease-out}
.theme-link-hover:hover{color:var(--color-primary);text-decoration:none}
.theme-cart-button{transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}
.theme-cart-button:hover{color:#fff;background:var(--color-primary) !important;border-color:var(--color-primary);box-shadow:0 8px 18px rgba(var(--color-primary-rgb),0.22);transform:translateY(-1px)}
.theme-cart-button:active{box-shadow:none;transform:translateY(0)}
.theme-cart-button:hover .theme-cart-button__icon{filter:brightness(0) invert(1)}
.theme-cart-button__icon,.sale-mini-cart-button__icon{display:block}
.subcategory-chip{transition:color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}
.subcategory-chip:hover{color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),0.28);transform:translateY(-1px);box-shadow:0 6px 14px rgba(var(--color-primary-rgb),0.08)}
.subcategory-chip--active{color:var(--color-primary)}
.product-card-shell{transition:border-color .24s ease-out,box-shadow .24s ease-out,transform .24s ease-out}
.product-card-shell:hover{border-color:rgba(var(--color-primary-rgb),0.22);box-shadow:0 14px 28px #0f172a1a;transform:translateY(-3px)}
.product-image-link{overflow:hidden;border-radius:6px}
.product-spec-chip{transition:color .2s ease-out,border-color .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out;border:1px solid transparent}
.product-spec-chip:hover{color:var(--color-primary);background:#fff5f5;border-color:rgba(var(--color-primary-rgb),0.2);box-shadow:0 6px 12px rgba(var(--color-primary-rgb),0.08);transform:translateY(-1px)}
.sale-mini-cart-button{transition:background-color .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out}
.sale-mini-cart-button:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 6px 14px rgba(var(--color-primary-rgb),0.18);transform:translateY(-1px)}
.sale-mini-cart-button:hover .icon_2026--sale-cart{filter:brightness(0) invert(1)}
.category-filter-select{min-width:148px;height:36px;appearance:none;border:1px solid #e5ebf2;border-radius:4px;background:#f8fafc;padding:0 34px 0 10px;font:500 14px/1 Roboto,Inter,sans-serif;color:#11151c;outline:none;transition:border-color .2s ease-out,box-shadow .2s ease-out,color .2s ease-out,background-color .2s ease-out}
.category-filter-select:hover,.category-filter-select:focus,.category-filter-select.active{border-color:rgba(var(--color-primary-rgb),0.38);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.08)}
.category-filter-select--active{color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),0.3);background:#fff5f5}
.category-sort-button{color:#11151c;transition:color .2s ease-out,background-color .2s ease-out}
.category-sort-button:hover{color:var(--color-primary)}
.category-sort-button--active{border-radius:4px;background:#fce5e7;padding:4px 8px;font-weight:600;color:var(--color-primary)}
.owl-banner .owl-nav button{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffffd9!important;color:#111!important;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:background .2s}
.owl-banner .owl-nav button:hover{background:#fff!important}
.owl-banner .owl-nav .owl-prev{left:10px}
.owl-banner .owl-nav .owl-next{right:10px}
.owl-banner .owl-dots{position:absolute;bottom:10px;width:100%;text-align:center}
.owl-banner .owl-dot span{background:#fff9!important;width:8px!important;height:8px!important}
.owl-banner .owl-dot.active span{background:#fff!important}
@keyframes shine {
from{transform:translateX(-100%) skewX(-20deg)}
to{transform:translateX(250%) skewX(-20deg)}
}
.banner-shine{position:relative;overflow:hidden}
.banner-shine::after{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(to right,transparent,#ffffff59,transparent);transform:translateX(-100%) skewX(-20deg);pointer-events:none}
.banner-shine:hover::after{animation:shine .7s ease forwards}
.sale-tab-btn{padding:20px;position:relative}
.sale-tab-btn::before{position:absolute;content:"";left:0;bottom:-2px;width:100%;height:4px;background:#0038d3;display:none}
.sale-tab-btn.active::before{display:block}
.sale-tab-btn.active{color:#0038d3;font-weight:700;background: #fff4dd;}
#nav-wrapper{max-height:44px;overflow:hidden;transition:max-height .25s ease}
#nav-wrapper.nav-hidden{max-height:0}
#header-mask{height:0;transition:height .25s ease}
#header-mask.nav-hidden{height:44px}
.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}
.category-filter-label{position:relative;display:inline-block}
.category-filter-chevron{pointer-events:none;position:absolute;right:10px;top:40%;transform:translateY(-40%);width:10px;height:6px;color:#64748b;transition:color .2s ease-out,transform .2s ease-out}
.page-product-category .box-product-grid.list .product-image{width: 50%;}
.page-product-category .box-product-grid.list .info-product{width: 50%;width: calc(50% - var(--spacing) * 3);}
#sync2 .owl-item .image-thumb-detail{border: 1px solid #EBEBEB;}
#sync2 .owl-item.active.current .image-thumb-detail{border: 1px solid #F20D0D;}
.page-product-detail table{width: 100%;}
.page-product-detail table td{padding: 12px 0;border-bottom: 1px solid #F1F5F9;}
.page-product-detail table td span{font-family: "Roboto" !important;font-size: 14px !important;}
.review-thread-line {position: absolute;left: 23px;top: 48px;width: 1px;background: #dbe3ee;bottom: 0;height: 69%}
.item-replies::before{position:absolute;content:'';left:23px;top:-45px;width:5%;height:100%;border:1px solid #dbe3ee;border-radius:0 0 0 20px;border-top:0;border-right:0}
.detail-btn-buy,.detail-btn-cart{position:relative;overflow:hidden;transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}
.detail-btn-buy::after,.detail-btn-cart::after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,#ffffff59 50%,transparent 100%);transform:skewX(-15deg)}
.detail-btn-buy:hover::after,.detail-btn-cart:hover::after{animation:btn-shine .55s ease-out forwards}
@keyframes btn-shine {
0%{left:-80%}
100%{left:130%}
}
.detail-btn-buy:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px #f20d0d59 0 4px 8px -2px #f20d0d33}
.detail-btn-buy:active{transform:translateY(0);box-shadow:0 4px 8px -2px #f20d0d33}
.detail-btn-cart:hover{transform:translateY(-2px);background:#fff5f5;box-shadow:0 8px 20px -4px #f20d0d26 0 2px 6px -2px #f20d0d1a}
.detail-btn-cart:active{transform:translateY(0);background:#fee2e2}
#header-product-viewed::before{position: absolute;content: '';width: 100%;height: 50px;left: 0;bottom: 9px;display:none;}
#header-product-viewed:hover::before{display: block;}
.page-product-detail .comment-form-input{position: unset; border: none;padding: 0;background: transparent;}
@keyframes blink-sale {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.01); }
}
.blink-sale{animation: blink-sale 0.9s infinite;}
@keyframes phone-ring {
  0%   { transform: rotate(0deg); }
  15%  { transform: rotate(12deg); }
  30%  { transform: rotate(-10deg); }
  45%  { transform: rotate(6deg); }
  60%  { transform: rotate(-4deg); }
  75%  { transform: rotate(2deg); }
  100% { transform: rotate(0deg); }
}
.phone-ring{transform-origin: 50% 0%;animation: phone-ring 1.2s infinite;}
.js-select-file *,
.dz-clickable * {
  pointer-events: none;
}

.p-attribute-summary .attr-item{position:relative;cursor:help;cursor:pointer;display: inline-block;margin-right: 5px;margin-bottom: 5px;}
.p-attribute-summary .attr-item:before{content:attr(data-info);position:absolute;z-index:2;bottom:calc(100% + 5px);left:0;background:#333;padding:3px 5px;border-radius:4px;white-space:nowrap;color:#cecece;transform:translateX(-20%);-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;opacity:0;visibility:hidden}
.p-attribute-summary .attr-item:after{content:"";position:absolute;bottom:calc(100% - 5px);left:20%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#333 transparent transparent;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;opacity:0;visibility:hidden}
.p-attribute-summary .attr-item:hover:after,.p-attribute-summary .attr-item:hover:before{}
@keyframes loading {
    0% {
      transform: translateX(-30%);
      background-position: 0% 50%;
      width: 30%;
    }
    50% {
      transform: translateX(80%);
      background-position: 100% 50%;
      width: 45%;
    }
    100% {
      transform: translateX(-30%);
      background-position: 0% 50%;
      width: 30%;
    }
}

@keyframes searchFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px) scale(1.04);
  }
}
@keyframes eyeFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px) scale(1.04);
  }
}  
  
#danh-muc-btn::before {position: absolute;content: '';left: 0;bottom: -7px;width: 100%;height: 64px;display: none;}
#danh-muc-btn:hover::before{display: block;}