/* Header */

.header {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.header-topbar {
  background-image: url(../images/background-topbar.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
.header-topbar .topbar-swiper .swiper-slide {
  padding: 11px 0;
}
.header-topbar .topbar-swiper .swiper-slide a {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.header-topbar .topbar-swiper .swiper-slide a:hover {
  opacity: 0.6;
}
.header-middle {
  background: var(--middleHeaderColor);
  padding: 16px 0;
  position: relative;
}
.header-middle .col-search .header-search {
  position: relative;
}
@media (min-width: 991px) {
  .header-middle .col-search .header-search {
    margin-left: 40px;
  }
}
.header-middle .col-search .header-search input {
  width: 100%;
  height: 52px;
  border: none;
  padding-right: 60px;
  padding-left: 20px;
  color: #99a2bc;
  background: #faf4f1;
  border-radius: 53px;
}
.header-middle .col-search .header-search input::placeholder {
  color: #99a2bc;
  font-size: 14px;
}
.header-middle .col-search .header-search button {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 0;
  border-radius: 36px;
  background: var(--mainColor);
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-middle .col-search .header-search button svg {
  fill: #fff;
  width: 16px;
  height: 16px;
}
.header-middle .col-search .header-search button:hover {
  opacity: 0.7;
}
.header-middle .col-right div {
  margin-left: 20px;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .header-middle .col-right div {
    margin-left: 15px;
  }
}
.header-middle .col-right div svg {
  display: block;
  margin: auto;
}
.header-middle .col-right .header-account {
  position: relative;
}
.header-middle .col-right .header-account > a span {
  display: block;
}
.header-middle .col-right .header-account .drop-account {
  width: 130px;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  text-align: center;
  z-index: 999;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
  -moz-box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
  box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
  transition-duration: 0s;
  transition-delay: 0.1s;
  opacity: 0;
  visibility: hidden;
}
.header-middle .col-right .header-account .drop-account a {
  display: block;
  text-decoration: none;
  line-height: 30px;
  padding: 0 5px;
  border-bottom: solid 1px #ebebeb;
}
.header-middle .col-right .header-account .drop-account a:last-child {
  border-bottom: none;
}
@media (min-width: 991px) {
  .header-middle .col-right .header-account:hover .drop-account {
    opacity: 1;
    visibility: visible;
  }
}
.header-middle .col-right .header-cart a {
  position: relative;
}
.header-middle .col-right .header-cart .count_item.count_item_pr {
  position: absolute;
  right: 10px;
  top: -10px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: var(--mainColor);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .header-middle .col-search {
    -ms-flex: 0 0 56.333333%;
    flex: 0 0 56.333333%;
    max-width: 56.333333%;
  }
  .header-middle .col-right {
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
  }
}
.header-top {
  background: var(--topBarColor);
}
.header-top .col-left ul {
  gap: 30px;
}
.header-top .col-left ul li {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: var(--topBarTextColor);
}
.header-top .col-left ul li a {
  color: var(--topBarTextColor);
}
.header-top .col-left ul li a:hover {
  opacity: 0.7;
}
.header-top .col-left ul li a svg path {
  fill: var(--topBarTextColor);
}
.header-top .col-left ul li:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 4px;
  width: 1px;
  height: 15px;
  background: #062462;
  opacity: 0.2;
}
.header-top .col-left ul li:last-child:after {
  display: none;
}
.header-top .col-left ul li svg {
  margin-right: 3px;
}
.header-top .col-left ul li svg path {
  fill: #231f20;
}
.header-top .col-left ul li svg.svg-address {
  margin-top: -1px;
}
.header-top .col-left ul li svg.svg-address path {
  fill: none;
  stroke: var(--topBarTextColor);
}
.header-menu .col-left .header-category {
  position: relative;
  width: 100%;
}
.header-menu .col-left .header-category .title {
  border-radius: 6px;
  background: var(--mainColor);
  color: #fff;
  border: 1px solid transparent;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
}
.header-menu .col-left .header-category .title svg {
  margin-right: 8px;
}
.header-menu .col-left .header-category .title svg path {
  stroke: #fff;
}
.header-menu .col-left .header-category .title:hover {
  border: 1px solid var(--mainColor);
  color: var(--mainColor);
  background: transparent;
}
.header-menu .col-left .header-category .title:hover path {
  stroke: var(--mainColor);
}
.header-menu .col-right > div {
  margin-left: 15px;
  position: relative;
}
.header-menu .col-right > div svg {
  position: relative;
  margin-right: 6px;
}
@media (min-width: 991px) {
  .navigation-head {
    display: flex;
    align-items: center;
  }
  .navigation-head #prevNav svg,
  .navigation-head #nextNav svg {
    width: 12px;
    height: 12px;
  }
  .navigation-head #prevNav svg path,
  .navigation-head #nextNav svg path {
    fill: #231f20;
  }
  .navigation-head #prevNav:hover svg path,
  .navigation-head #nextNav:hover svg path {
    fill: var(--mainColor);
  }
  .navigation-head #prevNav {
    right: 15px;
  }
  .navigation-head .nav-horizontal {
    flex: 1;
    display: block;
    overflow-x: hidden;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
  }
  .navigation-head .nav-horizontal::-webkit-scrollbar {
    width: 0 !important;
    display: none;
  }
  .navigation-head .control-menu {
    text-align: center;
    display: none;
  }
  .navigation-head .control-menu.show {
    display: block;
  }
}
@media (min-width: 1199px) {
  .navigation-head .nav-horizontal {
    width: 1225px;
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
  .navigation-head .nav-horizontal {
    width: 900px;
  }
}
@media (min-width: 1199px) {
  .navigation-head .control-menu {
    width: calc(100% - 1225px);
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
  .navigation-head .control-menu {
    width: calc(100% - 900px);
  }
}
.nav-horizontal {
  padding: 0;
}
@media (min-width: 992px) {
  .nav-horizontal > ul.item_big {
    white-space: nowrap;
    transition: margin-left 0.3s ease;
    display: inline-block;
  }
}
.nav-horizontal > ul.item_big li {
  position: relative;
}
.nav-horizontal > ul.item_big > li.nav-item {
  display: inline-block;
  position: static;
  margin-right: 20px;
  padding: 0px;
  height: 100%;
}
.nav-horizontal > ul.item_big > li.nav-item:first-child {
  margin-left: 0;
}
.nav-horizontal > ul.item_big > li.nav-item > a {
  display: block;
  text-align: left;
  padding: 0;
  font-size: 16px;
  height: 55px;
  line-height: 55px;
  position: relative;
  text-decoration: none;
}
@media (min-width: 991px) {
  .nav-horizontal > ul.item_big > li.nav-item > a.caret-down:after {
    content: "";
    position: relative;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #2b2f33 transparent transparent transparent;
    display: inline-block;
    top: -2px;
    margin-left: 2px;
    margin-top: -6px;
    transition: 0.5s;
  }
}
@media (min-width: 992px) {
  .nav-horizontal > ul.item_big > li.nav-item:hover > a {
    color: var(--mainColor);
  }
  .nav-horizontal > ul.item_big > li.nav-item:hover > a:after {
    transform: rotate(180deg);
    border-color: var(--mainColor) transparent transparent transparent;
  }
  .nav-horizontal > ul.item_big > li.nav-item:hover > ul {
    overflow: visible;
    max-height: 3000px;
    max-width: 3000px;
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease,
      max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.2s ease,
      max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end,
      max-width 0s step-end, padding 0s step-end;
  }
  .nav-horizontal > ul.item_big > li.nav-item .item_small {
    overflow: hidden;
    max-height: 0px;
    max-width: 0px;
    position: absolute;
    top: 100%;
    left: auto;
    width: 220px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04);
    z-index: 99;
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease,
      max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.6s ease,
      max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end,
      max-width 0.6s step-end, padding 0.6s step-end;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
.nav-horizontal > ul.item_big > li.nav-item > ul {
  list-style: none;
}
.nav-horizontal > ul.item_big > li.nav-item > ul li {
  float: none;
  padding: 0 0;
}
.nav-horizontal > ul.item_big > li.nav-item > ul li:last-child > a {
  border-bottom: 0;
}
@media (min-width: 992px) {
  .nav-horizontal > ul.item_big > li.nav-item > ul li:hover > ul {
    display: block;
    position: absolute;
    width: 220px;
    padding: 0;
    background-color: #fff;
    z-index: 99;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04);
  }
}
@media (min-width: 992px) and (max-width: 1199px) and (min-width: 992px) {
  .nav-horizontal > ul.item_big > li.nav-item > ul li:hover > ul {
    position: relative;
    left: 0;
    width: 100%;
    padding-left: 0;
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04);
  }
  .nav-horizontal > ul.item_big > li.nav-item > ul li:hover > ul li a {
    padding-left: 25px;
  }
}
.nav-horizontal > ul.item_big > li.nav-item > ul li a {
  font-weight: 400;
  font-size: 15px;
  display: block;
  padding: 5px 20px 5px 20px;
  position: relative;
  text-align: left;
  white-space: normal;
  display: block;
}
.nav-horizontal > ul.item_big > li.nav-item > ul li a.caret-down {
  padding-right: 40px;
}
@media (min-width: 991px) {
  .nav-horizontal > ul.item_big > li.nav-item > ul li a.caret-down:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
    display: inline-block;
    top: 50%;
    left: 100%;
    margin-left: -15px;
    margin-top: -2px;
    transition: 0.5s;
    transform: rotate(270deg);
  }
}
.nav-horizontal > ul.item_big > li.nav-item > ul li ul {
  display: none;
  left: 220px;
  top: 0px;
  list-style: none;
  transition-duration: 0s;
  transition-delay: 0.1s;
}
@media (min-width: 992px) {
  .nav-horizontal > ul.item_big > li.nav-item > ul > li:hover > a {
    color: var(--mainColor);
  }
  .nav-horizontal
    > ul.item_big
    > li.nav-item
    > ul
    > li:hover
    > a.caret-down:before {
    border-color: var(--mainColor) transparent transparent transparent;
  }
}
.nav-horizontal > ul.item_big > li.nav-item > ul > li ul li:hover > a {
  color: var(--mainColor);
}
.nav-horizontal > ul.item_big > li.nav-item.has-mega {
  position: static;
}
.nav-horizontal > ul.item_big > li.nav-item.has-mega .mega-content {
  background: #fff;
  overflow: hidden;
  display: block;
  max-height: 0px;
  max-width: 0px;
  opacity: 0;
  -webkit-transform: perspective(600px) rotateX(-90deg);
  -moz-transform: perspective(600px) rotateX(-90deg);
  -ms-transform: perspective(600px) rotateX(-90deg);
  -o-transform: perspective(600px) rotateX(-90deg);
  transform: perspective(600px) rotateX(-90deg);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease,
    max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  -o-transition: -o-transform 0.5s ease, opacity 0.6s ease,
    max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
  transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end,
    max-width 0.6s step-end, padding 0.6s step-end;
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.04);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  margin: 0;
  padding: 15px 15px 0;
  position: absolute;
  top: 100%;
  z-index: 9999;
  width: 100%;
  border: none;
  text-align: left;
  border-radius: 6px;
}
.nav-horizontal
  > ul.item_big
  > li.nav-item.has-mega
  .mega-content
  .level1.item
  > a:hover,
