.menu_mobile, .menu_mobile #menu-mew {background-color: #4a90e2;}
.menu_mobile #menu-mew a {color: #ffffff;}

@media (min-width: 992px) {
  .menu_mobile #menu-mew .level0 .level1 a {color: #000000;}
  }

.menu_mobile #menu-mew .level0 i.down_icon::before, .menu_mobile #menu-mew .level0 i.right_icon::before, .menu_mobile #menu-mew .level0 i.left_icon::before, .menu_mobile #menu-mew .level0 i.up_icon::before {border-top-color: rgb(255, 255, 255);}

/* Reponsive ảnh trong mô tả chi tiết sản phẩm */
.product-layout2 .m_content img {max-width: 100%; height: auto!important;}

.product-layout2 .m_content .box_content {border: 1px solid #dee2e6;}

div.coppyright a {display: none!important;}

.product-action_buynow {background: #F94C43;}

.product-main-slide .ratio2by3 {padding-bottom: calc(100% * 3 / 3);}

@media (max-width: 991px) {.product-main-slide .ratio2by3 {margin-top: 40px;}}

.m_content .box_content .special-content_title {display: none!important;}

.m_content .box_content .rte table th, .m_content .box_content .rte table td {border: 1px solid #ddd;}

/* Chỉ áp dụng cho slider trang chủ */
.container-fluid.position-relative .mew_slide .swiper-slide .t-slide.full-slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  z-index: 50 !important;
   opacity: 0;
}

.container-fluid.position-relative .mew_slide .swiper-slide .t-slide.full-slide .link-slide {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  text-indent: -9999px; /* Ẩn chữ mà vẫn giữ link */
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  opacity: 0;
}

/* Cho phép click vào swatch hết hàng để xem ảnh */
.swatch .swatch-element.soldout {
  pointer-events: auto !important;
}

.swatch .color input:checked + .dlabel, .swatch .color.swatch-element:hover .dlabel, .swatch input:checked + label, .swatch .swatch-element:hover label {color: #ffffff!important; background-color: #4a90e2!important;}

.box-content-flashsale {display: none;}

p.mb-0.text-white.line_2.d-none.d-sm-block {display: none!important;}

/* CSS nút thay đổi hình ảnh collection product */

.product-item button[data-variant-id] {
  transition: 0.3s;
}

.product-item .variant-buttons-container {
  display: flex;             
  justify-content: center;  
  align-items: center;   
  flex-wrap: wrap;          
  gap: 4px;             
  margin-top: 10px;  
  margin-bottom: 10px;
  width: 100%;            
  box-sizing: border-box;
}

.product-item button[data-variant-id]:hover {border-color: #000;}

@media (min-width: 992px) {
 div.item-info.position-relative.p-2.px-lg-3 {padding-left: 8px !important; padding-right: 8px !important;}
}

@media (max-width: 991px) {
  .menu_mobile #menu-mew .level0 > a {font-size: 18px; padding-left: 20px !important;}
  .menu_mobile #menu-mew a {padding-left: 25px !important;}
}

//CSS filler colors
/* style cho ô màu hiển thị trong filter */
.filter-color-dot {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin: 0 6px 0 0;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: pointer;
}

/* khi checkbox checked - style hiển thị (khi input được đặt trước span trong DOM) */
.filter-item input[type="checkbox"]:checked + span .filter-color-dot {
  box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
  border-color: #000;
}
/* nếu span chứa label text (fallback) */
.filter-item .filter-color-label {display: inline-block; vertical-align: middle;}

.aside-item .filter-item ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.fs-13 { font-size: 13px !important; line-height: 1.3; }

.category-gallery {display: none;}

footer .footer-left .footer-title {font-size: 16px; text-transform: uppercase;}

div.main.blogs.mt-4 .title.position-relative a.position-relative, .special-content_title a.position-relative, .m_product.relate_pr .title.position-relative a.position-relative, div.box_product_1 .title.position-relative {font-size: 20px; text-transform: uppercase;}