:root {
  --bg-black: #121212;
}
.dark-mode,
.dark-mode #content,
.dark-mode .shop-container,
.dark-mode #main,
.dark-mode #wrapper {
  background-color: var(--bg-black);
}

.dark-mode a,
.dark-mode ul,
.dark-mode li,
.dark-mode p,
.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode table,
.dark-mode th,
.dark-mode td,
.dark-mode button,
.dark-mode input,
.dark-mode select,
.dark-mode textarea,
.dark-mode ol,
.dark-mode div,
.dark-mode span,
.dark-mode strong,
.dark-mode em,
.dark-mode i,
.dark-mode b {
  color: #fff;
}
.dark-mode #main .home-sec-6 {
  background: linear-gradient(0deg, #121212 50%, #262626 50%);
}
.dark-mode #main .home-sec-4 {
  background: linear-gradient(180deg, #232323 0%, #262626 100%);
}
.dark-mode #main .home-sec-7 {
  background: linear-gradient(180deg, #121212 0%, #232323 100%);
}
.price-min {
  display: none;
}
.dark-mode .header-bg-color {
  background-color: var(--bg-black);
}
.dark-mode .header-nav-main a {
  color: #fff !important;
}
.dark-mode .header-nav-main li:hover > a,
.dark-mode .header-nav-main li.active > a {
  color: #ff3131 !important;
}
.dark-mode #masthead .image-icon img {
  filter: brightness(0) invert(1);
}
.dark-mode #header .searchform > .flex-row {
  border-radius: 99px;
  padding: 3px 4px;
}
.dark-mode #header #woocommerce-product-search-field-0 {
  background: transparent;
}
.dark-mode #header .searchform .button.icon {
  background-color: #ff3131;
  border-radius: 99px !important;
}
.dark-mode .shop-page-title .breadcrumbs {
  color: #fff;
}
.dark-mode .sortbycate .box-loc .order-list .order-item a {
  color: var(--bg-black);
}
.product-small .box-image {
  border-radius: 10px;
  border: 1px solid #4f4f4f;
  background-color: #fff;
}
.collection-section-loadmore__btn {
  padding: 0 30px;
  border-radius: 10px;
  background-color: transparent;
  border: solid 2px #2c2c2c;
}
.dark-mode .phanloai-list li img {
  filter: brightness(0) invert(1);
}
.box-image .out-of-stock-label {
  background-color: #ff3131;
  opacity: 1;
  color: #fff;
}
.dark-mode .col-pro-sidebar .col-giaohang .stack {
  background-color: var(--bg-black);
}
.dark-mode .product-info .box-toggle p img,
.dark-mode .col-pro-sidebar .icon-box img {
  filter: brightness(0) invert(1);
}
.dark-mode .box-size-content-head .box-size-thitruong {
  border: 1px solid #fff;
  background: transparent;
}
.dark-mode .box-size-content-head .box-size-thitruong:hover,
.dark-mode .box-size-content-head .box-size-thitruong.active {
  color: var(--bg-black);
  background: #fff;
}
.dark-mode .woocommerce-variation-add-to-cart .single_add_to_cart_button {
  background-color: #ff3131;
}
.dark-mode .btn-pre-order,
.dark-mode .buy_now_button {
  background-color: #fff;
  color: var(--bg-black);
}
.dark-mode .btn-pre-order:hover,
.dark-mode .buy_now_button:hover {
  background-color: #ff3131;
  color: #fff;
}
.dark-mode .row-product-tab:before {
  background: linear-gradient(180deg, rgb(255, 255, 255, 0), rgb(18 18 18));
}
.dark-mode .btn--view-more a:hover,
.dark-mode .btn--view-more a:hover i {
  color: var(--bg-black);
}
.dark-mode .product-gallery .flickity-button {
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(
    180deg,
    rgba(112, 112, 112, 0.3) 0%,
    rgba(124, 124, 124, 0.5) 100%
  );
  backdrop-filter: blur(2px);
}
.dark-mode .nav-dots-small .flickity-page-dots .dot,
.dark-mode .row-slider .flickity-page-dots .dot {
  background-color: #fff;
}
.dark-mode .page-about-1 .col-left p,
.dark-mode .lh-sec-1 .box-lh p {
  color: #fff;
}
.dark-mode .lh-sec-1 .info-lh-item {
  color: var(--bg-black);
}
.f-lienhe .wpcf7-submit {
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: linear-gradient(
    180deg,
    rgba(112, 112, 112, 0.3) 0%,
    rgba(124, 124, 124, 0.5) 100%
  );
  backdrop-filter: blur(2px);
}
.dark-mode .off-canvas-left .mfp-content,
.dark-mode .off-canvas-right .mfp-content {
  background-color: var(--bg-black);
}

.dark-mode #header .btn-menumobi span {
  background-color: #fff;
}
.dark-mode #masthead .menu-item .sub-menu a i,
.dark-mode #masthead .menu-item .sub-menu a img {
  color: var(--bg-black);
}
.dark-mode .progress-wrap svg.progress-circle path {
  stroke: #fff;
}
.dark-mode .list-item.danhmuc-sp li.active a:before,
.dark-mode .progress-wrap::after,
.dark-mode .info-top .box-postdate span,
.dark-mode #block_widget-2 .widget-title span,
.dark-mode .product-footer .tab-panels .content * {
  color: #fff;
}
.dark-mode input:focus,
.dark-mode textarea:focus,
.dark-mode select:focus {
  color: #fff !important;
}
@media screen and (max-width: 849.98px) {
  .dark-mode #main-menu.mobile-sidebar .nav-sidebar.nav-vertical > li {
    border-top: 1px solid #656565;
    background-color: var(--bg-black);
  }
  .dark-mode #main-menu #woocommerce-product-search-field-1 {
    background-color: transparent;
  }
  .dark-mode #main-menu.mobile-sidebar {
    background-color: var(--bg-black);
  }
  .dark-mode #main-menu.mobile-sidebar .menu-item a {
    color: #fff !important;
  }
  .dark-mode #nav-bottom .item i,
  .dark-mode #nav-bottom .item img {
    color: var(--bg-black);
  }
}