.nav-horizontal
  > ul.item_big
  > li.nav-item.has-mega
  .mega-content
  .level1.item
  > a:focus {
  text-decoration: none;
}
.nav-horizontal
  > ul.item_big
  > li.nav-item.has-mega
  .mega-content
  .level1.item
  .h-mega {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 5px;
  white-space: break-spaces;
  display: block;
  font-weight: 600;
}
.nav-horizontal
  > ul.item_big
  > li.nav-item.has-mega
  .mega-content
  .level1.item
  ul.level1
  li
  a {
  white-space: normal;
}
.nav-horizontal
  > ul.item_big
  > li.nav-item.has-mega
  .mega-content
  .row
  .level1 {
  margin-bottom: 10px;
}
@media (min-width: 991px) {
  .nav-horizontal
    > ul.item_big
    > li.nav-item.has-mega
    .mega-content
    .row
    .level1:nth-child(4n + 1) {
    clear: left;
  }
}
.nav-horizontal > ul.item_big > li.nav-item.has-mega:hover > .mega-content {
  overflow: visible;
  max-height: 800px;
  max-width: 845px;
  opacity: 1;
  -webkit-transform: perspective(600px) rotateX(0deg);
  -moz-transform: perspective(600px) rotateX(0deg);
  -ms-transform: perspective(600px) rotateX(0deg);
  -o-transform: perspective(600px) rotateX(0deg);
  transform: perspective(600px) rotateX(0deg);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease,
    max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
  -o-transition: -o-transform 0.5s ease, opacity 0.2s ease,
    max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
  transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end,
    max-width 0s step-end, padding 0s step-end;
}
.nav-horizontal > ul.item_big > li.nav-item.active > a {
  color: var(--mainColor);
}
.nav-horizontal > ul.item_big > li.nav-item.active > a:after {
  border-color: var(--mainColor) transparent transparent transparent;
}
.nav-horizontal > ul.item_big > li.nav-item.active > .icon-down:before {
  border-color: var(--mainColor) transparent transparent transparent;
}
@media (min-width: 991px) {
  .nav-horizontal > ul.item_big > li.nav-item:nth-child(n + 8) > ul {
    transform: translateX(-35%);
  }
}
@media (min-width: 1199px) {
  .nav-horizontal > ul.item_big > li.nav-item:nth-child(n + 8) > ul li ul {
    left: -220px;
  }
}
@media (min-width: 991px) {
  .nd-categories {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition-property: opacity, visibility;
    transition-duration: 0.4s;
    transition-delay: 0.2;
    transition-timing-function: ease;
  }
  .nd-categories.show {
    visibility: visible;
    opacity: 1;
  }
  .nd-categories .inner {
    background: #edf0f3;
    position: relative;
    z-index: 99;
  }
  .nd-categories .backdrop-nd-categories {
    background-color: #363636;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    opacity: 0.5;
  }
  .nd-categories .nav-cate {
    background: #fff;
    width: 300px;
    position: relative;
    z-index: 9;
  }
}
@media (min-width: 991px) and (max-width: 1199px) and (min-width: 991px) {
  .nd-categories .nav-cate {
    width: 220px;
  }
}
@media (min-width: 991px) {
  .nd-categories .nav-cate ul {
    width: 100%;
    overflow: visible;
    border-top: none;
  }
  .nd-categories .nav-cate ul li {
    display: block;
    overflow: visible;
    cursor: pointer;
  }
  .nd-categories .nav-cate ul li .nd-categories-a {
    position: relative;
    display: block;
    color: #000;
    padding: 9px 15px 9px;
    border-bottom: 1px dotted #e1e1e1;
    margin: 0;
    font-size: 14px;
  }
  .nd-categories .nav-cate ul li .nd-categories-a label {
    margin-bottom: 0;
  }
  .nd-categories .nav-cate ul li .nd-categories-a span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .nd-categories .nav-cate ul li .nd-categories-a svg {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 15px;
    right: 10px;
  }
  .nd-categories .nav-cate ul li .nd-categories-a svg path,
  .nd-categories .nav-cate ul li .nd-categories-a svg rect {
    fill: #000;
  }
  .nd-categories .nav-cate ul li .nd-categories-a:hover,
  .nd-categories .nav-cate ul li .nd-categories-a:focus {
    color: #fff;
    background: var(--mainColor);
  }
  .nd-categories .nav-cate ul li .nd-categories-a:hover svg path,
  .nd-categories .nav-cate ul li .nd-categories-a:focus svg path {
    fill: #fff;
  }
  .nd-categories .nav-cate ul li .icon-down {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    display: flex;
    align-items: center;
    width: 30px;
    justify-content: center;
  }
  .nd-categories .nav-cate ul li .icon-down svg {
    width: 10px;
    height: 10px;
  }
  .nd-categories .nav-cate ul li .icon-down svg path,
  .nd-categories .nav-cate ul li .icon-down svg rect {
    fill: #000;
  }
  .nd-categories .nav-cate ul li:last-child .nd-categories-a {
    border-bottom: none;
  }
  .nd-categories .nav-cate ul li.dropdown {
    position: relative;
  }
  .nd-categories .nav-cate ul li.dropdown.active {
    position: static;
  }
  .nd-categories .nav-cate ul li.dropdown.active .nd-categories-a {
    color: #fff;
    background: var(--mainColor);
  }
  .nd-categories .nav-cate ul li.dropdown.active .nd-categories-a svg path {
    fill: #fff;
  }
  .nd-categories .nav-cate ul li.dropdown .nd-categories-a {
    padding-right: 30px;
  }
  .nd-categories .nav-cate ul li.dropdown.active .subcate {
    display: block;
  }
  .nd-categories .nav-cate ul li .subcate {
    display: none;
    cursor: default;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 15px;
    width: 880px;
    background: #edf0f3;
  }
}
@media (min-width: 991px) and (max-width: 1199px) and (min-width: 991px) {
  .nd-categories .nav-cate ul li .subcate {
    width: 720px;
  }
}
@media (min-width: 991px) {
  .nd-categories .nav-cate ul li .subcate .margin {
    margin-right: -5px;
    margin-left: -5px;
  }
  .nd-categories .nav-cate ul li .subcate .item {
    padding: 0 5px;
    margin-bottom: 10px;
  }
  .nd-categories .nav-cate ul li .subcate .item .inner-aside {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    height: 100%;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub {
    display: flex;
    align-items: center;
    font-weight: 500;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub .icon {
    width: 30px;
    text-align: center;
  }
  .nd-categories
    .nav-cate
    ul
    li
    .subcate
    .item
    .nd-categories-main-sub
    .icon
    img {
    height: 30px;
    object-fit: scale-down;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub .title {
    width: calc(100% - 30px);
    padding-left: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub:hover,
  .nd-categories .nav-cate ul li .subcate .item .nd-categories-main-sub:focus {
    color: var(--oldColor);
  }
  .nd-categories .nav-cate ul li .subcate .item .list-nd-categories-main-sub {
    margin-top: 5px;
  }
  .nd-categories
    .nav-cate
    ul
    li
    .subcate
    .item
    .list-nd-categories-main-sub
    .nd-categories-main-sub-a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .nd-categories
    .nav-cate
    ul
    li
    .subcate
    .item
    .list-nd-categories-main-sub
    .nd-categories-main-sub-a:hover,
  .nd-categories
    .nav-cate
    ul
    li
    .subcate
    .item
    .list-nd-categories-main-sub
    .nd-categories-main-sub-a:focus {
    color: var(--mainColor);
  }
  .nd-categories
    .nav-cate
    ul
    li
    .subcate
    .item
    .list-nd-categories-main-sub
    .view-all {
    position: relative;
    display: block;
    color: var(--mainColor);
    margin-top: 5px;
  }
  .nd-categories
    .nav-cate
    ul
    li
    .subcate
    .item
    .list-nd-categories-main-sub
    .view-all:hover {
    color: #231f20;
  }
  .nd-categories
    .nav-cate
    ul
    li
    .subcate
    .item
    .list-nd-categories-main-sub
    .view-all
    svg {
    width: 10px;
    height: 10px;
    position: relative;
    top: -1px;
  }
}
@media (max-width: 991px) {
  .navigation-head {
    width: 300px;
    height: 100vh;
    display: flex;
    flex-flow: column;
    position: fixed;
    left: 0;
    top: 0 !important;
    background: #ffff;
    z-index: 999999;
    margin-left: 0;
    padding: 0;
    transform: translateX(-100%);
    visibility: hidden;
    transition: transform 0.5s, visibility 0.5s;
  }
  .navigation-head.show {
    visibility: visible;
    transform: translateX(0);
  }
  .navigation-head #prevNav,
  .navigation-head #nextNav {
    display: none;
  }
  .navigation-head .nav-horizontal {
    padding: 0 0 10px;
  }
  .navigation-head .nav-horizontal .title {
    text-align: center;
    background: var(--mainColor);
    color: #fff;
    padding: 10px;
    font-size: 18px;
  }
  .navigation-head .nav-horizontal .title.margin-top {
    margin-top: 20px;
  }
  .navigation-head .nav-horizontal ul.item_big {
    padding: 0;
  }
  .navigation-head .nav-horizontal ul.item_big > li {
    width: 100%;
    margin: 0;
    position: relative !important;
  }
  .navigation-head .nav-horizontal ul.item_big > li > a {
    height: initial;
    line-height: initial;
    text-transform: none;
    padding: 5px 20px 5px 10px;
  }
  .navigation-head .nav-horizontal ul.item_big > li > a.caret-down {
    padding-right: 40px;
  }
  .navigation-head .nav-horizontal ul.item_big > li > a svg {
    display: none;
  }
  .navigation-head .nav-horizontal ul.item_big > li .icon-down {
    visibility: visible;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 5px;
    transition: all 0.3s;
  }
  .navigation-head .nav-horizontal ul.item_big > li .icon-down:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #333 transparent transparent transparent;
    display: inline-block;
    transition: 0.5s;
  }
  .navigation-head .nav-horizontal ul.item_big > li > .item_small {
    display: none;
  }
  .navigation-head .nav-horizontal ul.item_big > li.current .icon-down {
    display: block;
  }
  .navigation-head .nav-horizontal ul.item_big > li.current > .icon-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -os-transform: rotate(180deg);
    transition: all 0.5s;
    top: 10px;
  }
  .navigation-head .nav-horizontal ul.item_big > li.current > .item_small {
    display: block;
    position: relative;
    max-height: unset;
    max-width: 100%;
    width: 100%;
    box-shadow: none;
    top: 0;
  }
  .navigation-head .nav-horizontal ul.item_big > li li > a svg {
    display: none;
  }
  .navigation-head .nav-horizontal ul.item_big > li li .icon-down {
    visibility: visible;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 5px;
    transition: all 0.3s;
  }
  .navigation-head .nav-horizontal ul.item_big > li li .icon-down svg {
    margin: -5px 0px 1px -3px;
    width: 20px;
    height: 20px;
  }
  .navigation-head .nav-horizontal ul.item_big > li li.current > .icon-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -os-transform: rotate(180deg);
    transition: all 0.5s;
    top: 10px;
  }
  .navigation-head .nav-horizontal ul.item_big > li li.current > ul {
    display: block;
    position: relative;
    max-height: unset;
    max-width: 100%;
    width: 100%;
    box-shadow: none;
    top: 0;
    left: 0;
    padding: 0;
  }
  .navigation-head .nav-horizontal ul.item_big > li li.current > ul li a {
    padding-left: 30px;
  }
  .header-middle .header-group {
    padding: 15px 0;
  }
  .header-middle .header-group .search,
  .header-middle .header-group .user {
    display: none;
  }
  .header-middle .header-group > div.menu-bar svg {
    stroke: #000;
  }
  .header-middle .header-group .search form {
    top: initial;
    bottom: 75px;
    left: -25px;
  }
  .header-middle .col-right {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    top: initial !important;
    background: var(--mainColor);
    z-index: 99;
    padding: 10px 0;
  }
  .header-middle .col-right > div > a {
    color: #fff;
    border: initial;
    padding: initial;
  }
  .header-middle .col-right > div > a svg path {
    fill: #fff;
  }
  .header-middle .col-right .menu-bar svg path {
    stroke: #fff;
  }
  .header-middle .col-right .header-cart a {
    display: inline-block;
  }
  .header-middle .col-right .header-cart .count_item.count_item_pr {
    top: -5px;
    background: #fff;
    color: var(--mainColor);
  }
  .header-middle .col-right .header-cart svg path {
    fill: transparent;
    stroke: #fff;
  }
  .header-middle .col-right .hethong-mb svg path {
    fill: transparent;
    stroke: #fff;
  }
  .header-middle .col-right > div {
    width: 25%;
    text-align: center;
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    color: #fff;
  }
}
@media (max-width: 767px) {
  .header-middle {
    text-align: center;
  }
  .header-middle .col-search {
    margin-top: 15px;
  }
  .header-middle .logo-wrapper img {
    height: 60px;
    object-fit: unset;
  }
  .header-topbar .topbar-swiper .swiper-slide a {
    font-size: 14px;
  }
  .header-topbar .topbar-swiper .swiper-button-next,
  .header-topbar .topbar-swiper .swiper-button-prev {
    display: none;
  }
}

