body{
  background-color: #ECECEC;
}
.box-sliding .gallery-top .swiper-slide img{
  width: 100%;
}
/* right-box-news */
.loop-post{
  height: 355px;
}
/* menu-category*/
.section__main-category .box-main-category {
  padding: 0 !important;
}

.section__main-category .box-main-category .padding_box-main-category {
  padding: 0 !important;
}

.section__main-category .box-main-category .padding_box-main-category .box-title{
  background: white;
}

.section__main-category .box-main-category .padding_box-main-category .box-title .box-title__title .h2__title--box{
  color: black;
  font-size: 22px;
}

/* --- GRID layout --- */
.section__main-category .box-main-category .padding_box-main-category .main-category {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  /* gap: 20px; */
  justify-items: center;
  background: #fff;
  padding: 15px 0;
}

/* --- ITEM --- */
.section__main-category .box-main-category .padding_box-main-category .main-category .nav-item {
  text-align: center;
  list-style: none;
}

/* --- LINK --- */
.section__main-category .box-main-category .padding_box-main-category .main-category .nav-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 15px;
  border-radius: 10px;
  width: 100%;
  transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
              background-color 0.25s ease, 
              box-shadow 0.25s ease;
}

/* --- HOVER --- */
.section__main-category .box-main-category .padding_box-main-category .main-category .nav-item a:hover {
  background-color: var(--color_blue_medium);
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  color: #fff;
}

.section__main-category .box-main-category .padding_box-main-category .main-category .nav-item span{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* --- IMAGE --- */
.section__main-category .box-main-category .padding_box-main-category .main-category .nav-item img {
  width: 100%;
  height: 90px;
  object-fit: contain;
  padding-right: unset;
  margin-bottom: 8px;
  transition: transform 0.3s ease;
}

/* hiệu ứng pop riêng cho ảnh */
.section__main-category .box-main-category .padding_box-main-category .main-category .nav-item a:hover img {
  /* transform: scale(1.08); */
  transform: scale(1.08) rotate(5deg);
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* --- TEXT --- */
.section__main-category .box-main-category .padding_box-main-category .main-category .nav-item .menu-image-title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  text-align: center;
  line-height: 1.3;
  transition: color 0.3s ease;
  padding-left: unset;
  height: 40px;
  -webkit-line-clamp: 2;
}

.section__main-category .box-main-category .padding_box-main-category .main-category .nav-item a:hover .menu-image-title {
  color: #fff;
}
.menu-image-title-after.menu-image-not-hovered img{
    display: block !important;
}
/* box-title */
.box-title{
  padding: 20px 15px;
}
.box-title.promotion, 
.box-title.dell-xps,
.box-title.dell-precision,
.box-title.dell-latitude-inspiron,
.box-title.thinkpad,
.box-title.other-product,
.box-title.product-related{
  background: #fff;
}
.box-title.promotion .box-title__title h2,
.box-title.dell-xps  .box-title__title h2,
.box-title.dell-precision  .box-title__title h2,
.box-title.dell-latitude-inspiron  .box-title__title h2,
.box-title.thinkpad  .box-title__title h2,
.box-title.other-product  .box-title__title h2,
.box-title.product-related .box-title__title h2{
  color: #222;
  font-size: 22px;
}
.box-see-more a:hover{
  background: #eee;
}
/* product-slider */
.section__box-product-slider .swiper-container{
  padding-bottom: 10px;
}
.box-list-new .list-product-swiper .swiper-wrapper .swiper-slide, 
.box-list-promotion .list-product-swiper .swiper-wrapper .swiper-slide,
.box-list-related-product .list-product-swiper .swiper-wrapper .swiper-slide{
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  border-radius: 10px;
}
.product .product__box-info{
  flex: 1;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

.product .product__box-info .product__box-configuration{
  flex: 1;
}

/* xps */
.box-content.list-product.box-list-xps .swiper-container .swiper-wrapper,
.box-content.list-product.box-list-precision .swiper-container .swiper-wrapper,
.box-content.list-product.box-list-inspiron-latitude .swiper-container .swiper-wrapper,
.box-content.list-product.box-list-thinkpad .swiper-container .swiper-wrapper,
.box-content.list-product.box-list-office-laptop .swiper-container .swiper-wrapper{
  grid-template-rows: 1fr;
}

/* Trạng thái bình thường */
.box-list-new .list-product-swiper .swiper-wrapper .swiper-slide .product__box-image a,
.box-list-promotion .list-product-swiper .swiper-wrapper .swiper-slide .product__box-image a,
.box-list-xps .list-product-swiper .swiper-wrapper .swiper-slide .product__box-image a,
.box-list-precision .list-product-swiper .swiper-wrapper .swiper-slide .product__box-image a,
.box-list-thinkpad .list-product-swiper .swiper-wrapper .swiper-slide .product__box-image a,
.box-list-inspiron-latitude .list-product-swiper .swiper-wrapper .swiper-slide .product__box-image a,
.box-list-office-laptop .list-product-swiper .swiper-wrapper .swiper-slide .product__box-image a{
    display: block;
    transform: scale(1);
    transition: transform 0.3s ease;
}

/* Khi hover vào slide, phóng to ảnh */
.box-list-new .list-product-swiper .swiper-wrapper .swiper-slide:hover .product__box-image a,
.box-list-promotion .list-product-swiper .swiper-wrapper .swiper-slide:hover .product__box-image a,
.box-list-xps .list-product-swiper .swiper-wrapper .swiper-slide:hover .product__box-image a,
.box-list-precision .list-product-swiper .swiper-wrapper .swiper-slide:hover .product__box-image a,
.box-list-thinkpad .list-product-swiper .swiper-wrapper .swiper-slide:hover .product__box-image a,
.box-list-inspiron-latitude .list-product-swiper .swiper-wrapper .swiper-slide:hover .product__box-image a,
.box-list-office-laptop .list-product-swiper .swiper-wrapper .swiper-slide:hover .product__box-image a {
    transform: scale(1.05);
}
.promotion-icon{
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  width: 30px;
  height: 30px;
}
.proloop-technical--line{
  display: flex;
}
.proloop-technical--line svg{
  width: 16px;
  height: 16px;
}
.product .product__box-name h3, .product .product__box-price>.special-price,
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3,
span.span-price-custom .amount{
  text-align: left;
}
.product .product__box-name h3{
  min-height: 60px;
}
.product .product__box-price>.special-price{
  font-size: 15px;
}
/* overwrite css hover */
.list-product .product:hover:before{
  border-radius: 10px;
}
.sticker-percent{
  z-index: 30;
}