html.dark-mode body {
  background-color: var(--dark-bg-color);
  color: var(--dark-text-color); }

.dark-mode .navbar,
.dark-mode .card,
.dark-mode .dropdown-menu {
  background-color: #171717;
  color: #f1f1f1; }

.dark-mode .btn-outline-dark {
  border-color: #ccc;
  color: #ccc; }

.dark-mode .dark-mode-form input, .dark-mode .dark-mode-form select, .dark-mode .dark-mode-form textarea {
  background-color: var(--dark-input-bg-color) !important;
  border-color: var(--dark-input-border-color) !important;
  color: var(--dark-text-color) !important; }
  .dark-mode .dark-mode-form input::placeholder, .dark-mode .dark-mode-form select::placeholder, .dark-mode .dark-mode-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.6); }

.dark-mode .dark-mode-form .form-floating input::placeholder, .dark-mode .dark-mode-form .form-floating select::placeholder, .dark-mode .dark-mode-form .form-floating textarea::placeholder {
  color: var(--dark-input-bg-color); }

.dark-mode .dark-mode-form button {
  background-color: var(--dark-button-bg-color) !important;
  border-color: var(--dark-input-border-color) !important;
  color: var(--dark-text-color) !important; }
  .dark-mode .dark-mode-form button:hover, .dark-mode .dark-mode-form button:focus {
    background-color: #000 !important;
    color: #fff !important; }
  .dark-mode .dark-mode-form button.clear-history {
    background-color: transparent !important;
    border-color: transparent !important; }

.dark-mode .dark-mode-form .form-floating > label {
  color: var(--dark-text-color);
  background-color: transparent !important; }
  .dark-mode .dark-mode-form .form-floating > label:after {
    background-color: transparent !important; }

.dark-mode a {
  color: var(--dark-link-color); }
  .dark-mode a:hover, .dark-mode a:focus {
    color: var(--main-color); }
    .dark-mode a:hover svg, .dark-mode a:focus svg {
      color: var(--main-color) !important; }

.dark-mode .form-check-input {
  background-color: var(--dark-input-bg-color) !important;
  border-color: var(--dark-input-border-color); }

.dark-mode .wolf-breadcrumb .breadcrumb-item + .breadcrumb-item::before, .dark-mode .wolf-breadcrumb .breadcrumb-item.active, .dark-mode .wolf-breadcrumb a {
  color: var(--dark-text-color); }

.dark-mode .wolf-header-top {
  background-color: var(--dark-bg-color);
  color: var(--dark-text-color); }
  .dark-mode .wolf-header-top .wolf-logo img {
    mix-blend-mode: screen;
    filter: grayscale(100%) brightness(2); }
  .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown {
    background-color: var(--dark-input-bg-color); }
    .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown .clear-history:hover, .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown .clear-history:focus {
      color: var(--main-color) !important; }
    .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown .header-smart-search {
      background-color: var(--dark-input-bg-color);
      border-color: var(--dark-input-border-color) !important; }
      .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown .header-smart-search .text-muted {
        color: var(--dark-text-color) !important; }
    .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown .recent-keywords-wrapper .btn-keyword {
      background-color: #edf2f7;
      padding: 5px 15px;
      color: #4a5568; }
      .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown .recent-keywords-wrapper .btn-keyword:hover {
        background-color: #e2e8f0; }
    .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown .search-header-text {
      color: var(--second-color);
      font-weight: 600; }
  .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown .list-group-item {
    background-color: transparent !important;
    border-color: var(--dark-input-border-color) !important; }
  .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown a.list-group-item {
    background-color: transparent !important;
    border-color: var(--dark-input-border-color) !important; }
    .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown a.list-group-item:hover, .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown a.list-group-item:focus {
      color: var(--main-color) !important; }
    .dark-mode .wolf-header-top .wolf-seach #searchResultsDropdown a.list-group-item small {
      color: var(--main-color) !important; }
  .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-account ul {
    background-color: var(--dark-bg-color);
    border: 1px solid var(--dark-input-border-color); }
    .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-account ul::before {
      border-color: transparent transparent var(--dark-input-border-color); }
    .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-account ul li a {
      color: var(--dark-text-color); }
      .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-account ul li a svg {
        color: var(--dark-text-color); }
      .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-account ul li a:hover, .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-account ul li a:focus {
        color: var(--header-bg-color); }
        .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-account ul li a:hover svg, .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-account ul li a:focus svg {
          color: var(--header-bg-color); }
  .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-cart-header .top-cart-content {
    background: var(--dark-bg-color); }
    .dark-mode .wolf-header-top .wolf-right-function-menu .wolf-cart-header .top-cart-content:before {
      border-bottom-color: var(--dark-input-border-color); }

.dark-mode .CartHeaderContainer {
  background-color: var(--dark-bg-color);
  border: 1px solid var(--dark-input-border-color); }
  .dark-mode .CartHeaderContainer .cart--empty-message, .dark-mode .CartHeaderContainer .cart-empty-message {
    color: var(--dark-text-color); }

.dark-mode .cartheader .cart_body .cart_product {
  border-bottom: solid 1px var(--dark-input-border-color); }

.dark-mode .cartheader .cart_body .cart_image {
  border: none; }

.dark-mode .cartheader .cart_body .cart_info .cart_name a {
  color: var(--dark-text-color); }
  .dark-mode .cartheader .cart_body .cart_info .cart_name a:hover {
    color: var(--main-color); }

.dark-mode .cartheader .cart_body .cart_info .remove-item-cart svg {
  color: var(--dark-text-color); }

.dark-mode .cartheader .cart_body .grid .cart_item_name .cart_quantity {
  color: #333; }

.dark-mode .cartheader .cart_body .grid .cart__btn-remove {
  color: #30656b; }

.dark-mode .cartheader .cart_body .cart_select input {
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color);
  background-color: transparent; }

.dark-mode .cartheader .cart_body .cart_select button {
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color);
  background-color: var(--dark-button-bg-color); }
  .dark-mode .cartheader .cart_body .cart_select button:hover {
    background-color: transparent; }

.dark-mode .cartheader .ajaxcart__footer {
  border-top: 1px solid var(--dark-input-border-color);
  background-color: transparent; }
  .dark-mode .cartheader .ajaxcart__footer .cart__subtotal .cart__col-6 {
    color: var(--dark-text-color); }
  .dark-mode .cartheader .ajaxcart__footer .cart__subtotal .cart__totle .total-price {
    color: var(--main-color); }
  .dark-mode .cartheader .ajaxcart__footer .cart__btn-proceed-checkout-dt button {
    background-color: var(--dark-button-bg-color);
    border-color: var(--dark-input-border-color);
    color: var(--dark-text-color); }
    .dark-mode .cartheader .ajaxcart__footer .cart__btn-proceed-checkout-dt button:hover {
      background-color: #000;
      color: #fff; }

.dark-mode .wolf-header-bottom {
  background-color: #282828; }
  .dark-mode .wolf-header-bottom .reason {
    color: var(--dark-text-color); }
    .dark-mode .wolf-header-bottom .reason + .reason {
      border-color: var(--dark-input-border-color); }
    .dark-mode .wolf-header-bottom .reason:hover {
      color: var(--main-color); }

.dark-mode .wolf-footer .wolf-footer-support {
  background-color: #282828; }
  .dark-mode .wolf-footer .wolf-footer-support a {
    color: var(--dark-text-color); }

.dark-mode .wolf-footer .zalo-app {
  color: var(--dark-text-color); }

.dark-mode .wolf-footer .wolf-footer-menu p {
  color: var(--dark-text-color); }

.dark-mode .wolf-footer .wolf-footer-menu ul li a {
  color: var(--dark-text-color); }
  .dark-mode .wolf-footer .wolf-footer-menu ul li a:hover, .dark-mode .wolf-footer .wolf-footer-menu ul li a:focus {
    color: var(--main-color); }

.dark-mode .wolf-footer .copyright a {
  color: var(--dark-text-color); }

.dark-mode .wolf-menu-root {
  border-color: var(--dark-input-border-color); }
  .dark-mode .wolf-menu-root .menu-main-content .menu-main-content-title svg {
    color: var(--main-color); }
  .dark-mode .wolf-menu-root .menu-main-content .menu-main-content-title .menu-main-title span:first-child {
    color: var(--dark-text-color); }
  .dark-mode .wolf-menu-root .menu-main-content .menu-main-content-title .menu-main-title span + span {
    color: var(--dark-text-color); }
  .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav .nav-root a {
    color: var(--dark-text-color); }
  @media (min-width: 992px) {
    .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav .nav-root:hover {
      background-color: rgba(0, 0, 0, 0.3); }
      .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav .nav-root:hover > a {
        color: #fff; }
        .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav .nav-root:hover > a svg {
          color: #fff !important; } }
  .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav .has-childs .dropdown-menu-1 {
    border-left: 1px solid var(--dark-input-border-color);
    border-top: 1px solid var(--dark-input-border-color);
    background-color: var(--dark-bg-color); }
  @media (max-width: 991px) {
    .dark-mode .wolf-menu-root {
      background-color: var(--dark-bg-color); }
      .dark-mode .wolf-menu-root .menu-main-content .menu-main-content-title {
        background-color: var(--dark-input-bg-color);
        padding: 10px; }
        .dark-mode .wolf-menu-root .menu-main-content .menu-main-content-title svg {
          color: var(--dark-text-color); }
        .dark-mode .wolf-menu-root .menu-main-content .menu-main-content-title .menu-main-title span:first-child {
          color: var(--dark-text-color); }
        .dark-mode .wolf-menu-root .menu-main-content .menu-main-content-title .menu-main-title span + span {
          color: var(--dark-text-color); }
      .dark-mode .wolf-menu-root .menu-main-content .list-main-menu {
        background-color: var(--dark-bg-color); }
        .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav {
          background-color: var(--dark-input-bg-color); }
          .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav li {
            border-color: var(--dark-input-border-color); }
          .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav .nav-root a svg {
            color: var(--dark-text-color) !important; }
          .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav .has-childs .dropdown-menu-1 {
            background-color: var(--dark-bg-color); }
            .dark-mode .wolf-menu-root .menu-main-content .list-main-menu #nav .has-childs .dropdown-menu-1 .nav-item-lv2:not(:last-child) a {
              border-color: var(--dark-input-border-color); } }

.dark-mode .wolf-page-customer .alert.alert-light {
  background-color: #151515;
  border-color: #343a40;
  color: var(--dark-text-color); }

.dark-mode .wolf-page-customer .wolf-account-content .wolf-account-title {
  color: var(--dark-text-color); }

.dark-mode .wolf-customer-account .wolf-block-account-function .list-group li {
  background-color: transparent;
  border-color: var(--dark-input-border-color); }
  .dark-mode .wolf-customer-account .wolf-block-account-function .list-group li a {
    color: var(--dark-link-color); }
    .dark-mode .wolf-customer-account .wolf-block-account-function .list-group li a:hover, .dark-mode .wolf-customer-account .wolf-block-account-function .list-group li a:focus {
      color: var(--main-color); }

.dark-mode .wolf-customer-account .table > :not(caption) > * > * {
  background-color: transparent;
  border-color: var(--dark-input-border-color);
  color: var(--dark-link-color); }

.dark-mode .wolf-customer-account .modal .modal-content {
  background-color: var(--dark-bg-color);
  color: var(--dark-text-color);
  border-color: rgba(255, 255, 255, 0.15); }
  .dark-mode .wolf-customer-account .modal .modal-content .modal-header, .dark-mode .wolf-customer-account .modal .modal-content .modal-footer {
    border-color: rgba(255, 255, 255, 0.15); }
  .dark-mode .wolf-customer-account .modal .modal-content .form-floating > label {
    color: rgba(255, 255, 255, 0.6); }
  .dark-mode .wolf-customer-account .modal .modal-content .modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%); }

@media (max-width: 767px) {
  .dark-mode #my-orders-table tr + tr {
    border-color: var(--dark-input-border-color); } }

.dark-mode .border-bottom {
  border-color: var(--dark-input-border-color) !important; }

.dark-mode .wolf-page-store .option-chos .info-store .store-list + .store-list {
  border-color: var(--dark-input-border-color); }

.dark-mode .wolf-page-store .option-chos .info-store .store-list:hover {
  background-color: rgba(0, 0, 0, 0.3); }

.dark-mode .wolf-page-store .option-chos .info-store .store-list .store-info svg path {
  fill: var(--dark-text-color); }

.dark-mode .wolf-page-store .option-chos .info-store .store-list .store-info a:hover, .dark-mode .wolf-page-store .option-chos .info-store .store-list .store-info a:focus {
  color: var(--main-color); }

.dark-mode .wolf-blog-item .wolf-blog-item-title a, .dark-mode .wolf-blog-item-small .wolf-blog-item-title a {
  color: var(--dark-text-color); }
  .dark-mode .wolf-blog-item .wolf-blog-item-title a:hover, .dark-mode .wolf-blog-item .wolf-blog-item-title a:focus, .dark-mode .wolf-blog-item-small .wolf-blog-item-title a:hover, .dark-mode .wolf-blog-item-small .wolf-blog-item-title a:focus {
    color: var(--main-color); }

.dark-mode .text-secondary {
  color: var(--dark-text-color) !important; }

.dark-mode .wolf-article-right-content .toc-wrap {
  background-color: var(--dark-bg-color);
  border: 1px solid var(--dark-input-border-color); }
  .dark-mode .wolf-article-right-content .toc-wrap .toc-title {
    color: var(--dark-text-color);
    border-bottom: 1px solid var(--dark-input-border-color); }
  .dark-mode .wolf-article-right-content .toc-wrap #toc a {
    color: var(--dark-text-color); }

.dark-mode .comment-box {
  position: relative;
  background: var(--dark-input-bg-color);
  border: 1px solid var(--dark-input-border-color); }
  .dark-mode .comment-box::before {
    border-right-color: var(--dark-input-border-color); }
  .dark-mode .comment-box::after {
    border-right-color: var(--dark-input-border-color); }

.dark-mode .layout-404 .wolf-btn-main {
  background-color: var(--dark-button-bg-color) !important;
  border-color: var(--dark-input-border-color) !important;
  color: var(--dark-text-color) !important; }
  .dark-mode .layout-404 .wolf-btn-main:hover, .dark-mode .layout-404 .wolf-btn-main:focus {
    background-color: #000 !important;
    color: #fff !important; }

.dark-mode .flash-sale-tabs .flash-sale-tabs-content {
  background-color: #282828; }
  .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabs, .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabContent {
    background-color: var(--dark-bg-color); }
  .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabs .nav-item .flash-sale-nav-item {
    color: var(--main-color); }
    .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabs .nav-item .flash-sale-nav-item.active, .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabs .nav-item .flash-sale-nav-item:hover {
      background-color: var(--dark-button-bg-color);
      border-bottom-color: var(--dark-input-border-color); }
      .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabs .nav-item .flash-sale-nav-item.active .flash-sale-time, .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabs .nav-item .flash-sale-nav-item:hover .flash-sale-time {
        color: var(--main-color); }
      .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabs .nav-item .flash-sale-nav-item.active .flash-sale-count span, .dark-mode .flash-sale-tabs .flash-sale-tabs-content #saleTabs .nav-item .flash-sale-nav-item:hover .flash-sale-count span {
        color: var(--dark-text-color); }

.dark-mode .section_voucher .coupon-wrap {
  border-color: var(--dark-input-border-color);
  background-color: var(--dark-input-bg-color); }
  .dark-mode .section_voucher .coupon-wrap .coupon-detail:before, .dark-mode .section_voucher .coupon-wrap .coupon-detail:after, .dark-mode .section_voucher .coupon-wrap .coupon-title:before, .dark-mode .section_voucher .coupon-wrap .coupon-title:after {
    background-color: var(--dark-bg-color);
    border-color: var(--dark-input-border-color); }

.dark-mode .wolf-product-item-card .wolf-product-card-media {
  background-color: var(--dark-button-bg-color); }

.dark-mode .wolf-product-item-card .button-set .gbtn {
  color: var(--dark-text-color);
  background-color: var(--dark-button-bg-color);
  border: 1px solid var(--dark-input-border-color); }
  .dark-mode .wolf-product-item-card .button-set .gbtn:hover {
    color: #fff;
    background-color: #000;
    border-color: #000; }

.dark-mode .wolf-product-item-card .wolf-product-card-info .wolf-product-title {
  color: var(--dark-text-color); }
  .dark-mode .wolf-product-item-card .wolf-product-card-info .wolf-product-title:hover, .dark-mode .wolf-product-item-card .wolf-product-card-info .wolf-product-title:focus {
    color: var(--main-color); }

.dark-mode .wolf-product-item-card .wolf-product-action button {
  background-color: var(--dark-button-bg-color);
  color: var(--dark-text-color); }
  .dark-mode .wolf-product-item-card .wolf-product-action button:hover, .dark-mode .wolf-product-item-card .wolf-product-action button:focus {
    background-color: var(--second-color);
    color: #fff; }

.dark-mode .wolf-top-deal .nav-tabs .tab-link.current, .dark-mode .wolf-top-deal .nav-tabs .tab-link:hover {
  background-color: var(--dark-button-bg-color);
  border-color: var(--dark-input-border-color); }
  .dark-mode .wolf-top-deal .nav-tabs .tab-link.current::after, .dark-mode .wolf-top-deal .nav-tabs .tab-link:hover::after {
    border-color: var(--dark-input-border-color) transparent transparent; }

.dark-mode .wolf-top-deal .tab-content.current {
  border-color: var(--dark-input-border-color); }

.dark-mode .wolf-popover {
  --bs-popover-border-color: #343a40;
  --bs-popover-header-bg: #343a40;
  --bs-popover-bg: var(--dark-input-bg-color);
  --bs-popover-header-color: var(--dark-text-color);
  --bs-popover-body-color: var(--dark-text-color); }

.dark-mode .wolf-products-block .wolf-products-block-product-title a {
  color: var(--dark-text-color); }
  .dark-mode .wolf-products-block .wolf-products-block-product-title a:hover, .dark-mode .wolf-products-block .wolf-products-block-product-title a:focus {
    color: var(--main-color); }

.dark-mode .wolf-products-block .wolf-products-block-view-more a {
  background-color: var(--dark-button-bg-color);
  color: var(--dark-text-color); }
  .dark-mode .wolf-products-block .wolf-products-block-view-more a:hover, .dark-mode .wolf-products-block .wolf-products-block-view-more a:focus {
    color: #fff;
    background-color: var(--second-color); }

.dark-mode .wolf-products-block.wolf-products-block-2 .wolf-products-block-product-titles ul li {
  background-color: var(--dark-button-bg-color); }
  .dark-mode .wolf-products-block.wolf-products-block-2 .wolf-products-block-product-titles ul li a {
    color: var(--dark-text-color); }
  .dark-mode .wolf-products-block.wolf-products-block-2 .wolf-products-block-product-titles ul li:hover {
    background-color: var(--second-color);
    color: #fff; }

.dark-mode .wolf_section_blog .wolf-blog-title a {
  color: var(--dark-text-color); }
  .dark-mode .wolf_section_blog .wolf-blog-title a:hover, .dark-mode .wolf_section_blog .wolf-blog-title a:focus {
    color: var(--main-color); }

.dark-mode .wolf_section_blog .wolf-blog-item-title a {
  color: var(--dark-text-color); }
  .dark-mode .wolf_section_blog .wolf-blog-item-title a:hover, .dark-mode .wolf_section_blog .wolf-blog-item-title a:focus {
    color: var(--main-color); }

.dark-mode .wolf_section_blog .wolf-blog-block-view-more a {
  background-color: var(--dark-button-bg-color);
  color: var(--dark-text-color); }
  .dark-mode .wolf_section_blog .wolf-blog-block-view-more a:hover, .dark-mode .wolf_section_blog .wolf-blog-block-view-more a:focus {
    color: #fff;
    background-color: var(--second-color); }

.dark-mode #exitPopup .modal-header {
  border-color: var(--dark-input-border-color);
  color: var(--dark-text-color); }

.dark-mode #exitPopup .modal-content {
  background-color: var(--dark-bg-color); }

.dark-mode #exitPopup .btn-close {
  filter: invert(1); }

.dark-mode .wolf-collections-sales .block-product-sale .wolf-sale-swiper {
  background-color: var(--dark-bg-color); }

.dark-mode .wolf-list-accessories .search-item:hover, .dark-mode .wolf-list-accessories .search-item:focus, .dark-mode .wolf-list-accessories .search-item.active {
  border-color: #6c757d; }

.dark-mode .wolf-list-accessories .search-item .keyword-info-title {
  color: var(--dark-text-color); }

.dark-mode .menu-level-3 a {
  background-color: var(--dark-input-bg-color);
  color: #6c757d;
  border: 1px solid #6c757d !important; }
  .dark-mode .menu-level-3 a.active {
    background-color: var(--dark-input-bg-color);
    color: var(--second-color);
    border-color: var(--second-color) !important; }
  .dark-mode .menu-level-3 a:hover, .dark-mode .menu-level-3 a:focus {
    background-color: var(--dark-input-bg-color);
    color: var(--second-color);
    border-color: var(--second-color) !important; }

.dark-mode .wolf-filter-cate .filter-containers .aside-title {
  border: 1px solid #6c757d;
  color: #6c757d; }
  @media (max-width: 767px) {
    .dark-mode .wolf-filter-cate .filter-containers .aside-title {
      background-color: var(--second-color);
      color: #fff; } }

.dark-mode .wolf-filter-cate .aside-item .aside-title {
  border: 1px solid #6c757d;
  color: #6c757d; }
  .dark-mode .wolf-filter-cate .aside-item .aside-title:after {
    border-top: 6px solid #6c757d; }

.dark-mode .wolf-filter-cate .aside-item .aside-content {
  background-color: #1b1f22 !important;
  color: #6c757d; }
  .dark-mode .wolf-filter-cate .aside-item .aside-content::before {
    border-color: transparent transparent #232322; }
  .dark-mode .wolf-filter-cate .aside-item .aside-content.filter-group ul li + li {
    border-top: 1px solid #6c757d; }

.dark-mode .wolf-filter-cate .aside-item.sort-cate-left .aside-content ul li a {
  color: #6c757d; }

.dark-mode .wolf-filter-cate .aside-item.sort-cate-left .aside-content ul li + li {
  border-top: 1px solid #6c757d; }

@media (max-width: 767px) {
  .dark-mode .wolf-filter-scroll {
    background-color: var(--dark-bg-color); }
  .dark-mode .wolf-filter-cate .aside-item .aside-title {
    border: 1px solid #6c757d;
    color: #f1f1f1;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .dark-mode .wolf-filter-cate .aside-item .aside-content {
    background-color: transparent !important;
    border: 1px solid #6c757d;
    color: #6c757d;
    border-top: none;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }
    .dark-mode .wolf-filter-cate .aside-item .aside-content.filter-group ul li + li {
      border-top: none; }
  .dark-mode .wolf-filter-cate .aside-item.sort-cate-left .aside-content ul li a {
    color: #6c757d; }
  .dark-mode .wolf-filter-cate .aside-item.sort-cate-left .aside-content ul li + li {
    border-top: none; } }

.dark-mode .paginate-pages .pagination .page-item .page-link {
  background-color: transparent;
  color: #6ea8fe;
  border-color: #495057; }
  .dark-mode .paginate-pages .pagination .page-item .page-link:hover, .dark-mode .paginate-pages .pagination .page-item .page-link:focus {
    background-color: #2b3035;
    border-color: #495057;
    color: #6ea8fe; }

.dark-mode .paginate-pages .pagination .page-item.disabled .page-link {
  background-color: transparent;
  color: #6ea8fe;
  border-color: #495057; }

.dark-mode .paginate-pages .pagination .page-item.active .page-link {
  background-color: var(--second-color);
  border-color: var(--second-color);
  color: #fff; }

.dark-mode .wolf-product-images .btn-fav-toggle {
  color: var(--second-color);
  border-color: var(--second-color);
  background-color: var(--dark-input-bg-color); }

.dark-mode .wolf-product-images .gallery-thumbs .swiper-slide {
  border: 2px solid var(--dark-input-border-color); }
  .dark-mode .wolf-product-images .gallery-thumbs .swiper-slide.swiper-slide-thumb-active, .dark-mode .wolf-product-images .gallery-thumbs .swiper-slide:hover {
    border-color: var(--second-color); }

.dark-mode .wolf-product-content .price-box .save-price {
  color: var(--dark-text-color); }
  .dark-mode .wolf-product-content .price-box .save-price .product-price-save {
    color: var(--second-color); }

.dark-mode .wolf-product-content .input_number_product .btn_num {
  color: var(--second-color);
  background-color: var(--dark-input-bg-color); }

.dark-mode .wolf-product-content .input_number_product input {
  background-color: var(--dark-input-bg-color);
  color: var(--second-color); }

.dark-mode .wolf-product-content .select-swatch .swatch .header {
  color: var(--dark-text-color); }

.dark-mode .wolf-product-content .select-swatch .swatch .swatch-element label {
  border-color: var(--dark-input-border-color);
  background-color: transparent; }

.dark-mode .wolf-product-content .select-swatch .swatch .swatch-element.color input:checked + label {
  border-color: var(--dark-input-border-color); }

.dark-mode .wolf-product-content #back-in-stock-form .alert-danger {
  background-color: var(--dark-bg-color);
  border: 1px solid #6c757d; }

.dark-mode .wolf-product-content .coupon-hover .mini-coupon .voucher-ticket {
  background: var(--dark-input-bg-color);
  color: var(--voucher-text-color); }
  .dark-mode .wolf-product-content .coupon-hover .mini-coupon .voucher-ticket:before, .dark-mode .wolf-product-content .coupon-hover .mini-coupon .voucher-ticket:after {
    background-image: radial-gradient(var(--dark-bg-color) 2px, transparent 0); }

.dark-mode .wolf-product-content .coupon-hover .evo-coupon {
  border-color: var(--dark-input-border-color);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  background: var(--dark-input-bg-color); }
  .dark-mode .wolf-product-content .coupon-hover .evo-coupon:before {
    border-bottom-color: rgba(0, 0, 0, 0.09); }
  .dark-mode .wolf-product-content .coupon-hover .evo-coupon:after {
    border-bottom-color: var(--dark-input-border-color); }
  .dark-mode .wolf-product-content .coupon-hover .evo-coupon .item-coupon {
    background: transparent;
    color: var(--dark-text-color);
    border-color: var(--dark-input-border-color); }
    .dark-mode .wolf-product-content .coupon-hover .evo-coupon .item-coupon .coupon-code {
      background-color: var(--dark-bg-color);
      color: #fff; }
      .dark-mode .wolf-product-content .coupon-hover .evo-coupon .item-coupon .coupon-code:hover, .dark-mode .wolf-product-content .coupon-hover .evo-coupon .item-coupon .coupon-code:focus {
        background-color: #000;
        color: #fff; }

.dark-mode .wolf-product-content .coupon-hover .wolf-popover {
  --bs-popover-border-color: #343a40;
  --bs-popover-header-bg: #343a40;
  --bs-popover-bg: var(--dark-input-bg-color);
  --bs-popover-header-color: var(--dark-text-color);
  --bs-popover-body-color: var(--dark-text-color); }

.dark-mode .product-bundled-section .bundled-products {
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .dark-mode .product-bundled-section .bundled-products::-webkit-scrollbar-track {
    background: #555; }
  .dark-mode .product-bundled-section .bundled-products::-webkit-scrollbar-thumb {
    background: #bbb; }
  .dark-mode .product-bundled-section .bundled-products::-webkit-scrollbar-thumb:hover {
    background: #555; }
  .dark-mode .product-bundled-section .bundled-products .bundled-product .view-product {
    color: var(--dark-text-color); }
    .dark-mode .product-bundled-section .bundled-products .bundled-product .view-product:hover {
      color: var(--main-color); }
  .dark-mode .product-bundled-section .bundled-products .bundled-product select {
    background-color: transparent;
    border-color: #495057;
    color: var(--dark-text-color); }

.dark-mode .product-bundled-section .bundled-right #bundled-price {
  color: var(--main-color);
  font-weight: 600;
  font-size: 17px; }

.dark-mode .product-bundled-section .bundled-right button {
  background-color: var(--dark-button-bg-color);
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color); }
  .dark-mode .product-bundled-section .bundled-right button:hover, .dark-mode .product-bundled-section .bundled-right button:focus {
    background-color: #000;
    color: #fff;
    border: 1px solid var(--dark-input-border-color); }

.dark-mode .wolf-product-review-details .wolf-product-review-content {
  color: var(--dark-text-color); }

.dark-mode .wolf-product-relate .title-head a {
  color: var(--dark-text-color); }

.dark-mode #popup-cart-mobile .modal-content {
  background-color: var(--dark-bg-color); }
  .dark-mode #popup-cart-mobile .modal-content .modal-header {
    background-color: var(--dark-input-bg-color);
    color: var(--dark-text-color); }
  .dark-mode #popup-cart-mobile .modal-content .modal-header, .dark-mode #popup-cart-mobile .modal-content .modal-footer {
    border-color: var(--dark-input-border-color); }
  .dark-mode #popup-cart-mobile .modal-content .bodycart-mobile .body_content .product-title a {
    color: var(--dark-text-color); }

.dark-mode .cart-page .cart_body .cart_info .cart_name a.cart__btn-remove {
  color: var(--dark-link-color); }

.dark-mode .cart-page .cart_body .cart_select button {
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color);
  background-color: var(--dark-button-bg-color); }
  .dark-mode .cart-page .cart_body .cart_select button:hover {
    background-color: transparent; }

.dark-mode .cart-page .cart_body .cart_select input {
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color);
  background-color: transparent; }

.dark-mode .cart-page .cart_body .ajaxcart__row {
  border-color: var(--dark-input-border-color); }

.dark-mode .cart-page .ajaxcart__footer .cart__btn-proceed-checkout-dt button {
  background-color: var(--dark-button-bg-color);
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color); }
  .dark-mode .cart-page .ajaxcart__footer .cart__btn-proceed-checkout-dt button:hover, .dark-mode .cart-page .ajaxcart__footer .cart__btn-proceed-checkout-dt button:focus {
    background-color: #000;
    color: #fff;
    border: 1px solid var(--dark-input-border-color); }

.dark-mode .cart-page .btn-proceed-checkout:hover, .dark-mode .cart-page .btn-proceed-checkout:focus {
  color: #fff;
  background-color: #5c636a; }

.dark-mode .formVAT {
  background-color: #282828; }
  .dark-mode .formVAT .timedeli-modal fieldset input, .dark-mode .formVAT .timedeli-modal fieldset select {
    border: 1px solid var(--dark-input-border-color);
    background-color: #282828;
    color: #dee2e6; }
    .dark-mode .formVAT .timedeli-modal fieldset input::placeholder, .dark-mode .formVAT .timedeli-modal fieldset select::placeholder {
      color: #dee2e6; }

.dark-mode .datepicker-dropdown {
  background: #282828;
  border: solid 1px var(--dark-input-border-color); }

.dark-mode .datepicker table tr td.disabled, .dark-mode .datepicker table tr th.disabled {
  background: var(--dark-bg-color);
  cursor: default; }

.dark-mode .datepicker table tr td:hover:not(.disabled, .disabled), .dark-mode .datepicker table tr th:hover:not(.disabled, .disabled) {
  background: var(--dark-bg-color); }

.dark-mode .cart-mobile .cart_body .cart_product {
  border-color: var(--dark-input-border-color); }

.dark-mode .cart-mobile .cart_body .cart_select button {
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color);
  background-color: var(--dark-button-bg-color); }
  .dark-mode .cart-mobile .cart_body .cart_select button:hover {
    background-color: transparent; }

.dark-mode .cart-mobile .cart_body .cart_select input {
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color);
  background-color: transparent; }

.dark-mode .cart-mobile .ajaxcart__footer .cart_btn_continue a:hover, .dark-mode .cart-mobile .ajaxcart__footer .cart_btn_continue a:focus {
  color: #fff;
  background-color: #5c636a; }

.dark-mode .cart-mobile .ajaxcart__footer .cart__btn-proceed-checkout-dt button {
  background-color: var(--dark-button-bg-color);
  border: 1px solid var(--dark-input-border-color);
  color: var(--dark-text-color); }
  .dark-mode .cart-mobile .ajaxcart__footer .cart__btn-proceed-checkout-dt button:hover, .dark-mode .cart-mobile .ajaxcart__footer .cart__btn-proceed-checkout-dt button:focus {
    background-color: #000;
    color: #fff;
    border: 1px solid var(--dark-input-border-color); }

.dark-mode #quick-view-product .modal-content {
  background-color: var(--dark-bg-color);
  color: var(--dark-text-color); }
  .dark-mode #quick-view-product .modal-content .modal-header {
    background-color: var(--dark-input-bg-color);
    color: var(--dark-text-color);
    border-color: var(--dark-input-border-color); }
    .dark-mode #quick-view-product .modal-content .modal-header .btn-close {
      filter: invert(1); }

.dark-mode #quick-view-product .product-info .title-product {
  color: var(--dark-link-color); }
  .dark-mode #quick-view-product .product-info .title-product a {
    color: var(--dark-link-color); }

.dark-mode #quick-view-product .form_product_content .soluong1 .btn_num {
  color: var(--second-color);
  background-color: var(--dark-input-bg-color); }
  .dark-mode #quick-view-product .form_product_content .soluong1 .btn_num:hover, .dark-mode #quick-view-product .form_product_content .soluong1 .btn_num:focus {
    background-color: #000; }

.dark-mode #quick-view-product .form_product_content .soluong1 #quantity-detail {
  background-color: var(--dark-input-bg-color);
  color: var(--second-color); }

.dark-mode #quick-view-product .swatch .swatch-element label {
  border-color: var(--dark-input-border-color);
  background-color: transparent; }

.dark-mode #quick-view-product .swatch .swatch-element.color input:checked + label {
  position: relative;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  border: 1px solid #222; }

.dark-mode .product-bundled-section .bundled-right {
  border-color: var(--dark-input-border-color); }

.dark-mode #successModal .modal-content {
  background-color: var(--dark-bg-color);
  color: var(--dark-text-color); }
  .dark-mode #successModal .modal-content .modal-header {
    border-color: var(--dark-input-border-color); }
    .dark-mode #successModal .modal-content .modal-header .btn-close {
      filter: invert(1); }
  .dark-mode #successModal .modal-content .modal-body a {
    background-color: var(--dark-button-bg-color);
    border: 1px solid var(--dark-input-border-color);
    color: var(--dark-text-color); }
    .dark-mode #successModal .modal-content .modal-body a:hover, .dark-mode #successModal .modal-content .modal-body a:focus {
      background-color: #000;
      color: #fff;
      border: 1px solid var(--dark-input-border-color); }

.dark-mode .def-content {
  background-color: var(--dark-button-bg-color); }
  .dark-mode .def-content:before {
    border-top-color: var(--dark-button-bg-color); }
  .dark-mode .def-content .def-header {
    background-color: var(--dark-bg-color);
    color: var(--dark-text-color); }
    .dark-mode .def-content .def-header .close-icon {
      background-color: var(--dark-bg-color);
      color: var(--dark-text-color); }
  .dark-mode .def-content .item:hover {
    background-color: rgba(0, 0, 0, 0.3); }
    .dark-mode .def-content .item:hover a {
      color: var(--dark-text-color); }
      .dark-mode .def-content .item:hover a svg {
        color: var(--dark-text-color) !important; }