/* Product-random */
.popup-sale #product-random .block-content h3 a  {
  font-size: 15px;
}

.promotion-popup {
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  z-index: 9999;
}
.promotion-popup .promotion-popup-content {
  background-color: white;
  border-radius: 16px;
  max-width: 1000px;
  transform: translateY(-100%);
  transition: all 0.6s ease;
  position: relative;
  margin: 10% auto;
  width: 90%;
  display: flex;
  overflow: hidden;
}
.promotion-popup .promotion-popup-content .col-left {
  width: 50%;
  background-color: var(--mainColor);
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
  color: #fff;
}
.promotion-popup .promotion-popup-content .col-left p {
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 25px;
  font-size: 16px;
}
.promotion-popup .promotion-popup-content .col-left h2 {
  font-size: 70px;
  line-height: 1.1;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 25px;
}
.promotion-popup .promotion-popup-content .col-left .coupon-code {
  display: inline-block;
  background: #fff;
  color: var(--mainColor);
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 6px;
}
.promotion-popup .promotion-popup-content .col-right {
  width: 50%;
}
.promotion-popup .promotion-popup-content .col-right .block-product {
  padding: 35px 30px;
}
.promotion-popup .promotion-popup-content .col-right .block-product h2 {
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
}
@media (max-width: 991px) and (min-width: 767px) {
  .promotion-popup .promotion-popup-content .col-left h2 {
    font-size: 50px;
  }
}
@media (max-width: 480px) {
  .promotion-popup .promotion-popup-content {
    display: block;
  }
  .promotion-popup .promotion-popup-content .col-left {
    width: 100%;
    padding: 18px 0;
  }
  .promotion-popup .promotion-popup-content .col-left p {
    margin-bottom: 18px;
  }
  .promotion-popup .promotion-popup-content .col-left h2 {
    font-size: 30px;
    margin-bottom: 18px;
  }
  .promotion-popup .promotion-popup-content .col-right {
    width: 100%;
  }
  .promotion-popup .promotion-popup-content .col-right .block-product {
    padding: 18px;
  }
  .promotion-popup .promotion-popup-content .col-right .block-product h2 {
    font-size: 16px;
    margin-bottom: 18px;
    text-align: center;
  }
}
.promotion-popup.show {
  opacity: 1;
  visibility: visible;
}
.promotion-popup.show .promotion-popup-content {
  transform: translateY(0);
}
.promotion-popup .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  background: #e9e9e9;
  line-height: 25px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 30px;
  transition: all 0.3s ease;
}
.promotion-popup .close-btn:hover {
  background: var(--mainColor);
  color: #fff;
}
.jas-sale-pop {
  background: #fff;
  bottom: -100%;
  left: 20px;
  right: 20px;
  padding: 10px 25px 10px 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  transition: all 2s;
  z-index: 99999;
  position: fixed;
  right: auto;
  overflow: hidden;
}
@media (max-width: 480px) {
  .jas-sale-pop {
    left: 10px;
    right: 10px;
    max-width: 290px;
  }
  .jas-sale-pop .jas-sale-pop-content {
    overflow: hidden;
    max-width: 180px;
  }
}
.jas-sale-pop a img {
  max-width: 80px;
}
@media (max-width: 321px) {
  .jas-sale-pop {
    left: 10px;
    right: 10px;
    max-width: 220px;
  }
  .jas-sale-pop .jas-sale-pop-content {
    max-width: 180px;
  }
}
.jas-sale-pop .mr__20 {
  margin-right: 10px;
}
.jas-sale-pop h4 {
  color: #222;
  margin: 0;
  font-size: 14px;
  margin-bottom: 0px;
}
.jas-sale-pop h3 {
  margin: 0;
  font-size: 13px;
  max-width: 255px;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 300;
}
.jas-sale-pop h3 a {
  color: #878787;
  margin: 0;
  font-size: 13px;
}
.jas-sale-pop .jas-sale-pop-timeago {
  color: #878787;
  font-size: 12px;
  font-weight: 300;
}
.jas-sale-pop .pe-7s-close {
  right: 5px;
  top: 5px;
  cursor: pointer;
  position: absolute;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(close3f14.svg?1735139321674);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.jas-sale-pop.slideUp {
  bottom: 20px;
  opacity: 1;
  visibility: visible;
}
.jas-sale-pop.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.jas-sale-pop.flex {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.jas-sale-pop.flex {
  z-index: 1024;
  top: auto !important;
}
.popupVoucher {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.popupVoucher .title {
  text-align: center;
  padding: 10px;
  font-size: 32px;
  font-weight: 600;
  color: var(--mainColor);
}
.popupVoucher .item-voucher {
  display: flex;
  align-items: center;
  padding: 8px 20px;
}
.popupVoucher .item-voucher .label {
  width: 120px;
}
.popupVoucher .item-voucher .content {
  width: calc(100% - 120px);
}
.popupVoucher .item-voucher.code,
.popupVoucher .item-voucher.endDate {
  background: #edf0f3;
}
.popupVoucher .item-voucher.bottom {
  padding-top: 15px;
  padding-bottom: 15px;
  gap: 8px;
}
.popupVoucher .item-voucher.bottom .item-bottom {
  width: 50%;
  text-align: center;
  font-size: 15px;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.popupVoucher .item-voucher.bottom .voucher-code {
  border: 1px solid var(--mainColor);
  color: var(--mainColor);
}
.popupVoucher .item-voucher.bottom .voucher-code:hover {
  background: var(--mainColor);
  border: 1px solid transparent;
  color: #fff;
}
.popupVoucher .item-voucher.bottom .closeVoucher {
  background: var(--mainColor);
  border: 1px solid transparent;
  color: #fff;
}
.popupVoucher .item-voucher.bottom .closeVoucher:hover {
  background: transparent;
  border: 1px solid var(--mainColor);
  color: var(--mainColor);
}
.popupVoucher.active {
  display: block;
}
.overlayVoucher {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 50;
}
.overlayVoucher.active {
  display: block;
}
.thumb {
  position: relative;
  display: block;
  padding-bottom: 132%;
}
.thumb img {
  width: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 6px;
  object-fit: contain;
  transition: all 0.3s ease;
}
.hover-banner {
  position: relative;
  display: block;
  overflow: hidden;
}
.hover-banner:before {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  z-index: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  left: -100%;
  top: -100%;
}
.hover-banner:after {
  background: rgba(255, 255, 255, 0.1);
  content: "";
  z-index: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  left: 100%;
  top: 100%;
}
.hover-banner:hover:before,
.hover-banner:hover:after {
  left: 0;
  top: 0;
}
.active-backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.base-popup {
  max-width: 960px;
  width: 100%;
  position: fixed;
  background: #fff;
  top: 10%;
  left: 50%;
  z-index: 9999;
  transform: translateX(-50%);
}
.position-relative {
  position: relative;
}
.social-fixed {
  position: fixed;
  right: 40px;
  top: initial !important;
  bottom: 100px;
  z-index: 999;
}
.social-fixed.social-mess-facebook {
  bottom: 155px;
}
.social-fixed.social-tiktok {
  bottom: 210px;
}
.social-fixed > a {
  text-align: center;
  display: block;
  border-radius: 50%;
  background: #fff;
  height: 40px;
  width: 40px;
  line-height: 38px;
  margin-bottom: 15px;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.3);
}
.social-fixed > a svg {
  width: 25px;
  height: 25px;
  fill: var(--mainColor);
}
.social-fixed > a:hover {
  background: var(--mainColor);
}
.social-fixed > a:hover svg {
  fill: #fff;
}
.social-fixed .backtop {
  display: none;
}
.social-fixed .backtop.show {
  display: block;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 0 var(--mainColor);
  top: 50%;
  transform: translateY(calc(-50% - 0px));
  margin: 0;
  transition: 0.3s;
  outline: none;
  background: #fff;
  box-shadow: 0 0 4px 0 var(--mainColor);
  border-radius: 100%;
}
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
  opacity: 1;
  background: #fff;
  box-shadow: 0 0 4px 0 var(--mainColor);
}
@media (min-width: 1199px) {
  .swiper .swiper-button-next:hover,
  .swiper .swiper-button-prev:hover {
    width: 33px;
    height: 33px;
  }
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
  font-size: 14px;
  color: var(--mainColor);
  font-weight: bold;
}
.product-action {
  background-color: #fff;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  height: 100%;
  border-radius: 12px;
}
.product-action .product-swatchs {
  flex-wrap: wrap;
  display: flex;
  margin-top: 10px;
}
.product-action .product-swatchs .item-swatch {
  margin: 0 3px 0px 3px;
  outline: 0;
  float: none;
  position: relative;
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  padding: 2px;
  cursor: pointer;
}
.product-action .product-swatchs .item-swatch:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .product-action .product-swatchs .item-swatch {
    margin: 0 3px 3px 0px;
  }
}
.product-action .product-swatchs .item-swatch a {
  display: block;
  border-radius: 3px;
  position: relative;
  margin-bottom: 0px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .product-action .product-swatchs .item-swatch a {
    width: 18px;
    height: 18px;
  }
}
.product-action .product-swatchs .item-swatch a:hover {
  cursor: pointer;
}
.product-action .product-swatchs .item-swatch.active {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border: 1px solid var(--mainColor);
}
.product-action .product-thumbnail {
  position: relative;
}
.product-action .product-thumbnail .smart {
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(//bizweb.dktcdn.net/100/534/571/themes/972900/assets/bg-smart.png?1735139321674);
  background-repeat: no-repeat;
  font-size: 14px;
  border-radius: 12px;
  color: #ffff;
  padding: 2px 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mainColor);
  font-weight: 500;
}
.product-action .product-thumbnail .thumb {
  overflow: hidden;
  border-radius: 16px;
}
.product-action .product-thumbnail .thumb img {
  border-radius: 16px;
  transition-duration: 0.7s;
}
.product-action .product-thumbnail .thumb img:last-child {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
.product-action .product-thumbnail .list-action-right {
  transition: all 0.4s ease;
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  transform: translateX(60px);
}
.product-action .product-thumbnail .list-action-right a {
  width: 32px;
  height: 32px;
  background: #fff;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition-duration: 0.3s;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.product-action .product-thumbnail .list-action-right a svg {
  width: 20px;
  height: 20px;
}
.product-action .product-thumbnail .list-action-right a.active {
  background: var(--mainColor);
}
.product-action
  .product-thumbnail
  .list-action-right
  a.active.btn-wish
  svg
  path {
  stroke: #fff;
}
.product-action
  .product-thumbnail
  .list-action-right
  a.active.btn-compare
  svg
  path {
  fill: #fff;
}
.product-action .product-thumbnail .list-action-right a:hover {
  background: var(--mainColor);
}
.product-action
  .product-thumbnail
  .list-action-right
  a:hover.btn-wish
  svg
  path {
  stroke: #fff;
}
.product-action
  .product-thumbnail
  .list-action-right
  a:hover.btn-compare
  svg
  path {
  fill: #fff;
}
.product-action .product-thumbnail .list-action-bottom {
  width: 100%;
  position: absolute;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transform: translateY(100px);
  transition: all 0.4s ease;
  z-index: 1;
  padding: 0 18px;
}
.product-action .product-thumbnail .list-action-bottom button,
.product-action .product-thumbnail .list-action-bottom a {
  transition-duration: 0.3s;
  border-radius: 20px;
  border: none;
  font-weight: 500;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  padding: 8px 16px;
  width: 100%;
  display: block;
  text-align: center;
}
.product-action .product-thumbnail .list-action-bottom button:hover,
.product-action .product-thumbnail .list-action-bottom a:hover {
  background: var(--mainColor);
  color: #fff;
}
.product-action .product-info {
  position: relative;
  margin-top: 10px;
}
.product-action .product-info__name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin: 0 0 10px;
}
.product-action .product-info__name a {
  color: #2b2f33;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-action .product-info__name a:hover {
  color: var(--mainColor);
}
.product-action .product-info__viewdetail {
  font-size: 13px;
}
.product-action .product-info__viewdetail svg {
  width: 19px;
  height: 11px;
  transform: translateY(-1px);
  margin-left: 3px;
  fill: var(--mainColor);
}
.product-action .product-info__price {
  font-size: 16px;
  color: var(--priceColor);
  font-weight: 500;
}
.product-action .product-info__price .compare-price {
  font-size: 14px;
  font-weight: 400;
  color: #a6a6a6;
  text-decoration: line-through;
}
.product-action.product-action-lookbook
  .product-thumbnail
  .thumb
  img:last-child {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.product-action:hover:not(.product-action-lookbook)
  .product-thumbnail
  .thumb
  img {
  transform: scale(1.05);
}
.product-action:hover:not(.product-action-lookbook)
  .product-thumbnail
  .thumb
  img:first-child {
  opacity: 0;
}
.product-action:hover:not(.product-action-lookbook)
  .product-thumbnail
  .thumb
  img:last-child {
  opacity: 1;
  visibility: visible;
}
.product-action:hover:not(.product-action-lookbook)
  .product-thumbnail
  .list-action-right {
  transform: translateX(0);
}
.product-action:hover:not(.product-action-lookbook)
  .product-thumbnail
  .list-action-bottom {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.product-action .product-vendor {
  margin-top: 8px;
  border-top: 1px solid #e2e6f2;
  padding-top: 8px;
}
.product-action .product-type {
  margin-top: 8px;
  border-top: 1px solid #e2e6f2;
  padding-top: 8px;
}
.product-action .product-specifications {
  margin-top: 8px;
  border-top: 1px solid #e2e6f2;
  padding-top: 8px;
}
.product-action .product-specifications h2 {
  font-size: 14px;
  margin-bottom: 10px;
}
.product-action .product-specifications table {
  width: 100%;
}
.product-action .product-specifications table td:first-child {
  width: 160px;
  font-weight: 500;
}
.product-action .product-specifications table tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.product-action .product-specifications table tr td {
  background: #edf0f3;
  border-color: #fff;
  padding: 8px;
}
.product-action .product-specifications table tr th {
  background: #c1c8d1;
  border-color: #fff;
  padding: 8px;
}
@media (max-width: 767px) {
  .product-action .product-info__name {
    font-size: 14px;
    line-height: 18px;
    min-height: 36px;
  }
  .product-action .product-info__price {
    font-size: 14px;
  }
}
.popup-video {
  position: fixed;
  z-index: 99999;
  top: 0 !important;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.89);
  display: none;
}
.popup-video.active {
  display: flex;
}
.popup-video .close-popup-video {
  background: #fff;
  color: #000;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}
.popup-video .close-popup-video:hover {
  opacity: 0.8;
}
.popup-video iframe {
  height: calc(100vh - 200px);
  width: 1100px;
}
@media (max-width: 1100px) {
  .popup-video iframe {
    width: 700px;
  }
}
@media (max-width: 767px) {
  .popup-video .body-popup {
    padding: 0 5px;
    width: 100%;
  }
  .popup-video .body-popup iframe {
    width: 100%;
    height: 300px;
  }
}
.item-blog:not(.relate) {
  overflow: hidden;
}
.item-blog:not(.relate) .block-thumb {
  position: relative;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}
.item-blog:not(.relate) .block-thumb .article-published {
  position: absolute;
  bottom: -15px;
  left: 25px;
  background: var(--oldColor);
  padding: 10px;
  border-radius: 12px;
  z-index: 9;
}
@media (max-width: 991px) {
  .item-blog:not(.relate) .block-thumb .article-published {
    left: 15px;
  }
}
.item-blog:not(.relate) .block-thumb .thumb-blog {
  padding-bottom: 56%;
  display: block;
}
.item-blog:not(.relate) .block-thumb .thumb-blog img {
  width: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 12px;
  object-fit: contain;
  transition: all 0.5s ease;
}
.item-blog:not(.relate) .block-thumb .thumb-blog.video_play:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 30px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
}
.item-blog:not(.relate) .block-thumb .thumb-blog.video_play:after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #333;
  opacity: 0.5;
  z-index: 1;
  border-radius: 12px;
}
.item-blog:not(.relate) .block-info {
  margin-top: 15px;
}
.item-blog:not(.relate) .block-info .time-post {
  margin-bottom: 6px;
}
.item-blog:not(.relate) .block-info .time-post span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 16px;
  font-size: 16px;
}
.item-blog:not(.relate) .block-info .time-post span svg {
  width: 22px;
  height: 22px;
}
.item-blog:not(.relate) .block-info h3 {
  font-size: 18px;
  font-weight: 600;
  word-break: break-all;
}
.item-blog:not(.relate) .block-info h3 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-line-clamp: 2;
}
.item-blog:not(.relate) .block-info .article-content {
  font-size: 15px;
  color: #4d4e50;
  line-height: 1.4;
}
.item-blog:not(.relate):hover .block-thumb .thumb-blog img {
  transform: translateZ(0) scale(1.07);
}
.page-content {
  margin-bottom: 30px;
}
.page-content .page-wishlist .col-fix {
  margin-bottom: 20px;
}
#noti-wish {
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 99999;
}
#notification-container {
  position: fixed;
  top: 15px;
  right: 15px;
  z-index: 99999;
}
.notifyed,
.notification {
  background-color: #333;
  margin-bottom: 10px;
  color: #fff;
  border-radius: 0.45rem;
  width: 255px;
  padding: 0.75rem 1.25rem;
}
@media (max-width: 767px) {
  .notifyed,
  .notification {
    font-size: 14px;
  }
}
.notifyed.success,
.notification.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.notifyed.warning,
.notification.warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.notifyed.error,
.notification.error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.notifyed .title,
.notification .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.footer {
  border-top: 1px solid var(--mainColor);
}
.footer .logo-social-footer {
  border-radius: 0px 0px 24px 24px;
  background: var(--mainColor);
  color: #fff;
  text-align: center;
  width: 90%;
}
.footer .logo-social-footer .logo-footer {
  display: block;
  padding: 24px 0;
  border-bottom: 2px dashed #fff;
}
.footer .logo-social-footer .social-footer {
  padding: 24px 0;
}
.footer .logo-social-footer .social-footer h4 {
  margin-bottom: 8px;
}
.footer .logo-social-footer .social-footer .social-share a {
  display: inline-block;
  padding: 0 4px;
}
.footer .logo-social-footer .social-footer .social-share a svg {
  fill: #fff;
}
.footer .logo-social-footer .social-footer .social-share a:hover {
  opacity: 0.7;
}
.footer .col-right {
  padding-top: 24px;
  padding-bottom: 24px;
}
.footer .copyright .border {
  border-top: 1px dashed var(--mainColor) !important;
  padding: 8px 0;
  border-left: none !important ;
  border-right: none !important ;
}


.footer .col-footer h4 {
  line-height: 24px;
  color: #2b2f33;
  margin-bottom: 16px;
}
.footer .col-footer .contact-footer .item {
  margin-bottom: 10px;
}
.footer .col-footer .contact-footer .item:last-child {
  margin-bottom: 0;
}
.footer .col-footer .list-menu a {
  display: block;
  margin-bottom: 10px;
}
.footer .col-footer .list-menu a:last-child {
  margin-bottom: 0;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.img-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
    0.4s;
  opacity: 0;
}
@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
    0.4s;
  opacity: 0;
}
@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@media (min-width: 1199px) {
  .item-effect {
    opacity: 0;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-delay: 0s;
  }
  .footer .logo-social-footer.item-effect.on-show {
    animation-duration: 0.6s;
    animation-name: img-anim-top;
  }
  .footer .copyright .border.item-effect.on-show {
    animation-name: fadeInDown;
  }
  .footer .col-footer.item-effect.on-show {
    animation-name: fadeInDown;
  }
}
@media (max-width: 991px) and (min-width: 767px) {
  .footer .logo-social-footer {
    width: 100%;
  }
  .social-fixed {
    bottom: 210px;
  }
  .social-fixed.social-mess-facebook {
    bottom: 260px;
  }
  .social-fixed.social-tiktok {
    bottom: 315px;
  }
}
.popup-compare {
  top: unset !important;
  bottom: 0;
  border-radius: 6px 0 0 0;
  border-top: 1px solid #e5e5e5;
  display: flex;
  width: 100%;
  margin: auto;
  position: fixed;
  left: 50%;
  z-index: 999;
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: 0 5px 18px 5px rgba(64, 72, 87, 0.15);
  transform: translate(-50%, 135%);
  max-width: 1270px;
}
.popup-compare.show {
  transform: translate(-50%, 0);
}
.popup-compare .mini-compare {
  position: absolute;
  right: 0;
  top: -30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 5px 5px 0 0;
  background: #fff;
  text-align: center;
  box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.popup-compare .mini-compare:hover {
  color: var(--mainColor);
}
.popup-compare .bottom-compare {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 25%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.popup-compare .bottom-compare .button-go-compare {
  width: 50%;
  text-align: center;
  background: var(--mainColor);
  color: #fff;
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 6px;
  font-size: 14px;
  border: 1px solid var(--mainColor);
}
.popup-compare .bottom-compare .button-go-compare:hover {
  background: transparent;
  color: var(--mainColor);
  border-color: var(--mainColor);
}
.popup-compare .list-compare {
  display: inline-flex;
  width: calc(100% - 25%);
  border: unset;
  padding: 0;
  margin-bottom: 0;
}
.popup-compare .list-compare .compare-item {
  width: calc(100% / 3);
  border-right: 1px solid #e0e0e0;
  text-align: center;
  justify-content: center;
  flex-flow: column;
  align-items: center;
  cursor: pointer;
  display: flex;
  overflow: hidden;
  padding: 10px;
  position: relative;
}
.popup-compare .list-compare .compare-item .addCompare .add-icon {
  height: 45px;
  display: inline-flex;
  width: 45px;
  align-items: center;
  justify-content: center;
  border: 1px dashed #bdbdbd;
  color: #bdbdbd;
  font-size: 18px;
  margin-bottom: 10px;
}
.popup-compare .list-compare .compare-item .addCompare p {
  color: #666;
  margin: 0;
}
.popup-compare .list-compare .compare-item .compare-thumb img {
  height: 70px;
  object-fit: scale-down;
}
.popup-compare .list-compare .compare-item .compare-info {
  margin-top: 10px;
}
.popup-compare .list-compare .compare-item .compare-info h3 {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 39px;
  margin: 0;
}
.popup-compare .list-compare .compare-item .compare-info h3 a {
  display: block;
}
.popup-compare .list-compare .compare-item .remove-compare {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: initial;
  border: initial;
}
.popup-compare .list-compare .compare-item .remove-compare:before {
  content: "";
  width: 18px;
  height: 1px;
  background: #999494;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  overflow: hidden;
}
.popup-compare .list-compare .compare-item .remove-compare:after {
  content: "";
  width: 18px;
  height: 1px;
  background: #999494;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  overflow: hidden;
}
.popup-search-compare {
  max-width: 500px;
  width: 100%;
  position: fixed;
  background: #fff;
  left: 50%;
  z-index: 99999;
  transform: translateX(-50%);
  top: 10% !important;
  padding: 10px;
  border-radius: 6px;
  display: none;
}
.popup-search-compare.show {
  display: block;
}
.popup-search-compare .search-compare form {
  position: relative;
}
.popup-search-compare .search-compare form input {
  height: 40px;
  border-radius: 5px;
  padding: 0 40px 0 20px;
  border: solid 1px #ebebeb;
  outline: none;
  box-shadow: none;
  font-size: 14px;
  width: 100%;
}
.popup-search-compare .search-compare form .icon-search {
  position: absolute;
  right: 10px;
  top: 8px;
}
.popup-search-compare .search-compare .title {
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}
.popup-search-compare .search-compare .result-compare {
  margin-top: 15px;
}
.popup-search-compare .search-compare .result-compare .result-text {
  margin-top: 10px;
}
.popup-search-compare .search-compare .result-compare .list-result-compare {
  max-height: 180px;
  overflow: hidden;
  overflow-y: auto;
}
.popup-search-compare
  .search-compare
  .result-compare
  .list-result-compare
  .item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
}
.popup-search-compare
  .search-compare
  .result-compare
  .list-result-compare
  .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.product-suggest-compare {
  margin-top: 20px;
}
.product-suggest-compare .title {
  font-size: 18px;
  margin-bottom: 10px;
  display: block;
}
.product-suggest-compare .list-product-suggest {
  max-height: 180px;
  overflow: hidden;
  overflow-y: auto;
}
.product-suggest-compare .list-product-suggest .item {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ebebeb;
}
.product-suggest-compare .list-product-suggest .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.product-action-compare {
  display: flex;
}
.product-action-compare .product-thumbnail {
  width: 100px;
}
.product-action-compare .product-thumbnail .thumb {
  padding-bottom: 66%;
}
.product-action-compare .product-info {
  width: calc(100% - 100px);
  padding-left: 15px;
  position: relative;
}
.product-action-compare .product-info .product-compare {
  position: absolute;
  right: 0;
  top: 0;
}
.product-action-compare .product-info .product-compare a {
  width: 32px;
  height: 32px;
  background: #fff;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition-duration: 0.3s;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.product-action-compare .product-info .product-compare a svg {
  width: 20px;
  height: 20px;
}
.product-action-compare .product-info .product-compare a.active {
  background: var(--mainColor);
}
.product-action-compare .product-info .product-compare a.active svg path {
  fill: #fff;
}
.product-action-compare .product-info h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 5px;
  overflow: hidden;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.product-action-compare .product-info__price {
  font-size: 16px;
  color: var(--priceColor);
  font-weight: 500;
}
.product-action-compare .product-info__price .compare-price {
  font-size: 14px;
  font-weight: 400;
  color: #a6a6a6;
  text-decoration: line-through;
  display: block;
}
.compare-fixed {
  position: fixed;
  cursor: pointer;
  right: 40px;
  bottom: 265px;
  top: initial !important;
  text-align: center;
  display: block;
  border-radius: 50%;
  background: #fff;
  height: 40px;
  width: 40px;
  line-height: 38px;
  margin-bottom: 15px;
  box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.3);
  z-index: 9;
}
.compare-fixed svg {
  width: 25px;
  height: 25px;
}
.compare-fixed svg path {
  fill: var(--mainColor);
}
.compare-fixed .fixed-count {
  position: absolute;
  right: -9px;
  top: -8px;
  background: var(--mainColor);
  width: 19px;
  height: 19px;
  color: #fff;
  border-radius: 19px;
  line-height: 19px;
  font-size: 12px;
}
.compare-fixed:hover {
  background: var(--mainColor);
}
.compare-fixed:hover svg path {
  fill: #fff;
}
@media (max-width: 1199px) and (min-width: 991px) {
  .popup-compare {
    max-width: 935px;
  }
}
@media (max-width: 991px) and (min-width: 767px) {
  .popup-compare {
    max-width: 700px;
  }
  .popup-compare .bottom-compare .button-go-compare {
    width: 70%;
  }
  .social-fixed {
    bottom: 210px;
  }
  .social-fixed.social-mess-facebook {
    bottom: 260px;
  }
  .compare-fixed {
    bottom: 370px;
  }
}
@media (max-width: 767px) {
  .footer .logo-social-footer {
    width: 100%;
  }
  .footer .opacity1 {
    display: block;
  }
  .footer .col-right {
    padding-top: 0;
  }
  .footer .col-right .col-footer {
    margin-top: 20px;
  }
  .social-fixed {
    right: 10px;
    bottom: 180px;
  }
  .social-fixed.social-mess-facebook {
    bottom: 225px;
  }
  .social-fixed.social-tiktok {
    bottom: 275px;
  }
  .social-fixed > a {
    height: 35px;
    width: 35px;
    line-height: 33px;
    margin-bottom: 10px;
  }
  .compare-fixed {
    height: 35px;
    width: 35px;
    line-height: 33px;
    right: 10px;
    bottom: 320px;
  }
  .popup-compare.show {
    display: block;
  }
  .popup-compare .list-compare {
    width: 100%;
  }
  .popup-compare .list-compare .compare-item {
    padding: 6px;
  }
  .popup-compare .list-compare .compare-item .compare-thumb img {
    height: 40px;
  }
  .popup-compare .list-compare .compare-item .compare-info h3 {
    font-size: 13px;
  }
  .popup-compare .bottom-compare {
    width: 100%;
    flex-flow: nowrap;
    max-width: 100%;
    border-top: 1px solid var(--mainColor);
  }
  .popup-compare .bottom-compare .button-go-compare {
    border-radius: 0;
    margin-bottom: 0;
  }
  .popup-compare .bottom-compare .remove-all {
    width: 50%;
    text-align: center;
  }
}
.popup-sale {
  position: fixed;
  bottom: 20px;
  top: initial !important;
  left: -100%;
  background-color: #fffae6;
  border: 1px solid #f9c74f;
  padding: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  z-index: 1000;
  border-radius: 6px;
}
.popup-sale.show {
  left: 20px;
  opacity: 1;
  visibility: visible;
}
.popup-sale #product-random {
  display: flex;
}
.popup-sale #product-random .block-thumb {
  width: 80px;
}
.popup-sale #product-random .block-thumb img {
  border-radius: 6px;
}
.popup-sale #product-random .block-content {
  width: calc(100% - 80px);
  padding-left: 16px;
}
.popup-sale #product-random .block-content h3 {
  max-width: 240px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup-sale #product-random .block-content h3 a {
  margin: 0;
}
.popup-sale #product-random .block-content #product-user {
  margin-bottom: 5px;
  font-size: 14px;
}
.popup-sale #product-random .block-content #product-time {
  color: #878787;
  font-size: 12px;
}
@media (max-width: 375px) {
  .popup-sale {
    width: 275px;
  }
  .popup-sale #product-random .block-content h3 {
    font-size: 16px;
  }
}

/*  */

.ajax-tab .tab-content .tab-content-item {
  display: none;
}
.ajax-tab .tab-content .tab-content-item.active {
  display: block;
}
.block-title h2 {
  text-align: center;
  margin-bottom: 42px;
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
  position: relative;
  color: var(--mainColor);
  text-transform: uppercase;
}
.block-title h2 span,
.block-title h2 a {
  background: #fff;
  display: inline-block;
  z-index: 9;
  padding: 0 68px;
  position: relative;
}
.block-title h2 span:before,
.block-title h2 a:before {
  content: "";
  width: 15px;
  height: 15px;
  background: var(--mainColor);
  position: absolute;
  left: 0;
  top: 16px;
  transform: rotate(-45deg);
}
.block-title h2 span:after,
.block-title h2 a:after {
  content: "";
  width: 15px;
  height: 15px;
  background: var(--mainColor);
  position: absolute;
  right: 0;
  top: 16px;
  transform: rotate(-45deg);
}
.block-title h2 a {
  color: var(--mainColor);
}
.block-title h2:after {
  content: "";
  background: var(--mainColor);
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
}
.viewMore {
  margin-top: 42px;
  text-align: center;
}
.viewMore a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 25px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase;
}
.viewMore a:hover {
  opacity: 0.7;
}
.home-slider .swiper-slide {
  text-align: center;
}
.home-slider .swiper-slide img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 413px) and (min-width: 410px) {
  .home-slider .swiper-slide {
    height: 246px;
  }
}
.home-policy {
  margin-top: -60px;
  z-index: 9;
  position: relative;
}
.home-policy .inner {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12);
  border-radius: 24px;
  padding: 42px;
  background: #fff;
}
.home-policy .policy-slider .swiper-slide {
  display: flex;
  align-items: center;
}
.home-policy .policy-slider .swiper-slide .icon {
  width: 48px;
}
.home-policy .policy-slider .swiper-slide .info {
  width: calc(100% - 48px);
  padding-left: 12px;
}
.home-policy .policy-slider .swiper-slide .info .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #2b2f33;
  margin-bottom: 2px;
}
.home-policy .policy-slider .swiper-slide .info p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  color: #737373;
}
.home-policy .policy-slider .swiper-pagination {
  position: initial;
  margin-top: 15px;
  line-height: 1;
}
.home-policy .policy-slider .swiper-pagination .swiper-pagination-bullet {
  background: #e2e6f2;
  border-radius: 2px;
  margin: 0 5px;
  opacity: 1;
  height: 6px;
}
.home-policy
  .policy-slider
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--mainColor);
  width: 45px;
}
.home-cate {
  position: relative;
  padding: 80px 0 80px;
}
.home-cate .list-cate {
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.home-cate .list-cate .item {
  text-align: center;
}
.home-cate .list-cate .item .title {
  margin-top: -18px;
  position: relative;
}
.home-cate .list-cate .item .title a {
  display: inline-block;
  border: 2px solid rgba(255, 99, 71, 0.2);
  background: #fff;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 8px 24px;
  border-radius: 12px;
}
.home-cate .list-cate .item .thumb-cate img {
  transition: transform 0.3s ease-in-out;
}
.home-cate .list-cate .item:hover .thumb-cate img {
  animation: shake 0.5s;
}
.home-voucher {
  margin-bottom: 70px;
}
.home-voucher .voucher-swiper .swiper-slide {
  text-align: center;
  cursor: pointer;
}
.home-voucher .voucher-swiper .swiper-pagination {
  position: initial;
  margin-top: 15px;
  line-height: 1;
}
.home-voucher .voucher-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #e2e6f2;
  border-radius: 2px;
  margin: 0 5px;
  opacity: 1;
  height: 6px;
}
.home-voucher
  .voucher-swiper
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--mainColor);
  width: 45px;
}
.home-voucher .swiper-pagination {
  position: initial;
  margin-top: 10px;
}
.home-voucher
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--mainColor);
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.home-lookbook {
  background-image: url(../images/100/534/571/themes/972900/assets/img_product_lookbook3f14.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 129px 0;
  background-position: center;
  border-top: 10px solid #ffc1b7;
  border-bottom: 10px solid #ffc1b7;
}
.home-lookbook .content-lookbook {
  color: #fff;
}
.home-lookbook .content-lookbook .title-lookbook {
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
  margin-bottom: 30px;
}
.home-lookbook .content-lookbook p {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px;
}
.home-lookbook .content-lookbook .viewMore {
  text-align: left;
}
.home-lookbook .content-lookbook .viewMore a {
  background: var(--mainColor);
  color: #fff;
}
.home-lookbook .content-lookbook .viewMore a svg path {
  stroke: #fff;
}
.home-lookbook
  .content-lookbook
  .index-container
  .banner
  .feature-themes
  .slide-feature {
  position: relative;
  margin: -20px;
}
.home-lookbook
  .content-lookbook
  .index-container
  .banner
  .feature-themes
  .slide-feature
  .swiper-container {
  padding: 20px;
}
.home-lookbook .content-lookbook .lookbook-swiper .swiper-slide {
  text-align: center;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .img-main
  > img {
  border: 4px solid #fff;
  border-radius: 12px;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook {
  display: none;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item {
  position: absolute;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item
  .thumb {
  border-radius: 6px;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item
  .thumb
  img {
  border-radius: 6px;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item
  .popover-dot {
  width: 30px;
  height: 30px;
  padding: 0;
  line-height: 26px;
  background: #fff;
  border-radius: 50%;
  z-index: 3;
  cursor: pointer;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
  opacity: 1;
  margin: auto;
  position: relative;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item
  .popover-dot
  svg {
  fill: #000;
  height: 19px;
  width: 19px;
  opacity: 1;
  -webkit-transform: scale(0.75) rotate(45deg);
  -moz-transform: scale(0.75) rotate(45deg);
  transform: scale(0.75) rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item
  .popover-dot:before {
  content: "";
  width: 46px;
  height: 46px;
  position: absolute;
  top: -8px;
  left: -8px;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
  -webkit-animation: 1.2s popoverTheLookDot ease-in-out infinite;
  animation: 1.2s popoverTheLookDot ease-in-out infinite;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item
  .popover-dot.active
  svg {
  -webkit-transform: scale(1.04) rotate(0deg);
  -moz-transform: scale(1.04) rotate(0deg);
  transform: scale(1.04) rotate(0deg);
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item
  .product-action {
  width: 250px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  height: auto;
  text-align: left;
  display: none;
  border-radius: 6px;
  bottom: 110%;
  z-index: 9;
  padding: 6px;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item
  .product-action:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  border-top-color: #fff;
  transform-origin: center top;
  top: 0;
  left: 50%;
  transform: translate(-50%) rotate(180deg);
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item:hover
  .product-action {
  display: flex;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item:hover
  .product-action
  .product-thumbnail {
  width: 80px;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item:hover
  .product-action
  .product-info {
  width: calc(100% - 80px);
  padding-left: 10px;
  padding-right: 5px;
  margin-top: 0;
  padding-top: 8px;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item:hover
  .product-action
  .product-info__name {
  font-size: 14px;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item:hover
  .product-action
  .product-info__name
  a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item:hover
  .product-action
  .product-info__price {
  font-size: 14px;
}
.home-lookbook
  .content-lookbook
  .lookbook-swiper
  .swiper-slide
  .list-product-lookbook
  .item:hover
  .product-action
  .product-info__price
  .compare-price {
  font-size: 12px;
}
.home-lookbook .content-lookbook .lookbook-swiper .swiper-slide-next {
  transform: translate3d(-88%, 0, 0) scale(0.9);
}
.home-lookbook .content-lookbook .lookbook-swiper .swiper-slide-next img {
  opacity: 0.5;
}
.home-lookbook .content-lookbook .lookbook-swiper .swiper-slide-prev {
  transform: translate3d(88%, 0, 0) scale(0.9);
}
.home-lookbook .content-lookbook .lookbook-swiper .swiper-slide-prev img {
  opacity: 0.5;
}
.home-lookbook .content-lookbook .lookbook-swiper .swiper-slide-active {
  z-index: 1;
}
@media (min-width: 767px) {
  .home-lookbook
    .content-lookbook
    .lookbook-swiper
    .swiper-slide-active
    .list-product-lookbook {
    display: block;
  }
}
.home-lookbook .content-lookbook .lookbook-swiper .swiper-slide-active img {
  opacity: 1;
}
@media (min-width: 767px) {
  .home-lookbook .content-lookbook .lookbook-swiper .swiper-button-next {
    right: 60px;
  }
  .home-lookbook .content-lookbook .lookbook-swiper .swiper-button-prev {
    left: 60px;
  }
}
@keyframes popoverTheLookDot {
  from {
    opacity: 0.6;
    transform: scale(0.6);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
.home-flash-sale {
  background-image: url(../images/100/534/571/themes/972900/assets/bg-flash-sale.jpg);
  padding-bottom: 42px;
  background-size: cover;
  background-repeat: no-repeat;
}
.home-flash-sale .block-countdown {
  background-image: url(../images/100/534/571/themes/972900/assets/bg-title-flashsale.png);
  width: 543px;
  height: 73px;
  background-repeat: no-repeat;
  position: relative;
  margin: auto;
  text-align: center;
  top: -8px;
  margin-bottom: 30px;
}
.home-flash-sale .block-countdown #countdown .dots {
  color: var(--mainColor);
  font-size: 48px;
  display: inline-block;
  position: relative;
  z-index: 99;
  font-weight: 600;
  top: -4px;
}
.home-flash-sale .block-countdown #countdown .item {
  color: var(--mainColor);
  font-weight: 600;
  font-size: 48px;
  display: inline-block;
  position: relative;
  margin: 0 15px;
}
.home-flash-sale h2 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 48px;
  font-weight: 600;
  line-height: 52px;
  text-align: center;
}
.home-flash-sale h2 a {
  background: linear-gradient(3.44deg, #fce5bf 2.83%, #fff 96.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-flash-sale h2 a:hover {
  opacity: 0.7;
}
.home-flash-sale .flash-sale-swiper .swiper-slide {
  height: auto;
}
.home-flash-sale .product-action .product-swatchs {
  padding: 0 12px;
}
.home-flash-sale .product-action .product-info {
  padding: 0 12px 12px;
}
.home-flash-sale .viewMore {
  margin-top: 42px;
  text-align: center;
}
.home-flash-sale .viewMore a {
  background: linear-gradient(0.01deg, #fcf2bf -0.48%, #fcfbe7 99.5%);
  color: var(--mainColor);
}
.home-flash-sale .viewMore a:hover {
  opacity: 0.7;
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.home-product-tab {
  padding: 80px 0;
}
.home-product-tab .block-title {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}
.home-product-tab .block-title h2 {
  margin-bottom: 30px;
}
.home-product-tab .block-title ul {
  text-align: center;
  margin-bottom: 0;
  border-bottom: 1px solid #e6e6e6;
  display: inline-flex;
  gap: 30px;
}
.home-product-tab .block-title ul li {
  display: inline-block;
  color: rgba(43, 47, 51, 0.6);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 4px 0;
  cursor: pointer;
  position: relative;
}
.home-product-tab .block-title ul li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -1px;
  left: 0;
  background: transparent;
}
.home-product-tab .block-title ul li.active,
.home-product-tab .block-title ul li:hover {
  color: var(--mainColor);
}
.home-product-tab .block-title ul li.active:after,
.home-product-tab .block-title ul li:hover:after {
  background: var(--mainColor);
}
.home-product-tab .viewMore a {
  background: var(--mainColor);
  color: #fff;
}
.home-product-tab .viewMore a svg path {
  stroke: #fff;
}
.home-product-tab .tab-content .row .col-fix {
  margin-bottom: 20px;
}
.home-product-tab .tab-content .row .col-fix-2 {
  margin-bottom: 20px;
}
.home-product-tab .tab-content .view-all a {
  display: inline-block;
  font-size: 16px;
  padding: 6px 16px;
  color: var(--mainColor);
  border: 1px solid var(--mainColor);
  border-radius: 4px;
}
.home-product-tab .tab-content .view-all a svg {
  margin-left: 5px;
  width: 14px;
  height: 14px;
}
.home-product-tab .tab-content .view-all a:hover {
  background: var(--mainColor);
  color: #fff;
}
.home-product-tab .tab-content .view-all a:hover svg path {
  fill: #fff;
}
.home-banner .thumb-banner {
  display: block;
}
.home-banner .thumb-banner.banner-2 {
  margin-bottom: 29px;
}
.home-product {
  padding: 80px 0;
}
.home-product .viewMore a {
  background: var(--mainColor);
  color: #fff;
}
.home-product .viewMore a svg path {
  stroke: #fff;
}
.home-black-friday {
  background-image: url(//bizweb.dktcdn.net/100/534/571/themes/972900/assets/bg-black-friday.jpg?1735139321674);
  background-size: cover;
  background-repeat: no-repeat;
}
.home-black-friday .inner {
  background: linear-gradient(232.91deg, #ffe8d4 5.59%, #fff 97.31%);
  width: 370px;
  height: 370px;
  padding: 50px 30px;
}
.home-black-friday .inner h2 {
  font-size: 43px;
  font-weight: 700;
  line-height: 48px;
  margin: 0;
  text-transform: uppercase;
  margin-top: 40px;
}
.home-black-friday .inner h2 span {
  color: #ffb800;
}
.home-black-friday .list-black-friday {
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  padding: 50px 0;
}
.home-black-friday .list-black-friday .item {
  text-align: center;
  position: relative;
}
.home-black-friday .list-black-friday .item > a {
  display: block;
  text-align: center;
  margin: auto;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.home-black-friday .list-black-friday .item > a:before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.home-black-friday .list-black-friday .item > a img {
  width: 100%;
}
.home-black-friday .list-black-friday .item .info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.home-black-friday .list-black-friday .item .info .title {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
  margin-bottom: 4px;
}
.home-black-friday .list-black-friday .item .info .title a {
  color: #ffb800;
}
.home-black-friday .list-black-friday .item .info .title a:hover {
  opacity: 0.7;
}
.home-black-friday .list-black-friday .item .info p {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
}
.home-review-customer {
  background: #faf4f1;
  padding: 68px 0;
}
.home-review-customer .block-image {
  text-align: center;
}
.home-review-customer .block-info {
  text-align: center;
}
.home-review-customer .block-info .swiper-pagination {
  position: initial;
  margin-top: 15px;
  line-height: 1;
}
.home-review-customer .block-info .swiper-pagination .swiper-pagination-bullet {
  background: #e2e6f2;
  border-radius: 2px;
  margin: 0 5px;
  opacity: 1;
  height: 6px;
}
.home-review-customer
  .block-info
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--mainColor);
  width: 45px;
}
.home-review-customer .block-info h2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 46px;
  margin-bottom: 24px;
  color: var(--mainColor);
  text-transform: uppercase;
}
.home-review-customer .block-info .review-customer-swiper .swiper-slide {
  text-align: center;
}
.home-review-customer .block-info .review-customer-swiper .swiper-slide .icon {
  width: 65px;
  height: 65px;
  margin: auto;
  background: var(--backgroundColorReview);
  border-radius: 12px;
  margin-bottom: 20px;
}
.home-review-customer
  .block-info
  .review-customer-swiper
  .swiper-slide
  .icon
  svg {
  width: 40px;
  height: 32px;
}
.home-review-customer
  .block-info
  .review-customer-swiper
  .swiper-slide
  .icon
  svg
  path {
  fill: #fff;
}
.home-review-customer .block-info .review-customer-swiper .swiper-slide .thumb {
  padding-bottom: 17%;
  margin-bottom: 15px;
}
.home-review-customer
  .block-info
  .review-customer-swiper
  .swiper-slide
  .thumb
  img {
  border: 3px solid #fff;
  border-radius: 100%;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.home-review-customer .block-info .review-customer-swiper .swiper-slide .des {
  color: #212633;
  font-size: 15px;
  line-height: 1.4;
}
.home-review-customer .block-info .review-customer-swiper .swiper-slide .star {
  margin-top: 20px;
  margin-bottom: 20px;
}
.home-review-customer
  .block-info
  .review-customer-swiper
  .swiper-slide
  .star
  svg {
  width: 168px;
}
.home-review-customer
  .block-info
  .review-customer-swiper
  .swiper-slide
  .star
  svg
  path {
  fill: var(--mainColor);
  stroke: var(--mainColor);
}
.home-review-customer
  .block-info
  .review-customer-swiper
  .swiper-slide
  .thumb-review {
  margin-bottom: 10px;
}
.home-review-customer .block-info .review-customer-swiper .swiper-slide .name {
  font-size: 18px;
  color: #212633;
  font-weight: 700;
  margin-bottom: 5px;
}
.home-blogs {
  padding: 80px 0;
}
.home-blogs h2 {
  color: #212633;
  font-size: 42px;
  margin-bottom: 30px;
  text-align: center;
}
.home-blogs h2 span {
  color: var(--oldColor);
}
.home-blogs .list-content .item-blog {
  display: flex;
  margin-top: 20px;
}
.home-blogs .list-content .item-blog .block-thumb {
  width: 200px;
}
.home-blogs .list-content .item-blog .block-info {
  width: calc(100% - 200px);
  padding-left: 13px;
  margin-top: 0;
}
.home-blogs .viewMore a {
  background: var(--mainColor);
  color: #fff;
}
.home-blogs .viewMore a svg path {
  stroke: #fff;
}
.home-album {
  padding-bottom: 80px;
}
.home-album .list-album {
  gap: 30px;
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}
.home-album .list-album a {
  display: block;
  position: relative;
}
.home-album .list-album a svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.home-album .list-album a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 12px;
  opacity: 0.3;
  display: none;
}
.home-album .list-album a:hover svg {
  display: block;
}
.home-album .list-album a:hover:before {
  display: block;
}
.home-album .viewMore a {
  background: var(--mainColor);
  color: #fff;
}
@media (min-width: 1199px) {
  .home-slider .swiper-slide.item-effect.on-show {
    animation-name: img-anim-left;
  }
  .home-album .block-title h2.item-effect.on-show {
    animation-name: fadeInDown;
  }
  .home-album .list-album .item.item-effect.on-show {
    animation-name: img-anim-left;
  }
  .home-blogs h2.item-effect.on-show {
    animation-name: fadeInDown;
  }
  .home-blogs .col-left.item-effect.on-show {
    animation-name: fadeInLeft;
  }
  .home-blogs .block-thumb.item-effect.on-show {
    animation-name: img-anim-right;
  }
  .home-blogs .list-content.item-effect.on-show {
    animation-name: fadeInRight;
  }
  .home-review-customer .block-image.item-effect.on-show {
    animation-name: fadeInRight;
  }
  .home-review-customer .block-info.item-effect.on-show {
    animation-name: fadeInLeft;
  }
  .home-black-friday .inner.item-effect.on-show {
    animation-name: fadeInDown;
  }
  .home-black-friday .list-black-friday.item-effect.on-show {
    animation-name: fadeInLeft;
  }
  .home-product .block-title h2.item-effect.on-show {
    animation-name: fadeInDown;
  }
  .home-product .item-effect.col-product.on-show {
    animation-name: fadeInLeft;
  }
  .home-product .item-effect.col-banner.on-show {
    animation-name: fadeInRight;
  }
  .home-banner.item-effect.on-show {
    animation-name: fadeInRight;
  }
  .block-title h2.item-effect.on-show {
    animation-name: fadeInUp;
    animation-duration: 0.6s;
  }
  .block-title ul.item-effect.on-show {
    animation-name: fadeInUp;
    animation-duration: 0.8s;
  }
  .viewMore.item-effect.on-show {
    animation-name: fadeInUp;
  }
  .home-policy.item-effect.on-show {
    animation-name: fadeInDown;
  }
  .home-cate .list-cate.item-effect.on-show {
    animation-name: fadeInUp;
  }
  .home-voucher .item-effect.on-show {
    animation-name: fadeInUp;
  }
  .home-lookbook .item-effect.col-left.on-show {
    animation-name: fadeInLeft;
  }
  .home-lookbook .item-effect.col-right.on-show {
    animation-name: fadeInRight;
  }
  .home-flash-sale .item-effect.on-show {
    animation-name: fadeInUp;
  }
  .home-product-tab.ajax-tab-1 .item-effect.on-show {
    animation-name: fadeInUp;
  }
  .home-product-tab.ajax-tab-2 .item-effect.on-show {
    animation-name: fadeInUp;
  }
  .home-product-tab.ajax-tab-3 .col-product.item-effect.on-show {
    animation-name: fadeInLeft;
  }
  .home-product-tab.ajax-tab-3 .col-banner.item-effect.on-show {
    animation-name: fadeInRight;
  }
}
@media (max-width: 1199px) and (min-width: 991px) {
  .home-policy {
    margin-top: -40px;
  }
  .home-policy .inner {
    padding: 30px;
  }
  .home-banner .thumb-banner.banner-2 {
    margin-bottom: 21px;
  }
  .home-black-friday .list-black-friday .item .info .title {
    font-size: 28px;
  }
  .home-black-friday .list-black-friday .item .info p {
    font-size: 15px;
  }
}
@media (max-width: 991px) and (min-width: 767px) {
  .home-banner .thumb-banner.banner-2 {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .block-title h2 {
    margin-bottom: 30px;
    font-size: 28px;
  }
  .viewMore {
    margin-top: 20px;
  }
  .home-policy {
    margin-top: 40px;
  }
  .home-policy .inner {
    padding: 30px;
  }
  .home-blogs .block-thumb {
    margin-top: 15px;
    text-align: center;
  }
  .review-customer-swiper {
    margin-bottom: 15px;
  }
  .home-album {
    padding-bottom: 40px;
  }
  .home-blogs {
    padding: 40px 0;
  }
  .home-review-customer {
    padding: 40px 0;
  }
  .home-review-customer .inner {
    padding: 40px 20px;
  }
  .home-review-customer .block-info {
    margin-bottom: 30px;
  }
  .home-black-friday .inner {
    padding: 40px 20px;
    height: initial;
    width: initial;
  }
  .home-black-friday .list-black-friday {
    padding: 55px 0;
    gap: 15px;
  }
  .home-black-friday .list-black-friday .item .info .title {
    font-size: 28px;
  }
  .home-black-friday .list-black-friday .item .info p {
    font-size: 13px;
  }
  .home-product {
    padding: 40px 0;
  }
  .home-product .col-banner {
    margin-top: 20px;
    text-align: center;
  }
  .home-lookbook .lookbook-swiper {
    margin-top: 30px;
  }
  .home-product-tab {
    padding: 40px 0;
  }
  .home-flash-sale {
    padding-bottom: 40px;
  }
  .home-cate {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .block-title h2 {
    font-size: 23px;
    margin-bottom: 20px;
    line-height: 1.2;
  }
  .block-title h2 span,
  .block-title h2 a {
    padding: 0;
  }
  .block-title h2 span:before,
  .block-title h2 span:after,
  .block-title h2 a:before,
  .block-title h2 a:after {
    display: none;
  }
  .block-title h2:after {
    display: none;
  }
  .flash-sale-swiper .swiper-button-next,
  .flash-sale-swiper .swiper-button-prev {
    top: 40%;
  }
  .home-lookbook {
    padding: 40px 0;
  }
  .home-flash-sale h2 {
    margin-bottom: 20px;
    font-size: 23px;
    line-height: 24px;
  }
  .home-flash-sale .block-countdown {
    width: 290px;
    background-size: contain;
    height: 42px;
    top: -4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
  }
  .home-flash-sale .block-countdown #countdown {
    margin-left: 0;
    font-style: initial;
  }
  .home-flash-sale .block-countdown #countdown .item {
    font-size: 20px;
    margin: 0 6px;
  }
  .home-flash-sale .block-countdown #countdown .item:before {
    transform: initial;
  }
  .home-flash-sale .block-countdown #countdown .dots {
    font-size: 20px;
    transform: initial;
  }
  .home-product-tab .block-title h2 {
    margin-bottom: 20px;
  }
  .home-product-tab .block-title ul {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    display: block;
    text-align: center;
  }
  .home-product-tab .block-title ul li {
    margin-right: 10px;
  }
  .home-cate .list-cate {
    gap: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    justify-content: center;
  }
  .home-cate .list-cate .item {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 10px;
  }
  .home-cate .list-cate .item .title {
    margin-top: -10px;
  }
  .home-cate .list-cate .item .title a {
    font-size: 14px;
    padding: 6px;
  }
  .home-blogs h2 {
    font-size: 23px;
    margin-bottom: 5px;
  }
  .home-blogs .list-content .item-blog {
    display: block;
  }
  .home-blogs .list-content .item-blog .block-thumb {
    width: 100%;
  }
  .home-blogs .list-content .item-blog .block-info {
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
  }
  .home-review-customer .block-info h2 {
    font-size: 23px;
    margin-bottom: 10px;
  }
  .home-review-customer .block-image .bg {
    padding: 20px;
  }
  .home-review-customer
    .block-image
    .bg
    .review-customer-swiper
    .swiper-slide
    .inner {
    display: block;
  }
  .home-review-customer
    .block-image
    .bg
    .review-customer-swiper
    .swiper-slide
    .inner
    .thumb {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    padding-bottom: 80%;
  }
  .home-review-customer
    .block-image
    .bg
    .review-customer-swiper
    .swiper-slide
    .inner
    .info {
    width: 100%;
    padding: 0;
  }
  .home-voucher {
    margin-bottom: 40px;
  }
  .home-banner .thumb-banner.banner-2 {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .home-black-friday .list-black-friday {
    padding: 30px 0;
  }
  .home-black-friday .list-black-friday .item .info .title {
    font-size: 20px;
  }
}
@media (max-width: 767px) and (max-width: 320px) {
  .home-black-friday .list-black-friday .item .info .title {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .home-black-friday .list-black-friday .item .info p {
    display: none;
  }
  .home-album .list-album {
    gap: 10px;
  }
}
.flashsale__bottom .flashsale__label {
  font-size: 12px;
}
.flashsale__bottom .flashsale__label img {
  width: 35px;
  margin-top: -5px;
}
.flashsale__bottom .flashsale__progressbar {
  display: block;
  width: 100%;
  height: 10px;
  background: #ebebeb;
  margin-bottom: 6px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.flashsale__bottom .flashsale__progressbar.style2 {
  height: 16px;
}
.flashsale__bottom .flashsale__progressbar.style2 .flashsale__label {
  font-size: 11px;
  position: relative;
  left: 0;
  z-index: 2;
  text-align: center;
  margin: auto;
}
.flashsale__bottom .flashsale__progressbar.style2 .flashsale__label img {
  display: none;
}
.flashsale__bottom .flashsale___percent {
  width: 0%;
  height: 100%;
  background-color: #ff6347;
  border-radius: 6px 0 0 6px;
  position: absolute;
  top: 0;
  z-index: 1;
  background-size: 40px 40px;
  -webkit-animation: progress_bar_fill 2s linear infinite;
  animation: progress_bar_fill 2s linear infinite;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.25) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.25) 50%,
    rgba(255, 255, 255, 0.25) 75%,
    transparent 75%,
    transparent
  );
}
@keyframes progress_bar_fill {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
.sold-module {
  height: 20px;
  border-radius: 10px;
  background: linear-gradient(to right, #ec1a17, #ffad00);
}
.sold-module img {
  left: 2px;
  top: -2px;
  width: 18px;
}
.sold-module .sold {
  font-size: 12px;
  color: #fff;
  z-index: 2;
  line-height: normal;
}
.sold-module .remain {
  background: #ffbda6;
  right: 0;
  top: 0;
  z-index: 1;
}