@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  border: 0;
  background-color: #fff; }

html {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%; }

html {
  height: -webkit-fill-available; }

img {
  max-width: 100%; }

.container {
  width: 100%;
  padding: 0 90px;
  max-width: none; }
  @media (max-width: 991px) {
    .container {
      padding: 0 15px; } }
  .container.container-detail {
    max-width: 1230px;
    padding: 0 15px; }

@font-face {
  font-family: urbanrevivo-font;
  src: url("https://file.hstatic.net/200000959085/file/neuemontreal-regular.otf") format("opentype");
  font-style: normal;
  font-weight: normal;
  font-display: swap; }

@font-face {
  font-family: 'FavoritBold';
  src: url("https://file.hstatic.net/200000959085/file/favorit-bold.eot");
  src: url("https://file.hstatic.net/200000959085/file/favorit-bold.eot?#iefix") format("embedded-opentype"), url("https://file.hstatic.net/200000959085/file/favorit-bold.woff2") format("woff2"), url("https://file.hstatic.net/200000959085/file/favorit-bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'NeueMontreal';
  src: url("https://file.hstatic.net/200000959085/file/neuemontreal-regular_2f1b7e7fda2c4ecfacabbb26df527896.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  /*font-family: urbanrevivo-font;*/
  /*font-family: 'NeueMontreal';*/
  color: #222222;
  overflow-x: hidden;
  background: #ffffff;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75; }
  body.open-sidebar-search, body.opened-mb, body.opened-filter-mb, body.open-sidebar-cart, body.fancybox-active {
    overflow: hidden; }
  body.template-product {
    background: #f8f8f8; }

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 13px 0;
  font-weight: bold;
  line-height: 1.2; }

img {
  max-width: 100%; }

a {
  color: #2e2e2e;
  text-decoration: none;
  outline: none;
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none; }

a:hover, a:focus {
  color: #2e2e2e;
  text-decoration: none;
  outline: none; }

a:active {
  outline: none; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

textarea {
  resize: none; }

ul, ol {
  padding: 0;
  margin: 0;
  list-style-type: none; }

img.lazyload {
  opacity: 0; }

button, input, textarea {
  outline: none;
  box-shadow: none;
  border-radius: 0; }

input[type="checkbox"],
input[type="radio"] {
  margin-top: 0;
  vertical-align: top;
  width: 18px;
  height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  margin: 0 5px 0 0;
  cursor: pointer;
  outline: 0 !important; }
  @media (max-width: 1199.98px) {
    input[type="checkbox"],
    input[type="radio"] {
      background: none;
      border: none; } }
  input[type="checkbox"]:after,
  input[type="radio"]:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #C6CBD0;
    cursor: pointer; }
  input[type="checkbox"]:before,
  input[type="radio"]:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 1px solid #fff;
    border-top-style: none;
    border-right-style: none; }
  input[type="checkbox"]:checked:after,
  input[type="radio"]:checked:after {
    background-color: #2E2E2E;
    border-color: transparent; }
  input[type="checkbox"]:checked:before,
  input[type="radio"]:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1); }

.effect-loading {
  -webkit-animation: .45s linear infinite alternate skeletonAnimation;
  animation: .45s linear infinite alternate skeletonAnimation;
  will-change: opacity; }

@-webkit-keyframes skeletonAnimation {
  0% {
    opacity: .45; }
  100% {
    opacity: .9; } }

@keyframes skeletonAnimation {
  0% {
    opacity: .45; }
  100% {
    opacity: .9; } }

.product-loop.product-loop-loader .box-img a {
  background: #e1e3e4; }

.product-loop.product-loop-loader h4 {
  height: 20px;
  background: #e1e3e4; }

.product-loop.product-loop-loader .pro-price span {
  height: 24.5px;
  background: #e1e3e4; }

.product-loop.product-loop-loader .pro-price .label-sale {
  padding: 2px 10px;
  background: #2E2E2E;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 15.6px; }

.product-loop:hover .quick-buy span {
  transform: translateY(-100%); }

.product-loop .product-inner {
  position: relative; }
  .product-loop .product-inner .group-label {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 8; }
    .product-loop .product-inner .group-label .label-sale {
      padding: 2px 10px;
      background: #2E2E2E;
      color: #FFFFFF;
      font-size: 12px;
      font-weight: 700;
      line-height: 15.6px; }
  .product-loop .product-inner .box-img {
    position: relative;
    margin: 0 0 13px 0; }
    .product-loop .product-inner .box-img > a {
      position: relative;
      display: block;
      padding-bottom: calc(100% * 480 / 388);
      background: #e1e3e4; }
      .product-loop .product-inner .box-img > a img {
        position: absolute;
        left: 0;
        top: 0;
        aspect-ratio: 388 / 480;
        width: 100%;
        height: 100%; }
      .product-loop .product-inner .box-img > a picture {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        transition: all 0.6s ease-in-out 0s;
        -moz-transition: all 0.6s ease-in-out 0s;
        -o-transition: all 0.6s ease-in-out 0s;
        -webkit-transition: all 0.6s ease-in-out 0s;
        -ms-transition: all 0.6s ease-in-out 0s; }
        .product-loop .product-inner .box-img > a picture:nth-child(2) {
          opacity: 0;
          visibility: hidden; }
      @media (min-width: 1200px) {
        .product-loop .product-inner .box-img > a:hover picture:nth-child(1) {
          visibility: hidden;
          opacity: 0; }
        .product-loop .product-inner .box-img > a:hover picture:nth-child(2) {
          opacity: 1;
          visibility: visible; } }
    .product-loop .product-inner .box-img .quick-buy {
      display: block;
      position: absolute;
      bottom: 0;
      right: 10px;
      height: 40px;
      line-height: 40px;
      border-radius: 0;
      overflow: hidden;
      background: inherit;
      z-index: 9;
      cursor: pointer; }
      .product-loop .product-inner .box-img .quick-buy .btn_icon {
        background: url(https://file.hstatic.net/200000959085/file/icon-addtocart.png) no-repeat;
        background-size: 22px 22px;
        background-position: center right;
        display: block;
        width: 100%;
        height: 40px;
        margin: 0 0 0 auto; }
      .product-loop .product-inner .box-img .quick-buy span {
        display: block;
        height: 40px;
        line-height: 40px;
        transition: all .4s ease;
        text-decoration: underline; }
    .product-loop .product-inner .box-img .img-metafield {
      position: absolute;
      left: 12px;
      bottom: 0;
      padding: 0 0 5px 0; }
      .product-loop .product-inner .box-img .img-metafield ul {
        display: flex;
        align-items: center;
        gap: 8px; }
        .product-loop .product-inner .box-img .img-metafield ul li {
          position: relative;
          cursor: pointer; }
          .product-loop .product-inner .box-img .img-metafield ul li:hover .tool-tip {
            opacity: 1;
            visibility: visible; }
          .product-loop .product-inner .box-img .img-metafield ul li .tool-tip {
            text-align: center;
            background: #232323;
            color: #fff;
            bottom: 100%;
            padding: 4px 7px;
            display: block;
            position: absolute;
            z-index: 2;
            min-width: 44px;
            left: 50%;
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translate(-50%);
            margin-bottom: 12px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .25s ease-out;
            -moz-transition: all .25s ease-out;
            -ms-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
            -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            font-size: 11px;
            font-weight: 500;
            letter-spacing: normal;
            pointer-events: none;
            line-height: 16px;
            white-space: nowrap; }
            .product-loop .product-inner .box-img .img-metafield ul li .tool-tip:after {
              border-left: solid transparent 7px;
              border-right: solid transparent 7px;
              border-top: solid #232323 7px;
              bottom: -7px;
              content: " ";
              height: 0;
              left: 50%;
              -moz-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -webkit-transform: translateX(-50%);
              transform: translate(-50%);
              position: absolute;
              width: 0; }
          .product-loop .product-inner .box-img .img-metafield ul li span {
            width: 18px;
            height: 18px;
            border: 2px solid #fff;
            -webkit-box-shadow: 0 0 0 1px #e6e6e6;
            -moz-box-shadow: 0 0 0 1px #e6e6e6;
            box-shadow: 0 0 0 1px #e6e6e6;
            outline: none;
            display: block;
            position: relative;
            overflow: hidden;
            border-radius: 100%; }
  .product-loop .product-inner .box-info h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 6px 0; }
    .product-loop .product-inner .box-info h4 a {
      color: #111111; }
  .product-loop .product-inner .box-info .pro-price {
    display: flex;
    align-items: center;
    gap: 10px; }
    .product-loop .product-inner .box-info .pro-price.on_sale span {
      color: #ef3b9c; }
    .product-loop .product-inner .box-info .pro-price del {
      color: #878787; }

.topbar {
  background: #862f27;
  position: relative;
  overflow: hidden; }
  .topbar .text-topbar {
    text-align: center;
    padding: 10px 0;
    color: #fff; }
    .topbar .text-topbar a {
      color: #fff; }
  .topbar .swiper-slide {
    text-align: center;
    padding: 10px 0;
    color: #fff; }
    .topbar .swiper-slide a {
      color: #fff; }
  .topbar .group-swiper-button .swiper-button-prev:after {
    font-size: 12px;
    width: 26px;
    height: 26px;
    background: rgba(246, 244, 244, 0.7);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%; }
  .topbar .group-swiper-button .swiper-button-next:after {
    font-size: 12px;
    width: 26px;
    height: 26px;
    background: rgba(246, 244, 244, 0.7);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%; }

#main-header .wrapper-header {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  #main-header .wrapper-header .header-inner {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 20px 0 0 0; }
    @media (max-width: 1199px) {
      #main-header .wrapper-header .header-inner {
        justify-content: space-between;
        align-items: center;
        min-height: 62px;
        padding: 0; } }
    @media (min-width: 1200px) {
      #main-header .wrapper-header .header-inner .header-iconmenu {
        display: none; } }
    @media (max-width: 1199px) {
      #main-header .wrapper-header .header-inner .header-iconmenu {
        width: 25%; } }
    #main-header .wrapper-header .header-inner .header-logo {
      width: 33.3%; }
      @media (max-width: 1199px) {
        #main-header .wrapper-header .header-inner .header-logo {
          width: 50%; } }
      #main-header .wrapper-header .header-inner .header-logo a {
        text-align: center;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
        #main-header .wrapper-header .header-inner .header-logo a img {
          width: 100%;
          height: 100%;
          max-width: 350px;
          max-height: 37px;
          padding: 5px 0; }
          @media (max-width: 1199px) {
            #main-header .wrapper-header .header-inner .header-logo a img {
              padding: 0;
              max-width: 200px;
              max-height: none; } }
    #main-header .wrapper-header .header-inner .header-menu {
      order: 3;
      width: 100%;
      position: relative; }
      @media (max-width: 1199px) {
        #main-header .wrapper-header .header-inner .header-menu {
          display: none; } }
      #main-header .wrapper-header .header-inner .header-menu nav > ul {
        display: flex;
        align-items: center;
        justify-content: center; }
        #main-header .wrapper-header .header-inner .header-menu nav > ul > li[data-menu="ƯU ĐÃI"] > a {
          color: red; }
          #main-header .wrapper-header .header-inner .header-menu nav > ul > li[data-menu="ƯU ĐÃI"] > a:hover, #main-header .wrapper-header .header-inner .header-menu nav > ul > li[data-menu="ƯU ĐÃI"] > a:focus {
            color: red; }
        #main-header .wrapper-header .header-inner .header-menu nav > ul > li > a {
          font-size: 14px;
          font-weight: 400;
          padding: 16px 20px 12px 20px;
          text-transform: uppercase;
          display: block; }
        #main-header .wrapper-header .header-inner .header-menu nav > ul > li.li-sub:hover > a {
          color: #696969; }
        #main-header .wrapper-header .header-inner .header-menu nav > ul > li.li-sub:hover .mega-sub {
          pointer-events: auto;
          opacity: 1;
          visibility: visible; }
      #main-header .wrapper-header .header-inner .header-menu nav .mega-sub {
        position: absolute;
        background: #fff;
        top: 100%;
        z-index: 10;
        padding: 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: inset 0 0 0 1px #eaeaea, 0 5px 20px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 0 0 1px #eaeaea, 0 5px 20px rgba(0, 0, 0, 0.15);
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        padding: 30px 15px;
        max-height: calc(100vh - 100px);
        width: calc(100% + 30px);
        left: -15px; }
      #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-2 {
        display: flex;
        justify-content: center;
        gap: 70px; }
        #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-2 > li.li-sub2 > a {
          font-weight: 600; }
        #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-2 > li > a {
          font-weight: 600;
          position: relative;
          padding: 4px 0;
          display: inline-block;
          font-size: 14px; }
          #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-2 > li > a:hover:after {
            width: 100%; }
          #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-2 > li > a:after {
            content: "";
            width: 0;
            height: 1px;
            position: absolute;
            bottom: 4px;
            left: 50%;
            border-radius: 2px;
            background: #948f8f;
            transition: all .2s ease-in;
            transform: translate(-50%); }
          #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-2 > li > a[data-menu="FLASH SALE"] {
            font-weight: bold;
            color: red; }
      #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-3 > li > a {
        position: relative;
        padding: 4px 0;
        display: inline-block; }
        #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-3 > li > a:hover:after {
          width: 100%; }
        #main-header .wrapper-header .header-inner .header-menu nav .ul-sub-3 > li > a:after {
          content: "";
          width: 0;
          height: 1px;
          position: absolute;
          bottom: 4px;
          left: 50%;
          border-radius: 2px;
          background: #948f8f;
          transition: all .2s ease-in;
          transform: translate(-50%); }
      #main-header .wrapper-header .header-inner .header-menu nav .custom-menu {
        display: flex;
        justify-content: center;
        gap: 70px; }
        #main-header .wrapper-header .header-inner .header-menu nav .custom-menu .column-menu {
          display: flex;
          flex-direction: column; }
          #main-header .wrapper-header .header-inner .header-menu nav .custom-menu .column-menu a {
            position: relative;
            padding: 4px 0;
            display: inline-block;
            font-size: 14px;
            font-weight: 600; }
    #main-header .wrapper-header .header-inner .header-right {
      width: 33.3%;
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 14px; }
      @media (max-width: 1199px) {
        #main-header .wrapper-header .header-inner .header-right {
          width: 25%; } }
      #main-header .wrapper-header .header-inner .header-right .header-item {
        cursor: pointer;
        position: relative; }
        @media (max-width: 1199px) {
          #main-header .wrapper-header .header-inner .header-right .header-item.item-account, #main-header .wrapper-header .header-inner .header-right .header-item.item-wishlist, #main-header .wrapper-header .header-inner .header-right .header-item.item-language {
            display: none; } }
        #main-header .wrapper-header .header-inner .header-right .header-item .count-item {
          width: 18px;
          height: 18px;
          color: #ffffff;
          box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
          background: #000000;
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: -5px;
          right: -8px;
          border-radius: 100%;
          font-size: 11px; }
  .hSticky #main-header .wrapper-header {
    visibility: hidden;
    opacity: 0; }
  .hSticky.hSticky-nav #main-header .wrapper-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #fff;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
    border-bottom: 1px solid #dfdfdf; }
  .hSticky.hSticky-nav.showMenu #main-header .wrapper-header {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease; }
  .hSticky.hSticky-nav.hSticky-up #main-header .wrapper-header,
  .hSticky.hSticky-nav.scrollDown #main-header .wrapper-header {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease; }
    .hSticky.hSticky-nav.hSticky-up #main-header .wrapper-header .header-inner,
    .hSticky.hSticky-nav.scrollDown #main-header .wrapper-header .header-inner {
      padding: 0; }
      .hSticky.hSticky-nav.hSticky-up #main-header .wrapper-header .header-inner .header-logo,
      .hSticky.hSticky-nav.scrollDown #main-header .wrapper-header .header-inner .header-logo {
        width: 15%;
        display: flex;
        align-items: center;
        order: 1; }
        @media (max-width: 1199px) {
          .hSticky.hSticky-nav.hSticky-up #main-header .wrapper-header .header-inner .header-logo,
          .hSticky.hSticky-nav.scrollDown #main-header .wrapper-header .header-inner .header-logo {
            width: 50%; } }
      .hSticky.hSticky-nav.hSticky-up #main-header .wrapper-header .header-inner .header-menu,
      .hSticky.hSticky-nav.scrollDown #main-header .wrapper-header .header-inner .header-menu {
        width: 60%;
        order: 2;
        position: static; }
        .hSticky.hSticky-nav.hSticky-up #main-header .wrapper-header .header-inner .header-menu nav > ul > li > a,
        .hSticky.hSticky-nav.scrollDown #main-header .wrapper-header .header-inner .header-menu nav > ul > li > a {
          padding: 20px; }
      .hSticky.hSticky-nav.hSticky-up #main-header .wrapper-header .header-inner .header-right,
      .hSticky.hSticky-nav.scrollDown #main-header .wrapper-header .header-inner .header-right {
        width: 25%;
        order: 3; }

.main-banner {
  margin: 0 0 50px 0;
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%; }
  .main-banner .slider-homepage:not(.swiper-initialized) .swiper-wrapper {
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: 100%;
    overflow-x: auto;
    grid-template-columns: unset;
    display: grid;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none; }
  .main-banner .swiper-button-next {
    background: url(https://file.hstatic.net/200000959085/file/arrow-right.png);
    background-size: 100% 100%;
    opacity: 0;
    transition: all .3s;
    right: 30px;
    cursor: pointer; }
    @media (max-width: 991px) {
      .main-banner .swiper-button-next {
        opacity: 1; } }
    .main-banner .swiper-button-next:after {
      display: none; }
  .main-banner .swiper-button-prev {
    background: url(https://file.hstatic.net/200000959085/file/arrow-left.png);
    background-size: 100% 100%;
    opacity: 0;
    transition: all .3s;
    left: 30px;
    cursor: pointer; }
    @media (max-width: 991px) {
      .main-banner .swiper-button-prev {
        opacity: 1; } }
    .main-banner .swiper-button-prev:after {
      display: none; }
  .main-banner:hover .swiper-button-next, .main-banner:hover .swiper-button-prev {
    opacity: 1; }
  .main-banner .res-banner {
    display: block;
    padding-top: calc(100% * 900 / 1920);
    position: relative;
    transition: none;
    background: #F7F8F9; }
    @media (max-width: 991px) {
      .main-banner .res-banner {
        padding-top: calc(100% * 900 / 750); } }
    .main-banner .res-banner img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 1920 / 900;
      width: 100%;
      height: 100%; }
      @media (max-width: 991px) {
        .main-banner .res-banner img {
          aspect-ratio: 750 / 900; } }

.text-banner {
  text-align: center;
  margin: 0 0 115px 0; }
  @media (max-width: 991px) {
    .text-banner {
      margin: 0 0 50px 0; } }
  .text-banner.no-margin {
    margin: 0; }
  .text-banner .head-banner {
    font-size: 24px;
    line-height: 1; }
    @media (max-width: 991px) {
      .text-banner .head-banner {
        font-size: 20px;
        line-height: 30px; } }
    .text-banner .head-banner.head-banner-26 {
      font-size: 26px; }
      @media (max-width: 991px) {
        .text-banner .head-banner.head-banner-26 {
          font-size: 20px;
          line-height: 30px; } }
  .text-banner .des-banner {
    margin: 20px 0; }
    @media (max-width: 991px) {
      .text-banner .des-banner {
        font-size: 12px;
        line-height: 15px;
        margin: 15px 0; } }
  .text-banner .link-banner a {
    text-decoration: underline; }
    @media (max-width: 991px) {
      .text-banner .link-banner a {
        font-size: 12px; } }

.banner-home-1 {
  margin: 0 0 115px 0; }
  @media (max-width: 991px) {
    .banner-home-1 {
      margin: 0 0 50px 0; } }
  .banner-home-1 .group-banner {
    display: flex;
    align-items: center; }
    @media (max-width: 991px) {
      .banner-home-1 .group-banner {
        flex-direction: column; } }
    .banner-home-1 .group-banner .column-left {
      width: 66%; }
      @media (max-width: 991px) {
        .banner-home-1 .group-banner .column-left {
          width: 100%;
          margin: 0 0 50px 0; } }
      .banner-home-1 .group-banner .column-left .box-img {
        display: block;
        padding-top: calc(100% * 800 / 1150);
        position: relative;
        transition: none;
        background: #F7F8F9; }
        .banner-home-1 .group-banner .column-left .box-img img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 1150 / 800;
          width: 100%;
          height: 100%; }
    .banner-home-1 .group-banner .column-right {
      width: 41%;
      margin-left: 110px; }
      @media (max-width: 991px) {
        .banner-home-1 .group-banner .column-right {
          width: 100%;
          margin-left: 0; } }

.banner-home-2 {
  padding-top: 70px;
  padding-bottom: 88px;
  background: #fafafa; }
  @media (max-width: 991px) {
    .banner-home-2 {
      padding: 0 15px 50px 15px; } }
  .banner-home-2 .box-img {
    display: block;
    padding-top: calc(100% * 792 / 618);
    position: relative;
    transition: none;
    background: #F7F8F9; }
    .banner-home-2 .box-img img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 618 / 792;
      width: 100%;
      height: 100%; }
  .banner-home-2 .wrap-banner {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 71.8%;
    margin: 0 auto; }
    @media (max-width: 991px) {
      .banner-home-2 .wrap-banner {
        flex-direction: column;
        width: 100%; } }
    .banner-home-2 .wrap-banner .column-left {
      width: 50%;
      margin-right: 140px;
      margin-top: 72px; }
      @media (max-width: 991px) {
        .banner-home-2 .wrap-banner .column-left {
          width: 100%;
          margin-right: 0;
          margin-top: 0;
          display: flex;
          flex-direction: column; } }
      .banner-home-2 .wrap-banner .column-left .box-img {
        margin: 36px 0 0 0; }
        @media (max-width: 991px) {
          .banner-home-2 .wrap-banner .column-left .box-img {
            order: 1;
            margin: 0 0 50px 0; } }
      @media (max-width: 991px) {
        .banner-home-2 .wrap-banner .column-left .text-banner {
          order: 2; } }
    .banner-home-2 .wrap-banner .column-right {
      width: 50%; }
      @media (max-width: 991px) {
        .banner-home-2 .wrap-banner .column-right {
          width: 100%;
          margin: 50px 0 0 0; } }
      .banner-home-2 .wrap-banner .column-right .box-img {
        margin: 0 0 72px 0; }
        @media (max-width: 991px) {
          .banner-home-2 .wrap-banner .column-right .box-img {
            margin: 0 0 50px 0; } }

.banner-home-3 {
  margin: 0 0 70px 0; }
  @media (max-width: 991px) {
    .banner-home-3 {
      margin: 30px 0 55px 0; } }
  .banner-home-3 .box-img {
    display: block;
    padding-top: calc(100% * 766 / 1200);
    position: relative;
    transition: none;
    background: #F7F8F9;
    margin: 0 0 50px 0; }
    .banner-home-3 .box-img img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 1200 / 766;
      width: 100%;
      height: 100%; }
  .banner-home-3 .wrap-banner {
    margin: 100px auto 80px;
    width: 62%; }
    @media (max-width: 991px) {
      .banner-home-3 .wrap-banner {
        width: 100%;
        padding: 0 15px;
        margin: 0 0 55px 0; } }

.banner-home-4 .box-img {
  display: block;
  padding-top: calc(100% * 872 / 776);
  position: relative;
  transition: none;
  background: #F7F8F9;
  margin: 0 0 50px 0; }
  @media (max-width: 991px) {
    .banner-home-4 .box-img {
      margin: 0 0 74px 0; } }
  .banner-home-4 .box-img img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 776 / 872;
    width: 100%;
    height: 100%; }

.banner-home-4 .wrap-banner {
  margin: 0 auto 80px;
  width: 71.8%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 991px) {
    .banner-home-4 .wrap-banner {
      width: 100%;
      padding: 0 15px;
      margin: 0 0 55px 0;
      flex-direction: column; } }
  .banner-home-4 .wrap-banner .column-left {
    margin-right: 60px;
    width: 41%; }
    @media (max-width: 991px) {
      .banner-home-4 .wrap-banner .column-left {
        order: 2;
        width: 100%;
        margin-right: 0; } }
  .banner-home-4 .wrap-banner .column-right {
    width: 59%; }
    @media (max-width: 991px) {
      .banner-home-4 .wrap-banner .column-right {
        width: 100%; } }

.banner-home-5 {
  margin: 0 0 70px 0; }
  @media (max-width: 991px) {
    .banner-home-5 {
      margin: 0 0 55px 0; } }
  .banner-home-5 .box-img {
    display: block;
    padding-top: calc(100% * 766 / 1200);
    position: relative;
    transition: none;
    background: #F7F8F9;
    margin: 0 0 50px 0; }
    .banner-home-5 .box-img img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 1200 / 766;
      width: 100%;
      height: 100%; }
  .banner-home-5 .wrap-banner {
    margin: 100px auto 80px;
    width: 62%; }
    @media (max-width: 991px) {
      .banner-home-5 .wrap-banner {
        width: 100%;
        padding: 0 15px;
        margin: 0 0 55px 0; } }

@media (max-width: 991px) {
  .banner-home-6 {
    margin: 0 0 55px 0; } }

.banner-home-6 .box-img {
  display: block;
  padding-top: calc(100% * 872 / 776);
  position: relative;
  transition: none;
  background: #F7F8F9;
  margin: 0 0 50px 0; }
  @media (max-width: 991px) {
    .banner-home-6 .box-img {
      margin: 0 0 74px 0; } }
  .banner-home-6 .box-img img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 776 / 872;
    width: 100%;
    height: 100%; }

.banner-home-6 .wrap-banner {
  margin: 100px auto 80px;
  width: 71.8%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 991px) {
    .banner-home-6 .wrap-banner {
      flex-direction: column;
      width: 100%;
      padding: 0 15px;
      margin: 0; } }
  .banner-home-6 .wrap-banner .column-left {
    width: 59%; }
    @media (max-width: 991px) {
      .banner-home-6 .wrap-banner .column-left {
        width: 100%; } }
  .banner-home-6 .wrap-banner .column-right {
    margin-right: 60px;
    width: 41%; }
    @media (max-width: 991px) {
      .banner-home-6 .wrap-banner .column-right {
        width: 100%;
        margin-right: 0; } }

.banner-home-7 {
  margin: 0 0 70px 0; }
  @media (max-width: 991px) {
    .banner-home-7 {
      margin: 0 0 50px 0; } }
  .banner-home-7 .box-img {
    display: block;
    padding-top: calc(100% * 766 / 1200);
    position: relative;
    transition: none;
    background: #F7F8F9;
    margin: 0 0 50px 0; }
    .banner-home-7 .box-img img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 1200 / 766;
      width: 100%;
      height: 100%; }
  .banner-home-7 .wrap-banner {
    margin: 100px auto 80px;
    width: 62%; }
    @media (max-width: 991px) {
      .banner-home-7 .wrap-banner {
        width: 100%;
        margin: 0;
        padding: 0 15px; } }

@media (max-width: 991px) {
  .banner-home-8 {
    margin: 0 0 50px 0; } }

.banner-home-8 .box-img {
  display: block;
  padding-top: calc(100% * 872 / 776);
  position: relative;
  transition: none;
  background: #F7F8F9;
  margin: 0 0 50px 0; }
  @media (max-width: 991px) {
    .banner-home-8 .box-img {
      margin: 0 0 50px 0; } }
  .banner-home-8 .box-img img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 776 / 872;
    width: 100%;
    height: 100%; }

.banner-home-8 .wrap-banner {
  margin: 0 auto 80px;
  width: 71.8%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media (max-width: 991px) {
    .banner-home-8 .wrap-banner {
      flex-direction: column;
      width: 100%;
      margin: 0;
      padding: 0 15px; } }
  .banner-home-8 .wrap-banner .column-left {
    margin-right: 60px;
    width: 41%; }
    @media (max-width: 991px) {
      .banner-home-8 .wrap-banner .column-left {
        width: 100%;
        margin-right: 0;
        order: 2; } }
  .banner-home-8 .wrap-banner .column-right {
    width: 59%; }
    @media (max-width: 991px) {
      .banner-home-8 .wrap-banner .column-right {
        width: 100%;
        order: 1; } }

#search-canvas {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 300px;
  background-color: #fff;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: transform .2s;
  -webkit-transform: translate3d(104%, 0, 0);
  transform: translate3d(104%, 0, 0);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  display: block;
  z-index: 500;
  width: 340px;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: column;
  flex-direction: column; }
  .open-sidebar-search #search-canvas {
    -webkit-transform: none !important;
    transform: none !important; }
  #search-canvas .search-sidebar .head-sidebar {
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid rgba(129, 129, 129, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #search-canvas .search-sidebar .head-sidebar .title-sidebar {
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase; }
    #search-canvas .search-sidebar .head-sidebar .close-sidebar {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      #search-canvas .search-sidebar .head-sidebar .close-sidebar svg {
        width: 20px;
        height: 20px;
        transition: .3s; }
      #search-canvas .search-sidebar .head-sidebar .close-sidebar:hover svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
  #search-canvas .content-sidebar {
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #search-canvas .content-sidebar #form-find-product {
      padding: 30px 20px;
      border-bottom: 1px solid rgba(129, 129, 129, 0.2);
      position: relative; }
      #search-canvas .content-sidebar #form-find-product input {
        padding: 0 50px 0 20px;
        height: 40px;
        border: 1px solid #e3e3e3;
        width: 100%;
        line-height: 18px;
        color: #222;
        border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      #search-canvas .content-sidebar #form-find-product button {
        position: absolute;
        top: 30px;
        right: 20px;
        bottom: 0;
        padding: 0;
        width: 50px;
        border: none;
        background-color: transparent;
        color: #222;
        font-size: 15px;
        height: 40px; }
    #search-canvas .content-sidebar .t-result-search {
      padding: 10px 20px;
      border-bottom: 1px solid rgba(129, 129, 129, 0.2);
      box-shadow: 0 3px 10px 0 rgba(129, 129, 129, 0.2);
      position: relative; }
      #search-canvas .content-sidebar .t-result-search .text-nte {
        font-weight: 500; }
    #search-canvas .content-sidebar .l-result-search {
      position: relative;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      overflow: hidden;
      width: 100%;
      height: 100%; }
      #search-canvas .content-sidebar .l-result-search .sroll-content {
        padding: 20px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
        transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; }
      #search-canvas .content-sidebar .l-result-search .l-products {
        display: flex;
        flex-direction: column;
        gap: 15px; }
        #search-canvas .content-sidebar .l-result-search .l-products .item-products {
          display: flex;
          gap: 15px; }
          #search-canvas .content-sidebar .l-result-search .l-products .item-products .box-img {
            width: 90px; }
          #search-canvas .content-sidebar .l-result-search .l-products .item-products .box-info {
            -ms-flex-preferred-size: 0;
            flex-basis: 0;
            -ms-flex-positive: 1;
            flex-grow: 1;
            max-width: 100%; }
            #search-canvas .content-sidebar .l-result-search .l-products .item-products .box-info h4 {
              font-weight: 500;
              font-size: 14px;
              margin: 0 0 5px 0; }
            #search-canvas .content-sidebar .l-result-search .l-products .item-products .box-info .box-price {
              display: flex;
              align-items: center;
              gap: 10px; }
              #search-canvas .content-sidebar .l-result-search .l-products .item-products .box-info .box-price.on_sale span {
                color: #ef3b9c; }
              #search-canvas .content-sidebar .l-result-search .l-products .item-products .box-info .box-price del {
                color: #878787; }
      #search-canvas .content-sidebar .l-result-search .view-all-products {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(129, 129, 129, 0.2);
        font-size: 14px; }
        #search-canvas .content-sidebar .l-result-search .view-all-products a {
          font-weight: 500; }

.mask-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 400;
  opacity: 0;
  visibility: hidden;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity .25s, visibility .25s;
  cursor: pointer; }
  .open-sidebar-search .mask-overlay,
  .open-sidebar-cart .mask-overlay {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility; }

#layout-collection .head-collection {
  margin: 50px 0 0 0; }
  @media (max-width: 991px) {
    #layout-collection .head-collection {
      margin: 25px 0 15px 0; } }
  #layout-collection .head-collection h1 {
    font-size: 16px;
    font-weight: 500;
    text-align: center; }

#layout-collection .sort-collection {
  margin: 0 0 10px 0; }
  @media (max-width: 991px) {
    .hSticky-nav #layout-collection .sort-collection {
      padding: 10px 0;
      background: #fff;
      z-index: 10;
      position: sticky;
      top: 62px; } }
  #layout-collection .sort-collection .wrap-sort {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #layout-collection .sort-collection .element-sort {
    margin-left: auto;
    display: flex;
    align-items: center;
    position: relative; }
    @media (max-width: 991px) {
      #layout-collection .sort-collection .element-sort {
        margin-left: 0; } }
    #layout-collection .sort-collection .element-sort .head-sort {
      font-weight: 700;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        #layout-collection .sort-collection .element-sort .head-sort {
          display: none; } }
    @media (max-width: 991px) {
      #layout-collection .sort-collection .element-sort .group-sort.style-opened:after {
        content: "";
        display: block;
        width: 100vw;
        height: 100vh;
        position: absolute;
        top: 46px;
        left: -15px;
        background: rgba(0, 0, 0, 0.6);
        -webkit-animation: fade .3s ease forwards;
        animation: fade .3s ease forwards;
        z-index: 9; } }
    #layout-collection .sort-collection .element-sort .group-sort .show-sort {
      background: transparent;
      border: none;
      outline: none;
      padding: 0 16px;
      color: #878787; }
      @media (min-width: 992px) {
        #layout-collection .sort-collection .element-sort .group-sort .show-sort.show-sort-search {
          min-width: 190px;
          border: 1px solid #ddd;
          padding: 7px 7px 7px 15px;
          text-align: left; }
          #layout-collection .sort-collection .element-sort .group-sort .show-sort.show-sort-search:after {
            right: 15px; } }
      @media (max-width: 991px) {
        #layout-collection .sort-collection .element-sort .group-sort .show-sort {
          padding: 0 16px 0 0; } }
      #layout-collection .sort-collection .element-sort .group-sort .show-sort.opened:after {
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-top: -2px; }
      #layout-collection .sort-collection .element-sort .group-sort .show-sort:after {
        top: 50%;
        left: auto;
        right: 0;
        position: absolute;
        content: "";
        border-right: 1px solid #222;
        border-bottom: 1px solid #222;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 7px;
        height: 7px;
        display: inline-block;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 11px;
        margin-left: 10px;
        vertical-align: top;
        margin-top: -5px;
        white-space: nowrap;
        overflow: hidden;
        line-height: inherit; }
    #layout-collection .sort-collection .element-sort .group-sort .sort-by-content {
      list-style: none;
      position: absolute;
      background: #fff;
      padding: 0;
      z-index: 9999;
      text-align: left;
      right: 0;
      top: 100%;
      margin: 0;
      display: none;
      border: none;
      width: 245px;
      box-shadow: 0 2px 4px rgba(142, 142, 142, 0.3); }
      @media (max-width: 991px) {
        #layout-collection .sort-collection .element-sort .group-sort .sort-by-content {
          width: 100vw;
          left: -15px;
          top: 34px; } }
      #layout-collection .sort-collection .element-sort .group-sort .sort-by-content li {
        cursor: pointer; }
        #layout-collection .sort-collection .element-sort .group-sort .sort-by-content li.active {
          background: #f6f6f6 url(https://file.hstatic.net/200000959085/file/checked.png);
          background-position: calc(100% - 16px) center;
          background-repeat: no-repeat;
          background-size: 16px auto; }
        #layout-collection .sort-collection .element-sort .group-sort .sort-by-content li span {
          display: block;
          padding: 0 20px;
          line-height: 40px; }
          #layout-collection .sort-collection .element-sort .group-sort .sort-by-content li span:hover {
            text-decoration: underline; }
  #layout-collection .sort-collection .element-filter {
    display: none; }
    @media (max-width: 991px) {
      #layout-collection .sort-collection .element-filter {
        display: block; } }
    #layout-collection .sort-collection .element-filter .head-filter {
      display: flex;
      align-items: center;
      gap: 3px; }
      #layout-collection .sort-collection .element-filter .head-filter img {
        width: 17px;
        height: 8px; }

@media (max-width: 991px) {
  #layout-collection .content-collection .container {
    padding: 0 2px; } }

#layout-collection .content-collection .wrap-collection {
  display: flex;
  margin: 0 0 50px 0; }
  #layout-collection .content-collection .wrap-collection .sidebar-filter {
    width: 17%; }
    @media (max-width: 991px) {
      #layout-collection .content-collection .wrap-collection .sidebar-filter {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        background-color: #fff;
        right: auto;
        left: 0;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        display: block;
        z-index: 500;
        right: auto;
        left: 0;
        -webkit-transform: translate3d(104%, 0, 0);
        transform: translate3d(104%, 0, 0);
        transition: transform .35s;
        display: flex;
        flex-direction: column; }
        .opened-filter-mb #layout-collection .content-collection .wrap-collection .sidebar-filter {
          -webkit-transform: none;
          transform: none; } }
    #layout-collection .content-collection .wrap-collection .sidebar-filter .close-filter-mb {
      position: sticky;
      top: 0;
      z-index: 9;
      width: 100%;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: end;
      padding: 10px 15px; }
      @media (min-width: 992px) {
        #layout-collection .content-collection .wrap-collection .sidebar-filter .close-filter-mb {
          display: none; } }
      #layout-collection .content-collection .wrap-collection .sidebar-filter .close-filter-mb img {
        width: 24px;
        height: 24px;
        background: #fff;
        padding: 2px; }
    @media (max-width: 991px) {
      #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar {
        padding: 15px 25px;
        max-height: 80vh;
        overflow: auto; } }
    #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e3e3e3; }
      @media (max-width: 991px) {
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered {
          display: none; } }
      #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .head-f {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 15px 0; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .head-f .title-f {
          font-weight: 400; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .head-f .close-f {
          font-size: 10px;
          color: #878787;
          cursor: pointer; }
      #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .content-f {
        display: flex;
        flex-direction: column;
        gap: 15px; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .content-f .item-refine {
          position: relative;
          cursor: pointer; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .content-f .item-refine:after {
            width: 9px;
            content: "";
            display: block;
            height: 1px;
            background: #000;
            position: absolute;
            right: 0;
            top: 9px;
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            border-top: 1px solid black;
            background: none;
            width: 15px; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .content-f .item-refine:before {
            content: "";
            display: block;
            height: 1px;
            background: #000;
            position: absolute;
            right: 0;
            top: 9px;
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: 1px solid black;
            background: none;
            width: 15px; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .content-f .item-refine .refind-by-type {
            display: flex;
            align-items: center;
            gap: 3px;
            font-size: 12px; }
            #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .list-filtered .content-f .item-refine .refind-by-type .by-value {
              font-weight: 700; }
    #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #e3e3e3; }
      @media (max-width: 991px) {
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f {
          margin-bottom: 15px;
          padding-bottom: 15px;
          border-bottom: none; } }
      #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none; }
      #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .head-group-f {
        position: relative;
        font-weight: 700;
        cursor: pointer;
        text-transform: uppercase; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .head-group-f .list-filtered-mb {
          font-size: 12px;
          color: #878787;
          font-weight: 300; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .head-group-f.opened:after {
          transform: translateY(-50%) rotate(-135deg);
          margin-top: 0; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .head-group-f.opened ~ .content-group-f {
          display: block; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .head-group-f:after {
          content: "";
          width: 8px;
          height: 8px;
          transition: all .3s ease;
          border-right: 1px solid #000;
          border-bottom: 1px solid #000;
          display: inline-block;
          transition: all .1s ease-in-out;
          position: absolute;
          top: 56%;
          right: 2px;
          transform: translateY(-50%) rotate(45deg);
          margin-top: -5px; }
      #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f {
        margin: 20px 0 0 0;
        display: none; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-cate {
          flex-direction: column; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-cate ~ .filter-by-cate {
            margin-top: 15px; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-cate ul {
            flex-direction: column;
            padding: 0 0 0 15px; }
            #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-cate ul li {
              width: 100%; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-type {
          flex-direction: column; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-type li {
            width: 100%; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f ul {
          display: flex;
          flex-wrap: wrap;
          gap: 6px; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f ul li {
            display: flex;
            align-items: center;
            gap: 5px;
            width: calc(50% - 6px); }
            #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f ul li label {
              margin: 0;
              cursor: pointer;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              font-size: 13px;
              width: calc(100% - 15px);
              text-transform: capitalize; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-price .text-filter-price {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 15px 0 0 0; }
        #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-price #slider-range {
          border: none;
          background: #c5c5c5;
          height: 2px;
          border-radius: 0; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-price #slider-range .ui-slider-range {
            height: 2px;
            background: #000000; }
          #layout-collection .content-collection .wrap-collection .sidebar-filter .inner-sidebar .group-item-f .item-f .content-group-f .filter-by-price #slider-range .ui-slider-handle {
            width: 18px;
            height: 18px;
            background: #000000;
            border-radius: 100%;
            border: none;
            outline: none;
            box-shadow: none;
            top: -8px; }
    #layout-collection .content-collection .wrap-collection .sidebar-filter .mb-filter-footer {
      margin-top: auto;
      padding: 0 15px;
      margin-bottom: 16%; }
      @media (min-width: 992px) {
        #layout-collection .content-collection .wrap-collection .sidebar-filter .mb-filter-footer {
          display: none; } }
      #layout-collection .content-collection .wrap-collection .sidebar-filter .mb-filter-footer .clear-all-filter-mb {
        font-size: 12px;
        line-height: 1.2;
        border: none;
        text-align: center;
        width: 100%;
        outline: none;
        box-shadow: none;
        background: transparent;
        text-transform: uppercase;
        margin: 0 0 17px 0; }
      #layout-collection .content-collection .wrap-collection .sidebar-filter .mb-filter-footer button.close-filter-mb-footer {
        font-size: 12px;
        text-transform: uppercase;
        background: #fff;
        color: #222;
        border: 1px solid #222;
        padding: 0;
        height: 45px;
        line-height: 45px;
        width: 100%; }
  #layout-collection .content-collection .wrap-collection .content-right {
    width: 83%;
    padding-left: 30px; }
    @media (max-width: 991px) {
      #layout-collection .content-collection .wrap-collection .content-right {
        width: 100%;
        padding-left: 0; } }
    #layout-collection .content-collection .wrap-collection .content-right .list-collection {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      gap: 42px 5px; }
      @media (max-width: 991px) {
        #layout-collection .content-collection .wrap-collection .content-right .list-collection {
          grid-template-columns: repeat(2, 1fr);
          gap: 30px 5px; } }
    #layout-collection .content-collection .wrap-collection .content-right .loading-collection {
      text-align: center;
      margin: 50px 0; }
      #layout-collection .content-collection .wrap-collection .content-right .loading-collection.loading-collection-top {
        margin: 0 0 20px 0; }
      #layout-collection .content-collection .wrap-collection .content-right .loading-collection .text-collection {
        margin: 0 0 8px 0;
        color: #666; }
      #layout-collection .content-collection .wrap-collection .content-right .loading-collection button {
        color: #333;
        border: 1px solid #333;
        background-color: transparent;
        padding: 10px 20px;
        height: auto;
        vertical-align: top;
        line-height: 22px;
        text-transform: uppercase;
        width: 100%;
        max-width: 328px; }

#menu-mobile-canvas {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #fff;
  right: auto;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  display: block;
  z-index: 500;
  right: auto;
  left: 0;
  -webkit-transform: translate3d(-104%, 0, 0);
  transform: translate3d(-104%, 0, 0);
  transition: transform .35s; }
  .opened-mb #menu-mobile-canvas {
    -webkit-transform: none;
    transform: none; }
  #menu-mobile-canvas .wrap-mb {
    display: block; }
  #menu-mobile-canvas .head-mb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 25px; }
    #menu-mobile-canvas .head-mb .list-mb {
      display: flex;
      align-items: center;
      gap: 8px; }
      #menu-mobile-canvas .head-mb .list-mb .i-mb {
        position: relative; }
        #menu-mobile-canvas .head-mb .list-mb .i-mb span {
          width: 18px;
          height: 18px;
          color: #ffffff;
          box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
          background: #000000;
          display: flex;
          align-items: center;
          justify-content: center;
          position: absolute;
          top: -5px;
          right: -8px;
          border-radius: 100%;
          font-size: 11px; }
    #menu-mobile-canvas .head-mb .close-mb svg {
      width: 24px;
      height: 24px; }
  #menu-mobile-canvas .mb-scroll {
    position: relative; }
    #menu-mobile-canvas .mb-scroll .box-menu-lv1 {
      display: flex;
      overflow-x: scroll;
      color: #000;
      padding: 2px 0 4px 25px; }
      #menu-mobile-canvas .mb-scroll .box-menu-lv1::-webkit-scrollbar {
        display: none; }
      #menu-mobile-canvas .mb-scroll .box-menu-lv1:after {
        content: '';
        width: 80px;
        height: 32px;
        background: url(https://file.hstatic.net/200000959085/file/linear_bg.png) no-repeat;
        background-position: right;
        background-size: auto 100%;
        position: absolute;
        right: 0;
        top: 0;
        pointer-events: none; }
      #menu-mobile-canvas .mb-scroll .box-menu-lv1 ul {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        position: relative;
        white-space: nowrap;
        direction: ltr;
        transition: transform .3s ease;
        text-transform: uppercase;
        padding-right: 60px;
        gap: 15px; }
        #menu-mobile-canvas .mb-scroll .box-menu-lv1 ul li {
          padding: 8px 10px; }
          #menu-mobile-canvas .mb-scroll .box-menu-lv1 ul li[data-title="ƯU ĐÃI|SALE"] {
            color: red; }
          #menu-mobile-canvas .mb-scroll .box-menu-lv1 ul li.active {
            background: #000;
            color: #fff; }
            #menu-mobile-canvas .mb-scroll .box-menu-lv1 ul li.active[data-title="ƯU ĐÃI|SALE"] {
              background: red;
              color: #fff; }
    #menu-mobile-canvas .mb-scroll .box-menu-lv2 {
      padding: 25px 20px 0 25px; }
      #menu-mobile-canvas .mb-scroll .box-menu-lv2 #wrap-ajax-mb .group-mb-ajax {
        display: none; }
        #menu-mobile-canvas .mb-scroll .box-menu-lv2 #wrap-ajax-mb .group-mb-ajax.active {
          display: flex;
          flex-direction: column; }
          #menu-mobile-canvas .mb-scroll .box-menu-lv2 #wrap-ajax-mb .group-mb-ajax.active[data-title="WOMEN"] {
            gap: 25px; }
          #menu-mobile-canvas .mb-scroll .box-menu-lv2 #wrap-ajax-mb .group-mb-ajax.active[data-title]:not([data-title="WOMEN"]) .menu-lv2:nth-child(1) {
            margin: 0 0 25px 0; }
        #menu-mobile-canvas .mb-scroll .box-menu-lv2 #wrap-ajax-mb .group-mb-ajax .menu-lv2 > a {
          line-height: 31px; }
          #menu-mobile-canvas .mb-scroll .box-menu-lv2 #wrap-ajax-mb .group-mb-ajax .menu-lv2 > a[data-menu="FLASH SALE"] {
            font-weight: bold;
            color: red; }
        #menu-mobile-canvas .mb-scroll .box-menu-lv2 #wrap-ajax-mb .group-mb-ajax .menu-lv2 > ul > li > a {
          padding-left: 15px;
          font-size: 13px;
          min-height: 31px;
          line-height: 31px; }
  #menu-mobile-canvas .mb-search {
    padding: 0 25px 50px 25px;
    margin-top: 33px; }
    #menu-mobile-canvas .mb-search .search-section .search-box-mobile {
      display: flex;
      border: 1px solid #ccc;
      border-radius: 0;
      overflow: hidden;
      transition: border 0.3s ease; }
      #menu-mobile-canvas .mb-search .search-section .search-box-mobile input {
        flex: 1;
        padding: 0 10px;
        border: none;
        outline: none;
        font-size: 1rem;
        height: 42px;
        box-shadow: none; }
      #menu-mobile-canvas .mb-search .search-section .search-box-mobile button {
        background: #000;
        color: #fff;
        font-size: 1.1rem;
        cursor: pointer;
        transition: background 0.3s ease;
        height: 42px;
        border: none;
        outline: none;
        box-shadow: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px; }
        #menu-mobile-canvas .mb-search .search-section .search-box-mobile button svg {
          width: 20px;
          height: 20px; }
          #menu-mobile-canvas .mb-search .search-section .search-box-mobile button svg path {
            fill: #ffffff; }
    #menu-mobile-canvas .mb-search .search-section .popular-keywords {
      margin-top: 1.5rem; }
      #menu-mobile-canvas .mb-search .search-section .popular-keywords h2 {
        font-size: 1.2rem;
        margin-bottom: 0.75rem;
        color: #333; }
      #menu-mobile-canvas .mb-search .search-section .popular-keywords ul {
        list-style: none;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem; }
        #menu-mobile-canvas .mb-search .search-section .popular-keywords ul li a {
          display: inline-block;
          padding: 0.4rem 0.9rem;
          background: #f2f2f2;
          border-radius: 20px;
          text-decoration: none;
          color: #333;
          font-size: 0.95rem;
          transition: background 0.3s; }
          #menu-mobile-canvas .mb-search .search-section .popular-keywords ul li a:hover {
            background: #e0e0e0; }
  #menu-mobile-canvas .mb-footer {
    padding: 0 25px 50px 25px;
    margin-top: 33px; }
    #menu-mobile-canvas .mb-footer .mb-register a {
      font-size: 12px;
      line-height: 30px;
      height: 30px;
      color: #000000;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      display: inline-block;
      text-transform: uppercase; }
    #menu-mobile-canvas .mb-footer .list-social {
      display: flex;
      align-items: center;
      gap: 20px;
      margin: 30px 0 0 0; }
      #menu-mobile-canvas .mb-footer .list-social li a svg {
        width: 15px;
        height: 15px; }

.layout-aboutus {
  background: url(https://file.hstatic.net/200000959085/file/bg-aboutus-dk.png);
  min-height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0; }
  @media (max-width: 991px) {
    .layout-aboutus {
      background: url(https://file.hstatic.net/200000959085/file/bg-aboutus-mb.png);
      background-repeat: no-repeat;
      background-size: 100%;
      min-height: auto; } }
  .layout-aboutus .wrap-content {
    color: #fff;
    width: 75%;
    padding: 8% 0 0 15%; }
    @media (max-width: 991px) {
      .layout-aboutus .wrap-content {
        width: 50%;
        padding: 0 0 0 15px; } }
    .layout-aboutus .wrap-content .header-page h1 {
      font-size: 28px;
      margin: 0 0 50px 0; }
      @media (max-width: 991px) {
        .layout-aboutus .wrap-content .header-page h1 {
          margin: 0 0 20px 0; } }
    .layout-aboutus .wrap-content .content-page {
      font-size: 12px;
      line-height: 20px; }
      @media (max-width: 991px) {
        .layout-aboutus .wrap-content .content-page {
          font-size: 10px;
          line-height: 16px; } }

.wrap-pro-detail {
  margin: 0 0 50px 0; }

.product-detail {
  margin: 60px 0; }
  @media (max-width: 991px) {
    .product-detail {
      margin: 0 0 60px 0; }
      .product-detail .container {
        padding: 0; } }
  .product-detail .wrap-detail {
    display: flex; }
    @media (max-width: 991px) {
      .product-detail .wrap-detail {
        flex-direction: column; } }
    .product-detail .wrap-detail .column-gallery {
      width: 59%;
      display: flex;
      gap: 3%; }
      @media (max-width: 991px) {
        .product-detail .wrap-detail .column-gallery {
          width: 100%; } }
      .product-detail .wrap-detail .column-gallery .column-thumb {
        width: 12%; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-gallery .column-thumb {
            display: none; } }
      .product-detail .wrap-detail .column-gallery .column-large {
        width: 85%; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-gallery .column-large {
            width: 100%; } }
      .product-detail .wrap-detail .column-gallery .slider-thumb {
        width: 100%;
        height: 100%; }
        .product-detail .wrap-detail .column-gallery .slider-thumb:not(.swiper-initialized) .swiper-wrapper {
          display: flex;
          flex-direction: column;
          gap: 20px; }
          .product-detail .wrap-detail .column-gallery .slider-thumb:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
            height: auto; }
            .product-detail .wrap-detail .column-gallery .slider-thumb:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(5) ~ .swiper-slide {
              display: none; }
        .product-detail .wrap-detail .column-gallery .slider-thumb .swiper-slide .box-thumb {
          background: #fff;
          cursor: pointer;
          position: relative;
          display: block;
          padding-bottom: calc(100% * 1360 / 1100); }
          .product-detail .wrap-detail .column-gallery .slider-thumb .swiper-slide .box-thumb img {
            position: absolute;
            left: 0;
            top: 0;
            aspect-ratio: 1100 / 1360;
            width: 100%;
            height: 100%; }
        .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button {
          width: 100%;
          position: absolute;
          bottom: 16px;
          display: flex; }
          .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button .swiper-button-prev {
            width: 50%;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            left: 0;
            border: none;
            box-shadow: none;
            outline: none;
            opacity: 1; }
            .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button .swiper-button-prev:hover {
              background-color: #e8e8e8; }
            .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button .swiper-button-prev img {
              width: 14px;
              height: 23px;
              transform: rotate(-90deg); }
            .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button .swiper-button-prev:after {
              display: none; }
          .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button .swiper-button-next {
            width: 50%;
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 0;
            border: none;
            box-shadow: none;
            outline: none;
            opacity: 1; }
            .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button .swiper-button-next:hover {
              background-color: #e8e8e8; }
            .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button .swiper-button-next img {
              width: 14px;
              height: 23px;
              transform: rotate(90deg); }
            .product-detail .wrap-detail .column-gallery .slider-thumb .group-swiper-button .swiper-button-next:after {
              display: none; }
      @media (max-width: 991px) {
        .product-detail .wrap-detail .column-gallery .slider-large {
          padding-bottom: 5px; } }
      .product-detail .wrap-detail .column-gallery .slider-large:not(.swiper-initialized) .swiper-wrapper {
        white-space: nowrap;
        grid-auto-flow: column;
        grid-auto-columns: 100%;
        overflow-x: auto;
        grid-template-columns: unset;
        display: grid;
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none; }
      .product-detail .wrap-detail .column-gallery .slider-large .swiper-slide .box-large {
        background: #fff;
        cursor: pointer;
        position: relative;
        display: block;
        padding-bottom: calc(100%* 1360 / 1100); }
        .product-detail .wrap-detail .column-gallery .slider-large .swiper-slide .box-large img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 1100 / 1360;
          width: 100%;
          height: 100%; }
      .product-detail .wrap-detail .column-gallery .slider-large .swiper-button-next {
        background: url(https://file.hstatic.net/200000959085/file/arrow-right.png);
        background-size: 100% 100%;
        opacity: 0;
        transition: all .3s; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-gallery .slider-large .swiper-button-next {
            opacity: 1; } }
        .product-detail .wrap-detail .column-gallery .slider-large .swiper-button-next:after {
          display: none; }
      .product-detail .wrap-detail .column-gallery .slider-large .swiper-button-prev {
        background: url(https://file.hstatic.net/200000959085/file/arrow-left.png);
        background-size: 100% 100%;
        opacity: 0;
        transition: all .3s; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-gallery .slider-large .swiper-button-prev {
            opacity: 1; } }
        .product-detail .wrap-detail .column-gallery .slider-large .swiper-button-prev:after {
          display: none; }
      .product-detail .wrap-detail .column-gallery .slider-large:hover .swiper-button-next, .product-detail .wrap-detail .column-gallery .slider-large:hover .swiper-button-prev {
        opacity: 1; }
      .product-detail .wrap-detail .column-gallery .slider-large .swiper-scrollbar {
        display: none; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-gallery .slider-large .swiper-scrollbar {
            display: block;
            bottom: 1px !important;
            opacity: 1 !important;
            width: 100%;
            height: 2px;
            left: 0;
            background-color: transparent; }
            .product-detail .wrap-detail .column-gallery .slider-large .swiper-scrollbar .swiper-scrollbar-drag {
              background-color: #999; } }
    .product-detail .wrap-detail .column-info {
      width: 40.7%;
      padding-left: 70px; }
      @media (max-width: 991px) {
        .product-detail .wrap-detail .column-info {
          width: 100%;
          padding-left: 0;
          margin: 30px 0 0 0;
          padding: 0 15px; } }
      .product-detail .wrap-detail .column-info .s-info {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        margin: 0 0 0 0; }
        .product-detail .wrap-detail .column-info .s-info h1 {
          font-size: 16px;
          line-height: 23px;
          margin: 0;
          font-weight: 400; }
        .product-detail .wrap-detail .column-info .s-info .wishlist-pro button {
          width: 30px;
          height: 30px;
          border: none;
          outline: none;
          box-shadow: none;
          background: transparent;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 4px;
          cursor: pointer; }
          .product-detail .wrap-detail .column-info .s-info .wishlist-pro button.in-wishlist {
            background: #000; }
            .product-detail .wrap-detail .column-info .s-info .wishlist-pro button.in-wishlist svg path {
              fill: #ffffff; }
      .product-detail .wrap-detail .column-info .s-price {
        display: flex;
        align-items: center;
        gap: 6px;
        margin: 0 0 20px 0; }
        .product-detail .wrap-detail .column-info .s-price span {
          font-size: 18px; }
        .product-detail .wrap-detail .column-info .s-price del {
          color: #878787; }
        .product-detail .wrap-detail .column-info .s-price .label-sale {
          padding: 2px 10px;
          background: #2E2E2E;
          color: #FFFFFF;
          font-size: 12px;
          font-weight: 700;
          line-height: 15.6px; }
        .product-detail .wrap-detail .column-info .s-price.on_sale span {
          color: #ef3b9c; }
      .product-detail .wrap-detail .column-info .s-variant .h-variant-color {
        font-size: 12px;
        line-height: 17px;
        margin: 10px 0;
        text-transform: uppercase;
        display: none; }
      .product-detail .wrap-detail .column-info .s-variant .w-variant-color {
        display: flex;
        gap: 15px;
        margin: 0 0 30px 0;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto; }
        .product-detail .wrap-detail .column-info .s-variant .w-variant-color .item-color {
          order: 2; }
          .product-detail .wrap-detail .column-info .s-variant .w-variant-color .item-color.current {
            order: 1; }
          .product-detail .wrap-detail .column-info .s-variant .w-variant-color .item-color input {
            display: none; }
            .product-detail .wrap-detail .column-info .s-variant .w-variant-color .item-color input:checked ~ label {
              border: 1px solid #000; }
          .product-detail .wrap-detail .column-info .s-variant .w-variant-color .item-color label {
            border: 1px solid #ddd;
            background: #fff;
            cursor: pointer;
            position: relative;
            display: block;
            padding-bottom: calc(100% * 1360 / 1100); }
            .product-detail .wrap-detail .column-info .s-variant .w-variant-color .item-color label img {
              position: absolute;
              left: 0;
              top: 0;
              aspect-ratio: 1100 / 1360;
              width: 100%;
              height: 100%;
              padding: 3px; }
      @media (max-width: 991px) {
        .product-detail .wrap-detail .column-info .s-variant .group-size-detail {
          position: fixed;
          bottom: 0;
          z-index: 99;
          width: 100%;
          background: #fff;
          left: 0;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: start;
          padding: 10px;
          gap: 10px;
          box-shadow: 0 0 9px rgba(0, 0, 0, 0.12); } }
      .product-detail .wrap-detail .column-info .s-variant .w-variant-size {
        position: relative;
        margin: 0 0 30px 0; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-info .s-variant .w-variant-size {
            width: 100%;
            order: 1;
            margin: 0; } }
        .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size {
          display: flex;
          width: 100%;
          justify-content: space-between;
          height: 40px;
          line-height: 30px;
          padding: 0 10px;
          border: 1px solid #121212;
          align-items: center;
          color: #222;
          cursor: pointer;
          position: relative;
          background: #f8f8f8;
          display: none; }
          .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size:after {
            content: "";
            width: 8px;
            height: 8px;
            transition: all .3s ease;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            display: inline-block;
            transition: all .1s ease-in-out;
            position: absolute;
            top: 56%;
            right: 10px;
            transform: translateY(-50%) rotate(45deg);
            margin-top: -5px; }
          .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size.opened:after {
            transform: translateY(-50%) rotate(-135deg);
            margin-top: 0; }
        .product-detail .wrap-detail .column-info .s-variant .w-variant-size .label-head-size {
          margin: 0 0 10px 0;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          @media (max-width: 991px) {
            .product-detail .wrap-detail .column-info .s-variant .w-variant-size .label-head-size {
              margin: 0 0 5px 0; } }
        .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size-content {
          display: flex;
          gap: 8px; }
          .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size {
            cursor: pointer;
            position: relative;
            overflow: hidden; }
            .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size input {
              display: none; }
              .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size input:checked ~ label {
                border-color: black;
                background: black;
                color: #fff; }
            .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size label {
              width: 40px;
              height: 40px;
              display: flex;
              align-items: center;
              justify-content: center;
              background: #fff;
              border: 1px solid #e4dddd;
              cursor: pointer; }
            .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size.sold_out {
              opacity: 0.4;
              cursor: not-allowed; }
              .product-detail .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size.sold_out label:before {
                content: "";
                width: 65px;
                height: 1px;
                background: #C6CBD0;
                display: block;
                transform: rotate(46deg);
                position: absolute;
                top: 18px;
                left: -13px; }
      .product-detail .wrap-detail .column-info .s-variant .btn-guide-size {
        position: relative;
        color: #000;
        font-size: 14px;
        line-height: 1;
        border-bottom: 1px solid black;
        display: inline-block;
        cursor: pointer; }
      @media (max-width: 991px) {
        .product-detail .wrap-detail .column-info .s-variant .wrap-quantity {
          width: calc(50% - 5px);
          margin: 0;
          order: 3; } }
      .product-detail .wrap-detail .column-info .s-variant .promotion_desktop {
        margin: 20px 0 0 0; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-info .s-variant .promotion_desktop {
            width: 100%;
            margin: 0; } }
        .product-detail .wrap-detail .column-info .s-variant .promotion_desktop .heading-promotion {
          display: none;
          font-weight: bold; }
          @media (max-width: 991px) {
            .product-detail .wrap-detail .column-info .s-variant .promotion_desktop .heading-promotion {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .product-detail .wrap-detail .column-info .s-variant .promotion_desktop .heading-promotion.opened svg {
                transform: rotate(180deg); } }
          .product-detail .wrap-detail .column-info .s-variant .promotion_desktop .heading-promotion svg {
            width: 20px;
            height: 20px;
            transition: all 0.3s; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-info .s-variant .promotion_desktop .content-promotion {
            display: none;
            margin: 12px 0 0 0; } }
      .product-detail .wrap-detail .column-info .s-variant .b-action {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin: 20px 0 80px 0; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-info .s-variant .b-action {
            width: calc(50% - 5px);
            margin: 0;
            order: 4; } }
        .product-detail .wrap-detail .column-info .s-variant .b-action a {
          color: #ffffff;
          border: 1px solid #333;
          background-color: #333;
          padding: 4px 20px;
          height: 42px;
          vertical-align: top;
          line-height: 22px;
          text-transform: uppercase;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          @media (max-width: 991px) {
            .product-detail .wrap-detail .column-info .s-variant .b-action a {
              padding: 7px 10px; } }
        .product-detail .wrap-detail .column-info .s-variant .b-action button {
          color: #333;
          border: 1px solid #333;
          background-color: transparent;
          padding: 4px 20px;
          height: 42px;
          vertical-align: top;
          line-height: 22px;
          text-transform: uppercase;
          width: 100%; }
          @media (max-width: 991px) {
            .product-detail .wrap-detail .column-info .s-variant .b-action button {
              padding: 7px 10px; } }
          @media (max-width: 991px) {
            .product-detail .wrap-detail .column-info .s-variant .b-action button.addtocart-detail {
              background: #000000;
              color: #ffffff; } }
          .product-detail .wrap-detail .column-info .s-variant .b-action button.addtocart-payment {
            background: #ffc43a;
            border-color: #ffc43a; }
            @media (max-width: 991px) {
              .product-detail .wrap-detail .column-info .s-variant .b-action button.addtocart-payment {
                display: none; } }
          .product-detail .wrap-detail .column-info .s-variant .b-action button.addtocart-moreoption {
            border-width: 2px;
            height: 28px;
            line-height: 1;
            padding: 0 20px;
            text-decoration: underline; }
            @media (max-width: 991px) {
              .product-detail .wrap-detail .column-info .s-variant .b-action button.addtocart-moreoption {
                display: none; } }
      .product-detail .wrap-detail .column-info .s-variant .b-note {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        margin: 0 0 18px 0; }
        @media (max-width: 991px) {
          .product-detail .wrap-detail .column-info .s-variant .b-note {
            font-size: 10px; } }
        .product-detail .wrap-detail .column-info .s-variant .b-note img {
          width: 24px;
          height: 24px; }
      .product-detail .wrap-detail .column-info .s-variant .w-description {
        display: flex;
        flex-direction: column;
        gap: 18px; }
        .product-detail .wrap-detail .column-info .s-variant .w-description #tab-preservation .c-tab * {
          font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
          font-size: 14px !important; }
        .product-detail .wrap-detail .column-info .s-variant .w-description .w-item-tab .h-tab {
          position: relative;
          cursor: pointer;
          font-weight: bold; }
          .product-detail .wrap-detail .column-info .s-variant .w-description .w-item-tab .h-tab:after {
            content: "";
            width: 8px;
            height: 8px;
            transition: all .3s ease;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            display: inline-block;
            transition: all .1s ease-in-out;
            position: absolute;
            top: 56%;
            right: 10px;
            transform: translateY(-50%) rotate(45deg);
            margin-top: -5px; }
          .product-detail .wrap-detail .column-info .s-variant .w-description .w-item-tab .h-tab.opened:after {
            transform: translateY(-50%) rotate(-135deg);
            margin-top: 0; }
        .product-detail .wrap-detail .column-info .s-variant .w-description .w-item-tab .c-tab {
          display: none;
          margin: 20px 0; }
          .product-detail .wrap-detail .column-info .s-variant .w-description .w-item-tab .c-tab h2 {
            display: none; }

.collection-group {
  margin: 50px 0 0 0; }
  .collection-group.collection-group-homepage {
    padding: 0 0 50px 0; }
    @media (max-width: 991px) {
      .collection-group.collection-group-homepage {
        /*background: #fafafa;
      margin: 0;
      padding: 0 0 50px 0;*/
        padding: 0 0 50px 0; } }
  .collection-group .s-heading {
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 16px 0; }
    .template-product .collection-group .s-heading {
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center; }
  .collection-group .s-heading-new {
    font-size: 22px;
    line-height: 31px;
    margin: 0 0 22px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500; }
  .collection-group .s-content .swiper-relates {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 20px 5px; }
    @media (max-width: 991px) {
      .collection-group .s-content .swiper-relates {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 5px; } }
  .collection-group .view-all {
    text-align: center;
    margin-top: 40px; }
    .collection-group .view-all a {
      padding: 11px 45px;
      border: 2px solid #222;
      border-radius: 40px;
      font-weight: 600;
      min-height: 40px;
      display: inline-block; }
      .collection-group .view-all a:hover {
        background: #000000;
        color: #ffffff; }

#fancybox-guide-size {
  padding: 0;
  max-width: 1200px; }

#sticky-bottom-dt {
  z-index: 340;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
  transition: -webkit-transform .25s ease;
  transition: transform .25s ease;
  transition: transform .25s ease, -webkit-transform .25s ease;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 10px 0; }
  @media (max-width: 991px) {
    #sticky-bottom-dt {
      display: none; } }
  .sticky_atc_shown #sticky-bottom-dt {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  #sticky-bottom-dt .w-sticky {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    #sticky-bottom-dt .w-sticky .column-left {
      display: flex;
      align-items: center;
      gap: 10px; }
      #sticky-bottom-dt .w-sticky .column-left .b-img {
        width: 56px; }
      #sticky-bottom-dt .w-sticky .column-left .b-info h4 {
        font-size: 14px;
        font-weight: 300;
        margin: 0; }
      #sticky-bottom-dt .w-sticky .column-left .b-info .v-option {
        text-transform: uppercase;
        text-decoration: underline; }
    #sticky-bottom-dt .w-sticky .column-right {
      display: flex;
      align-items: center;
      gap: 10px; }
      #sticky-bottom-dt .w-sticky .column-right .sticky-price {
        color: #ec0101;
        font-size: 16px; }
      #sticky-bottom-dt .w-sticky .column-right .addtocart-sticky {
        padding: 5px 25px;
        background: #000;
        color: #fff;
        border: none;
        text-transform: uppercase;
        outline: none;
        box-shadow: none; }

.layout-search .section-input {
  margin: 50px 0 15px 0; }
  @media (max-width: 991px) {
    .layout-search .section-input {
      margin: 15px 0; } }
  .layout-search .section-input .t-section {
    line-height: 36px;
    padding: 0 0 10px 0;
    text-align: center; }
  .layout-search .section-input #form-page-search {
    display: flex;
    align-items: center;
    justify-content: center; }
    .layout-search .section-input #form-page-search input {
      min-height: 40px;
      background: #fff;
      border: 1px solid #ebebeb;
      box-sizing: border-box;
      padding-left: 24px;
      min-width: 320px; }
      @media (max-width: 991px) {
        .layout-search .section-input #form-page-search input {
          min-width: auto; } }
    .layout-search .section-input #form-page-search button {
      height: 40px;
      width: 80px;
      background: #000;
      border: none;
      outline: none;
      box-shadow: none; }
      .layout-search .section-input #form-page-search button svg {
        width: 20px;
        height: 20px; }
        .layout-search .section-input #form-page-search button svg path {
          fill: #fff; }

.layout-form-account h1, .layout-form-account h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 24px 0;
  text-align: center; }

.layout-form-account .wrapper-login {
  margin: 60px auto;
  width: 100%;
  max-width: 460px; }
  @media (max-width: 991px) {
    .layout-form-account .wrapper-login {
      margin: 24px auto; } }
  .layout-form-account .wrapper-login .note-register {
    margin: 0 0 30px 0; }

.layout-form-account .content-form .item-form {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .layout-form-account .content-form .item-form ~ .item-form {
    margin-top: 24px; }
  .layout-form-account .content-form .item-form label {
    text-transform: uppercase;
    margin: 0 0 8px 0; }
  .layout-form-account .content-form .item-form input {
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    height: 44px;
    padding: 12px 16px;
    outline: none;
    box-shadow: none;
    width: 100%; }
  .layout-form-account .content-form .item-form input[type="password"] {
    appearance: none; }
  .layout-form-account .content-form .item-form button {
    padding: 12px 32px;
    border: none;
    border-radius: 4px;
    background: #000000;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    height: 48px; }

.layout-form-account .content-form .item-form-action {
  margin: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .layout-form-account .content-form .item-form-action a {
    color: #787878; }
  .layout-form-account .content-form .item-form-action span {
    margin: 0 10px; }

.layout-form-account .content-form .item-form-social {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (min-width: 992px) {
    .layout-form-account .content-form .item-form-social {
      flex-direction: column; } }
  .layout-form-account .content-form .item-form-social #google-one-tap-login {
    display: none; }
  .layout-form-account .content-form .item-form-social button {
    width: 100%;
    border: none;
    padding: 13px;
    height: 48px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: #FFFFFF; }
    @media (min-width: 992px) {
      .layout-form-account .content-form .item-form-social button ~ button {
        margin-top: 8px; }
      .layout-form-account .content-form .item-form-social button span {
        margin-left: 10px; } }
    @media (max-width: 991px) {
      .layout-form-account .content-form .item-form-social button {
        flex-direction: column;
        height: auto;
        color: #787878;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        padding: 0; } }
    @media (max-width: 991px) {
      .layout-form-account .content-form .item-form-social button .icon-btn-social {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px; } }
    @media (min-width: 992px) {
      .layout-form-account .content-form .item-form-social button#btn-google-login {
        background: #db4a39; } }
    @media (max-width: 991px) {
      .layout-form-account .content-form .item-form-social button#btn-google-login .icon-btn-social {
        background: #db4a39; } }
    @media (min-width: 992px) {
      .layout-form-account .content-form .item-form-social button#btn-facebook-login {
        background: #3b5998; } }
    @media (max-width: 991px) {
      .layout-form-account .content-form .item-form-social button#btn-facebook-login .icon-btn-social {
        background: #3b5998; } }

.layout-form-account .content-signup {
  margin-top: 32px; }
  @media (max-width: 991px) {
    .layout-form-account .content-signup {
      margin-top: 24px;
      padding-top: 32px;
      border-top: 1px solid #E8E8E8; } }
  .layout-form-account .content-signup h4 {
    color: #787878;
    margin: 0 0 8px 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    font-weight: 400; }
  .layout-form-account .content-signup a {
    padding: 12px 32px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    height: 48px;
    display: block;
    text-align: center;
    border: 1px solid #000000;
    font-weight: 500; }
    .layout-form-account .content-signup a:hover {
      background: #000000;
      color: #FFFFFF; }

.layout-form-account .content-guest {
  margin-top: 32px;
  text-align: center; }
  .layout-form-account .content-guest a {
    color: #787878;
    text-decoration: underline; }

.layout-form-account .password-wrapper {
  position: relative; }
  .layout-form-account .password-wrapper ~ .password-wrapper {
    margin-top: 8px; }
  .layout-form-account .password-wrapper .eye-password {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    cursor: pointer; }
    .layout-form-account .password-wrapper .eye-password svg:nth-child(2) {
      display: none; }
  .layout-form-account .password-wrapper.show-pass .eye-password svg:nth-child(1) {
    display: none; }
  .layout-form-account .password-wrapper.show-pass .eye-password svg:nth-child(2) {
    display: block; }

.layout-register-account {
  width: 100%;
  max-width: 1270px;
  padding: 0 15px;
  margin: 0 auto 50px auto; }
  @media (max-width: 991px) {
    .layout-register-account {
      margin-top: 40px; } }
  .layout-register-account .note-register {
    margin: 0 0 15px 0; }
  .layout-register-account .heading-account {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    border-bottom: 3px solid #000000;
    padding: 0 0 8px 0;
    margin: 0 0 24px 0; }
    @media (max-width: 991px) {
      .layout-register-account .heading-account {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        border-bottom: none;
        padding: 0;
        margin: 0 0 16px 0; } }
  @media (max-width: 991px) {
    .layout-register-account .policy-register .heading-account {
      font-size: 24px;
      line-height: 32px; } }
  .layout-register-account .content-policy {
    text-align: center; }
    .layout-register-account .content-policy .line-brand-policy {
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 991px) {
        .layout-register-account .content-policy .line-brand-policy {
          flex-wrap: wrap;
          justify-content: start; } }
      .layout-register-account .content-policy .line-brand-policy .label-policy {
        font-weight: 700; }
        @media (max-width: 991px) {
          .layout-register-account .content-policy .line-brand-policy .label-policy {
            font-weight: 300; } }
      .layout-register-account .content-policy .line-brand-policy .line-policy {
        margin: 0 8px; }
      .layout-register-account .content-policy .line-brand-policy ul {
        display: flex;
        align-items: center; }
        .layout-register-account .content-policy .line-brand-policy ul li {
          position: relative; }
          .layout-register-account .content-policy .line-brand-policy ul li ~ li {
            padding-left: 8px; }
            .layout-register-account .content-policy .line-brand-policy ul li ~ li:before {
              content: "";
              width: 1.5px;
              height: 1.5px;
              display: block;
              position: absolute;
              background: #000000;
              border-radius: 100%;
              left: 3px;
              top: 50%; }
    .layout-register-account .content-policy .text-brand-policy {
      color: #787878;
      margin-top: 4px; }
      @media (max-width: 991px) {
        .layout-register-account .content-policy .text-brand-policy {
          display: none; } }
  .layout-register-account .list-policy {
    margin-top: 36px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 991px) {
      .layout-register-account .list-policy {
        align-items: start; } }
    .layout-register-account .list-policy .item-list-policy {
      display: flex;
      align-items: center;
      width: 20%; }
      @media (max-width: 991px) {
        .layout-register-account .list-policy .item-list-policy {
          width: 33.33333%;
          flex-direction: column; } }
      .layout-register-account .list-policy .item-list-policy .info-policy {
        display: flex;
        flex-direction: column;
        margin-left: 20px; }
        @media (max-width: 991px) {
          .layout-register-account .list-policy .item-list-policy .info-policy {
            margin-left: 0;
            font-size: 12px; } }
        @media (max-width: 991px) {
          .layout-register-account .list-policy .item-list-policy .info-policy label {
            font-weight: 700; } }
  .layout-register-account .content-register {
    margin-top: 40px; }
    @media (max-width: 991px) {
      .layout-register-account .content-register {
        margin-top: 32px;
        padding-top: 0;
        border-top: none; } }
    .layout-register-account .content-register .info-register {
      margin-bottom: 48px; }
      @media (max-width: 991px) {
        .layout-register-account .content-register .info-register {
          margin-bottom: 0; } }
    .layout-register-account .content-register .item-input-form {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 430px; }
      .layout-register-account .content-register .item-input-form ~ .item-input-form {
        margin-top: 24px; }
      .layout-register-account .content-register .item-input-form label {
        margin: 0 0 8px 0;
        position: relative;
        width: max-content; }
        .layout-register-account .content-register .item-input-form label.required:after {
          content: "";
          width: 4px;
          height: 4px;
          border-radius: 100%;
          background: #F55060;
          display: block;
          position: absolute;
          top: 6px;
          right: -8px; }
      .layout-register-account .content-register .item-input-form .form-input {
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        height: 44px;
        padding: 12px 16px;
        outline: none;
        box-shadow: none;
        width: 100%; }
        .layout-register-account .content-register .item-input-form .form-input::placeholder {
          color: #BCBCBC;
          font-weight: 400; }
        .layout-register-account .content-register .item-input-form .form-input:-ms-input-placeholder {
          color: #BCBCBC;
          font-weight: 400; }
        .layout-register-account .content-register .item-input-form .form-input::-ms-input-placeholder {
          color: #BCBCBC;
          font-weight: 400; }
        .layout-register-account .content-register .item-input-form .form-input.birthday-input {
          background: #fff;
          min-width: 100%;
          text-align: left;
          color: black;
          appearance: none;
          display: flex;
          align-content: start;
          justify-content: start; }
          .layout-register-account .content-register .item-input-form .form-input.birthday-input::-webkit-date-and-time-value {
            text-align: left; }
      @media (max-width: 991px) {
        .layout-register-account .content-register .item-input-form .wrapper-gender {
          display: flex;
          gap: 16px; } }
      .layout-register-account .content-register .item-input-form .wrapper-gender .item-gender {
        display: flex;
        align-items: center; }
        .layout-register-account .content-register .item-input-form .wrapper-gender .item-gender ~ .item-gender {
          margin-top: 8px; }
          @media (max-width: 991px) {
            .layout-register-account .content-register .item-input-form .wrapper-gender .item-gender ~ .item-gender {
              margin-top: 0; } }
        .layout-register-account .content-register .item-input-form .wrapper-gender .item-gender label {
          cursor: pointer;
          margin: 0; }
    .layout-register-account .content-register .rules-reigster .content-rules .wrapper-all-rules {
      margin: 0 0 24px 0;
      padding: 24px;
      border-bottom: 1px solid #E8E8E8;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      @media (max-width: 991px) {
        .layout-register-account .content-register .rules-reigster .content-rules .wrapper-all-rules {
          padding: 16px 0;
          margin: 0 0 20px 0; } }
      .layout-register-account .content-register .rules-reigster .content-rules .wrapper-all-rules .wrapper-rules-inner {
        display: flex;
        align-items: center; }
        .layout-register-account .content-register .rules-reigster .content-rules .wrapper-all-rules .wrapper-rules-inner label {
          cursor: pointer; }
        .layout-register-account .content-register .rules-reigster .content-rules .wrapper-all-rules .wrapper-rules-inner input {
          margin-right: 8px; }
      .layout-register-account .content-register .rules-reigster .content-rules .wrapper-all-rules .icon-arrow {
        width: 24px;
        height: 24px;
        border-radius: 100%;
        border: 1px solid #E8E8E8;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
    .layout-register-account .content-register .rules-reigster .content-rules .list-rules-checkbox {
      padding: 0 24px; }
      @media (max-width: 991px) {
        .layout-register-account .content-register .rules-reigster .content-rules .list-rules-checkbox {
          padding: 0; } }
      .layout-register-account .content-register .rules-reigster .content-rules .list-rules-checkbox .item-list-rules {
        display: flex;
        align-items: center; }
        .layout-register-account .content-register .rules-reigster .content-rules .list-rules-checkbox .item-list-rules ~ .item-list-rules {
          margin-top: 12px; }
        .layout-register-account .content-register .rules-reigster .content-rules .list-rules-checkbox .item-list-rules label {
          cursor: pointer;
          width: calc(100% - 32px); }
        .layout-register-account .content-register .rules-reigster .content-rules .list-rules-checkbox .item-list-rules input {
          margin-right: 12px; }
    .layout-register-account .content-register .rules-reigster .content-rules .note-list-rules {
      margin: 24px 0 0 0;
      background: #F8F8F8;
      padding: 16px 30px; }
      @media (max-width: 991px) {
        .layout-register-account .content-register .rules-reigster .content-rules .note-list-rules {
          margin: 16px 0 0 0;
          background: #FFFFFF;
          padding: 0 20px;
          text-align: justify; } }
      .layout-register-account .content-register .rules-reigster .content-rules .note-list-rules ul {
        list-style: inherit; }
        .layout-register-account .content-register .rules-reigster .content-rules .note-list-rules ul li ~ li {
          margin-top: 12px; }
    .layout-register-account .content-register .rules-reigster .content-rules.is-hide .list-rules-checkbox {
      display: none; }
    .layout-register-account .content-register .rules-reigster .content-rules.is-hide .icon-arrow svg {
      transform: rotate(-180deg); }
    .layout-register-account .content-register .action-register {
      margin: 48px 0;
      text-align: center; }
      .layout-register-account .content-register .action-register .item-input-form {
        display: flex;
        align-items: center;
        flex-direction: inherit;
        max-width: none;
        justify-content: center;
        margin: 0 0 15px 0; }
        @media (max-width: 991px) {
          .layout-register-account .content-register .action-register .item-input-form {
            align-items: start; } }
        @media (max-width: 991px) {
          .layout-register-account .content-register .action-register .item-input-form input {
            margin-top: 4px; } }
        .layout-register-account .content-register .action-register .item-input-form label {
          margin: 0; }
          @media (max-width: 991px) {
            .layout-register-account .content-register .action-register .item-input-form label {
              width: calc(100% - 20px);
              text-align: left; } }
      @media (max-width: 991px) {
        .layout-register-account .content-register .action-register {
          margin: 32px 0;
          padding: 0;
          border-top: none;
          text-align: center; } }
      .layout-register-account .content-register .action-register button {
        padding: 12px 32px;
        border: none;
        border-radius: 4px;
        background: #000000;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 24px;
        text-transform: uppercase;
        height: 48px;
        min-width: 200px; }
        .layout-register-account .content-register .action-register button.disabled {
          background: #F8F8F8;
          color: #D0D0D0;
          pointer-events: none; }
  @media (max-width: 991px) {
    .layout-register-account .register-social .heading-account {
      text-align: center; } }
  .layout-register-account .register-social .content-register-social {
    display: flex; }
    @media (max-width: 991px) {
      .layout-register-account .register-social .content-register-social {
        align-items: center;
        justify-content: center; } }
    .layout-register-account .register-social .content-register-social button {
      background: #FFFFFF;
      border: none;
      display: flex;
      align-items: center; }
      @media (max-width: 991px) {
        .layout-register-account .register-social .content-register-social button {
          flex-direction: column; } }
      .layout-register-account .register-social .content-register-social button ~ button {
        margin-left: 48px; }
      .layout-register-account .register-social .content-register-social button .icon-btn-social {
        width: 40px;
        height: 40px;
        border-radius: 100%;
        margin-right: 12px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 991px) {
          .layout-register-account .register-social .content-register-social button .icon-btn-social {
            margin-bottom: 12px;
            margin-right: 0; } }
      .layout-register-account .register-social .content-register-social button#btn-google-login .icon-btn-social {
        background: #db4a39; }
      .layout-register-account .register-social .content-register-social button#btn-facebook-login .icon-btn-social {
        background: #3b5998; }
  .layout-register-account .item-input-form-inner .password-wrapper {
    position: relative; }
    .layout-register-account .item-input-form-inner .password-wrapper ~ .password-wrapper {
      margin-top: 8px; }
    .layout-register-account .item-input-form-inner .password-wrapper .eye-password {
      position: absolute;
      width: 44px;
      height: 44px;
      right: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0;
      cursor: pointer; }
      .layout-register-account .item-input-form-inner .password-wrapper .eye-password svg:nth-child(2) {
        display: none; }
    .layout-register-account .item-input-form-inner .password-wrapper.show-pass .eye-password svg:nth-child(1) {
      display: none; }
    .layout-register-account .item-input-form-inner .password-wrapper.show-pass .eye-password svg:nth-child(2) {
      display: block; }

.layout-main-account {
  padding: 64px 0; }
  @media (max-width: 991px) {
    .layout-main-account {
      padding: 24px 0; }
      .layout-main-account.detail-order {
        padding: 16px 0; }
      .page-recently .layout-main-account {
        padding: 0; }
      .template-customers-addresses .layout-main-account {
        padding: 0; } }
  .layout-main-account #breadcrumb {
    margin: 0; }
    .layout-main-account #breadcrumb .breadcrumb {
      padding: 0;
      margin: 0 0 24px 0; }
  .layout-main-account .wrapper-account {
    width: 100%;
    max-width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
  .layout-main-account .sidebar-account {
    width: 20%; }
    @media (max-width: 991px) {
      .layout-main-account .sidebar-account {
        width: 100%;
        order: 2;
        margin-top: 40px; } }
    .layout-main-account .sidebar-account h2 {
      font-weight: 700;
      font-size: 32px;
      line-height: 36px;
      margin: 0 0 32px 0; }
      @media (max-width: 991px) {
        .layout-main-account .sidebar-account h2 {
          font-size: 16px;
          line-height: 24px;
          margin: 0 0 20px 0;
          padding: 0 0 12px 0;
          border-bottom: 1px solid #000000; } }
    .layout-main-account .sidebar-account .box-sidebar ~ .box-sidebar {
      margin-top: 32px; }
      @media (max-width: 991px) {
        .layout-main-account .sidebar-account .box-sidebar ~ .box-sidebar {
          margin-top: 16px; } }
    .layout-main-account .sidebar-account .box-sidebar h4 {
      font-weight: 700;
      font-size: 14px;
      line-height: 20px;
      color: #787878;
      margin: 0 0 8px 0; }
      @media (max-width: 991px) {
        .layout-main-account .sidebar-account .box-sidebar h4 {
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #000000;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .layout-main-account .sidebar-account .box-sidebar h4.active ~ ul {
            display: block; } }
    @media (max-width: 991px) {
      .layout-main-account .sidebar-account .box-sidebar ul {
        display: none;
        padding: 0 0 10px 10px; } }
    .layout-main-account .sidebar-account .box-sidebar ul li ~ li {
      margin-top: 6px; }
    .layout-main-account .sidebar-account .box-sidebar ul li a {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px; }
      @media (max-width: 991px) {
        .layout-main-account .sidebar-account .box-sidebar ul li a {
          font-size: 14px;
          line-height: 20px; } }
  .layout-main-account .main-account {
    width: 80%;
    padding-left: 32px; }
    @media (max-width: 991px) {
      .layout-main-account .main-account {
        width: 100%;
        order: 1;
        padding-left: 0; } }
  .layout-main-account .point-account {
    background: linear-gradient(120.84deg, #D75FB8 0%, #725AC4 100%);
    padding: 22px 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .layout-main-account .point-account {
        background: #FFFFFF;
        padding: 0; } }
    .layout-main-account .point-account .point-avatar {
      display: flex;
      align-items: center; }
      .layout-main-account .point-account .point-avatar .customer-avatar {
        margin-right: 12px; }
        @media (max-width: 991px) {
          .layout-main-account .point-account .point-avatar .customer-avatar {
            display: none; } }
        .layout-main-account .point-account .point-avatar .customer-avatar span {
          width: 72px;
          height: 72px;
          background: #dfdfdf;
          border-radius: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 30px;
          font-weight: 700; }
      .layout-main-account .point-account .point-avatar .customer-name h3 {
        font-weight: 700;
        font-size: 28px;
        line-height: 40px;
        color: #FFFFFF;
        margin: 0; }
        @media (max-width: 991px) {
          .layout-main-account .point-account .point-avatar .customer-name h3 {
            color: #000000; } }
      .layout-main-account .point-account .point-avatar .customer-name a {
        color: #FFFFFF; }
        @media (max-width: 991px) {
          .layout-main-account .point-account .point-avatar .customer-name a {
            color: #000000; } }
    .layout-main-account .point-account .point-barcode {
      display: none; }
      @media (max-width: 991px) {
        .layout-main-account .point-account .point-barcode {
          display: none;
          background: linear-gradient(120.84deg, #D75FB8 0%, #725AC4 100%);
          padding: 14px;
          border-radius: 4px;
          width: 100%;
          display: none;
          align-items: center;
          justify-content: center;
          font-weight: 500;
          color: #FFFFFF;
          margin: 24px 0; }
          .layout-main-account .point-account .point-barcode svg {
            margin-right: 10px; } }
    .layout-main-account .point-account .point-info {
      display: flex;
      align-items: center; }
      @media (max-width: 991px) {
        .layout-main-account .point-account .point-info {
          justify-content: space-between;
          width: 100%; } }
      .layout-main-account .point-account .point-info .item-point-info {
        padding: 0 40px; }
        @media (max-width: 991px) {
          .layout-main-account .point-account .point-info .item-point-info {
            padding: 0; } }
        .layout-main-account .point-account .point-info .item-point-info ~ .item-point-info {
          border-left: 1px solid #000000; }
          @media (max-width: 991px) {
            .layout-main-account .point-account .point-info .item-point-info ~ .item-point-info {
              border-left: none; } }
        .layout-main-account .point-account .point-info .item-point-info .point-number {
          font-weight: 700;
          font-size: 20px;
          line-height: 28px;
          color: #FFFFFF;
          margin: 0 0 8px 0;
          text-align: center; }
          @media (max-width: 991px) {
            .layout-main-account .point-account .point-info .item-point-info .point-number {
              color: #000000;
              margin: 0 0 4px 0; } }
        .layout-main-account .point-account .point-info .item-point-info .point-text {
          text-align: center;
          color: #FFFFFF; }
          @media (max-width: 991px) {
            .layout-main-account .point-account .point-info .item-point-info .point-text {
              color: #000000; } }
  .layout-main-account .order-recent {
    margin-top: 48px; }
    @media (max-width: 991px) {
      .layout-main-account .order-recent {
        margin-top: 24px;
        padding-top: 40px;
        border-top: 1px solid #E8E8E8; } }
    .layout-main-account .order-recent .heading-account {
      border-bottom: 3px solid #000000;
      padding: 0 0 8px 0;
      margin: 0 0 24px 0;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .layout-main-account .order-recent .heading-account .title-heading {
        font-weight: 700;
        font-size: 20px;
        line-height: 28px; }
        @media (max-width: 991px) {
          .layout-main-account .order-recent .heading-account .title-heading {
            font-size: 16px;
            line-height: 24px; } }
        .layout-main-account .order-recent .heading-account .title-heading span {
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #787878; }
          @media (max-width: 991px) {
            .layout-main-account .order-recent .heading-account .title-heading span {
              font-size: 12px;
              line-height: 18px; } }
      .layout-main-account .order-recent .heading-account .view-all a {
        display: flex;
        align-items: center; }
        @media (max-width: 991px) {
          .layout-main-account .order-recent .heading-account .view-all a span {
            display: none; } }
        .layout-main-account .order-recent .heading-account .view-all a svg {
          margin-left: 6px; }
    .layout-main-account .order-recent .list-status-order {
      display: flex;
      align-items: center;
      justify-content: center; }
      .layout-main-account .order-recent .list-status-order .item-status {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        .layout-main-account .order-recent .list-status-order .item-status label {
          font-weight: 700;
          font-size: 24px;
          line-height: 32px;
          margin: 0 0 8px 0; }
        .layout-main-account .order-recent .list-status-order .item-status span {
          color: #787878; }
          @media (max-width: 991px) {
            .layout-main-account .order-recent .list-status-order .item-status span {
              font-size: 12px;
              line-height: 18px; } }
      .layout-main-account .order-recent .list-status-order .item-arrow {
        margin: 0 50px; }
        @media (max-width: 991px) {
          .layout-main-account .order-recent .list-status-order .item-arrow {
            margin: 0 6px; } }
  @media (max-width: 991px) {
    .layout-main-account .list-order {
      margin: 0 -15px; } }
  .layout-main-account .list-order .empty-order {
    padding: 130px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #000000;
    margin-top: 24px; }
    .layout-main-account .list-order .empty-order .empty-order-inner {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .layout-main-account .list-order .empty-order .empty-order-inner svg {
        margin-bottom: 20px; }
  .layout-main-account .list-order .list-order-inner {
    margin-top: 24px; }
    @media (max-width: 991px) {
      .layout-main-account .list-order .list-order-inner {
        border-top: 8px solid #F8F8F8; } }
    .layout-main-account .list-order .list-order-inner .item-order .heading-order {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px 20px;
      border-bottom: 1px solid #E8E8E8;
      border-top: 3px solid; }
      @media (max-width: 991px) {
        .layout-main-account .list-order .list-order-inner .item-order .heading-order {
          border-top: none; } }
      .layout-main-account .list-order .list-order-inner .item-order .heading-order .main-heading-order {
        display: flex;
        align-items: center; }
        .layout-main-account .list-order .list-order-inner .item-order .heading-order .main-heading-order .number-order {
          font-size: 16px;
          line-height: 24px;
          font-weight: 700;
          margin-right: 12px; }
        .layout-main-account .list-order .list-order-inner .item-order .heading-order .main-heading-order .time-order {
          color: #787878; }
      .layout-main-account .list-order .list-order-inner .item-order .heading-order .view-more-order a {
        display: flex;
        align-items: center; }
        .layout-main-account .list-order .list-order-inner .item-order .heading-order .view-more-order a span {
          margin-right: 6px; }
          @media (max-width: 991px) {
            .layout-main-account .list-order .list-order-inner .item-order .heading-order .view-more-order a span {
              display: none; } }
    .layout-main-account .list-order .list-order-inner .item-order .content-order {
      padding: 24px 20px; }
      .layout-main-account .list-order .list-order-inner .item-order .content-order .items-pro-order ~ .items-pro-order {
        margin-top: 24px; }
      .layout-main-account .list-order .list-order-inner .item-order .content-order .items-pro-order .media-pro-order {
        display: flex;
        align-items: center; }
        .layout-main-account .list-order .list-order-inner .item-order .content-order .items-pro-order .media-pro-order .img-pro-order {
          width: 120px; }
        .layout-main-account .list-order .list-order-inner .item-order .content-order .items-pro-order .media-pro-order .info-pro-order {
          width: calc(100% - 120px);
          padding-left: 16px; }
          .layout-main-account .list-order .list-order-inner .item-order .content-order .items-pro-order .media-pro-order .info-pro-order .title-pro-order {
            margin: 0 0 4px 0;
            font-weight: 500; }
          .layout-main-account .list-order .list-order-inner .item-order .content-order .items-pro-order .media-pro-order .info-pro-order .variant-pro-order {
            font-size: 12px; }
          .layout-main-account .list-order .list-order-inner .item-order .content-order .items-pro-order .media-pro-order .info-pro-order .price-pro-order {
            font-size: 16px;
            font-weight: 700;
            margin-top: 16px; }
  .layout-main-account .icon-bottom-account {
    margin: 24px 0 0 0;
    padding: 48px 0 0 0;
    border-top: 1px solid #E8E8E8; }
    @media (max-width: 991px) {
      .layout-main-account .icon-bottom-account {
        margin: 0;
        padding: 24px 0 0 0; } }
    .layout-main-account .icon-bottom-account .icon-bottom-account-inner {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
      border: 1px solid #E8E8E8; }
      .layout-main-account .icon-bottom-account .icon-bottom-account-inner .item-icon-account {
        width: 33.3333%;
        text-align: center;
        padding: 24px 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (min-width: 992px) {
          .layout-main-account .icon-bottom-account .icon-bottom-account-inner .item-icon-account ~ .item-icon-account {
            border-left: 1px solid #E8E8E8; } }
        @media (max-width: 991px) {
          .layout-main-account .icon-bottom-account .icon-bottom-account-inner .item-icon-account {
            width: 100%; }
            .layout-main-account .icon-bottom-account .icon-bottom-account-inner .item-icon-account:nth-child(1) {
              border-bottom: 1px solid #E8E8E8; }
            .layout-main-account .icon-bottom-account .icon-bottom-account-inner .item-icon-account:nth-child(2) {
              border-bottom: 1px solid #E8E8E8; }
            .layout-main-account .icon-bottom-account .icon-bottom-account-inner .item-icon-account:nth-child(4) {
              border-left: 1px solid #E8E8E8; } }
  .layout-main-account .heading-order-detail {
    border-bottom: 3px solid #000000;
    padding: 0 0 8px 0;
    margin: 0 0 16px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px; }
    @media (max-width: 991px) {
      .layout-main-account .heading-order-detail {
        margin: 0 -15px;
        border-top: 8px solid #F0F0F0;
        padding: 16px 20px;
        border-bottom: 1px solid #E8E8E8;
        font-size: 16px;
        line-height: 20px; } }
  .layout-main-account .order-list-product {
    display: flex;
    flex-direction: column; }
    @media (max-width: 991px) {
      .layout-main-account .order-list-product .heading-order-detail {
        order: 2; } }
    .layout-main-account .order-list-product .order-number {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20px 16px 20px;
      border-bottom: 1px solid #E8E8E8; }
      @media (max-width: 991px) {
        .layout-main-account .order-list-product .order-number {
          order: 1;
          border-bottom: none;
          flex-direction: column;
          align-items: start;
          padding: 0 0 16px 0; } }
      .layout-main-account .order-list-product .order-number .order-number-inner {
        display: flex;
        align-items: center; }
        .layout-main-account .order-list-product .order-number .order-number-inner .number-order {
          margin-right: 12px;
          font-size: 16px;
          line-height: 24px;
          font-weight: 600; }
          @media (max-width: 991px) {
            .layout-main-account .order-list-product .order-number .order-number-inner .number-order {
              font-size: 14px;
              line-height: 20px;
              margin-right: 8px; } }
      .layout-main-account .order-list-product .order-number .order-cancelled .order-cancelled-inner {
        display: flex;
        align-items: center; }
        .layout-main-account .order-list-product .order-number .order-cancelled .order-cancelled-inner .order-cancelled-label {
          margin-right: 12px;
          font-size: 16px;
          line-height: 24px;
          font-weight: 600; }
    @media (max-width: 991px) {
      .layout-main-account .order-list-product .list-product-detail {
        order: 3; } }
    .layout-main-account .order-list-product .list-product-detail .list-order .list-order-inner {
      margin-top: 0; }
      @media (max-width: 991px) {
        .layout-main-account .order-list-product .list-product-detail .list-order .list-order-inner {
          border-top: none; } }
  .layout-main-account .order-detail-total {
    padding-top: 48px;
    border-top: 1px solid #E8E8E8; }
    @media (max-width: 991px) {
      .layout-main-account .order-detail-total {
        padding-top: 0;
        border-top: none; } }
    .layout-main-account .order-detail-total .content-total-detail {
      padding: 0 20px; }
      @media (max-width: 991px) {
        .layout-main-account .order-detail-total .content-total-detail {
          padding: 20px 0 0; } }
  .layout-main-account .item-line-detail {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .layout-main-account .item-line-detail ~ .item-line-detail {
      margin-top: 16px; }
    .layout-main-account .item-line-detail .label-line-detail {
      color: #787878; }
    .layout-main-account .item-line-detail .value-line-detail {
      font-weight: 400; }
  .layout-main-account .order-info-delivery {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .layout-main-account .order-info-delivery {
        flex-wrap: wrap; } }
    .layout-main-account .order-info-delivery .order-detail-delivery {
      padding-top: 48px;
      width: 48%; }
      @media (max-width: 991px) {
        .layout-main-account .order-info-delivery .order-detail-delivery {
          padding-top: 24px;
          width: 100%; } }
      .layout-main-account .order-info-delivery .order-detail-delivery .content-order-delivery {
        padding: 0 20px; }
        @media (max-width: 991px) {
          .layout-main-account .order-info-delivery .order-detail-delivery .content-order-delivery {
            padding: 20px 0 0; } }
  .layout-main-account .content-addresses {
    border-top: 3px solid #000000; }
    @media (max-width: 991px) {
      .layout-main-account .content-addresses {
        border-top: none;
        margin: 0 -15px; } }
  .layout-main-account .empty-addresses {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 140px; }
    .layout-main-account .empty-addresses .text-empty-addresses {
      color: #BCBCBC; }
  .layout-main-account .action-addresses {
    border-top: 1px solid #D0D0D0;
    margin-top: 24px;
    padding-top: 48px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 991px) {
      .layout-main-account .action-addresses {
        margin-top: 0;
        padding-top: 24px; } }
    .layout-main-account .action-addresses a {
      border: 1px solid #E8E8E8;
      padding: 12px 32px;
      font-size: 16px;
      line-height: 24px;
      border-radius: 4px;
      display: inline-block; }
  .layout-main-account .list-item-addresses {
    display: flex;
    flex-direction: column; }
    .layout-main-account .list-item-addresses .item-addresses {
      padding: 24px 12px;
      order: 2;
      border-top: 1px solid #E8E8E8; }
      @media (max-width: 991px) {
        .layout-main-account .list-item-addresses .item-addresses {
          padding: 16px 15px; } }
      .layout-main-account .list-item-addresses .item-addresses.isDefault {
        order: 1; }
      .layout-main-account .list-item-addresses .item-addresses .info--addresses .head--addresses {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 4px; }
        .layout-main-account .list-item-addresses .item-addresses .info--addresses .head--addresses .name-address {
          font-size: 16px;
          line-height: 24px;
          font-weight: 700;
          display: flex;
          align-items: center; }
          @media (max-width: 991px) {
            .layout-main-account .list-item-addresses .item-addresses .info--addresses .head--addresses .name-address {
              width: 50%;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden; } }
          .layout-main-account .list-item-addresses .item-addresses .info--addresses .head--addresses .name-address span {
            font-size: 12px;
            line-height: 18px;
            font-weight: 400;
            border: 1px solid #E8E8E8;
            padding: 3px 6px;
            display: inline-block;
            margin-right: 5px;
            border-radius: 2px; }
        .layout-main-account .list-item-addresses .item-addresses .info--addresses .head--addresses .action--address a {
          color: #787878; }
          .layout-main-account .list-item-addresses .item-addresses .info--addresses .head--addresses .action--address a ~ a {
            margin-left: 12px; }
      .layout-main-account .list-item-addresses .item-addresses .info--addresses .content--addresses .list-info--addresses ~ .list-info--addresses {
        margin-top: 4px; }
  .layout-main-account .btn-account-info {
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    background: #FFFFFF;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24xp; }
    .layout-main-account .btn-account-info.update-info, .layout-main-account .btn-account-info.update-option-account {
      background: #000000;
      color: #FFFFFF; }
    @media (max-width: 991px) {
      .layout-main-account .btn-account-info {
        width: 100%; } }
  .layout-main-account .heading-account-info {
    border-bottom: 3px solid #000000;
    padding: 0 0 8px 0;
    margin: 0 0 16px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px; }
    @media (max-width: 991px) {
      .layout-main-account .heading-account-info {
        margin: 0 -15px;
        border-top: none;
        padding: 16px 15px;
        border-bottom: none;
        font-size: 16px;
        line-height: 20px; } }
  .layout-main-account .content-account-info .item-account-info {
    display: flex;
    align-items: center; }
    .layout-main-account .content-account-info .item-account-info ~ .item-account-info {
      margin-top: 20px; }
    .layout-main-account .content-account-info .item-account-info label {
      width: 220px; }
      @media (max-width: 991px) {
        .layout-main-account .content-account-info .item-account-info label {
          width: 180px; } }
    @media (max-width: 991px) {
      .layout-main-account .content-account-info .item-account-info.item-account-info-btn label {
        display: none; } }
    @media (max-width: 991px) {
      .layout-main-account .content-account-info .item-account-info.item-account-info-btn span {
        width: 100%; } }
  .layout-main-account .form-account-info {
    border-top: 1px solid #E8E8E8;
    padding-top: 48px;
    margin-top: 24px; }
    @media (max-width: 991px) {
      .layout-main-account .form-account-info {
        border-top: none;
        padding-top: 0; } }
  .layout-main-account .email-account-info {
    padding: 24px 20px 0 20px;
    margin-top: 24px;
    border-top: 1px solid #E8E8E8; }
    @media (max-width: 991px) {
      .layout-main-account .email-account-info {
        padding: 0;
        border-top: none; } }
  .layout-main-account .item-input-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 430px; }
    .layout-main-account .item-input-form ~ .item-input-form {
      margin-top: 24px; }
    .layout-main-account .item-input-form label {
      margin: 0 0 8px 0;
      position: relative;
      width: max-content; }
      .layout-main-account .item-input-form label.required:after {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background: #F55060;
        display: block;
        position: absolute;
        top: 6px;
        right: -8px; }
    .layout-main-account .item-input-form .form-input {
      border: 1px solid #E8E8E8;
      border-radius: 4px;
      height: 44px;
      padding: 12px 16px;
      outline: none;
      box-shadow: none;
      width: 100%; }
      .layout-main-account .item-input-form .form-input::placeholder {
        color: #BCBCBC;
        font-weight: 400; }
      .layout-main-account .item-input-form .form-input:-ms-input-placeholder {
        color: #BCBCBC;
        font-weight: 400; }
      .layout-main-account .item-input-form .form-input::-ms-input-placeholder {
        color: #BCBCBC;
        font-weight: 400; }
    .layout-main-account .item-input-form .wrapper-gender .item-gender ~ .item-gender {
      margin-top: 8px; }
    .layout-main-account .item-input-form .wrapper-gender .item-gender label {
      cursor: pointer;
      margin: 0; }
  .layout-main-account .content-account-info .item-option-account {
    display: flex;
    align-items: center; }
    .layout-main-account .content-account-info .item-option-account ~ .item-option-account {
      margin-top: 24px; }
    .layout-main-account .content-account-info .item-option-account label {
      margin-right: 12px; }
  .layout-main-account .content-account-info ul {
    margin-top: 24px;
    padding: 0 0 0 13px;
    list-style: inherit; }
    .layout-main-account .content-account-info ul li ~ li {
      margin-top: 12px; }
  .layout-main-account .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px; }
    .layout-main-account .switch input {
      opacity: 0;
      width: 0;
      height: 0; }
      .layout-main-account .switch input:checked + .slider {
        background-color: #000000; }
      .layout-main-account .switch input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px); }
    .layout-main-account .switch .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #D0D0D0;
      -webkit-transition: .4s;
      transition: .4s; }
      .layout-main-account .switch .slider.round {
        border-radius: 34px; }
      .layout-main-account .switch .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%; }
  .layout-main-account .action-account-info {
    text-align: center;
    margin: 24px 0 0 0;
    padding: 48px 0 0 0;
    border-top: 1px solid #E8E8E8; }
    @media (max-width: 991px) {
      .layout-main-account .action-account-info {
        padding: 0;
        border-top: none; } }
  .layout-main-account .heading-account-wishlist {
    border-bottom: 3px solid #000000;
    padding: 0 0 8px 0;
    margin: 0 0 16px 0;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px; }
    @media (max-width: 991px) {
      .layout-main-account .heading-account-wishlist {
        margin: 0 -15px;
        border-top: none;
        padding: 16px 15px;
        border-bottom: none;
        font-size: 16px;
        line-height: 20px; } }
  .layout-main-account .content-account-wishlist .empty-account-wishlist .empty-account-wishlist-inner {
    padding: 150px 0 70px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .layout-main-account .content-account-wishlist .empty-account-wishlist .empty-account-wishlist-inner svg {
      margin-bottom: 24px; }
    .layout-main-account .content-account-wishlist .empty-account-wishlist .empty-account-wishlist-inner span {
      color: #BCBCBC;
      text-align: center; }
  .layout-main-account .content-account-wishlist.isProduct {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 4px; }
  .layout-main-account .content-account-wishlist .product-loop {
    width: calc(25% - 4px); }
    @media (max-width: 991px) {
      .layout-main-account .content-account-wishlist .product-loop {
        width: calc(50% - 4px); } }
  .layout-main-account .relates-account {
    margin-top: 80px; }
  .layout-main-account .heading-account-recently {
    border-bottom: 3px solid #000000;
    padding: 0 0 8px 0;
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .layout-main-account .heading-account-recently {
        margin: 0 -15px;
        border-top: none;
        padding: 16px 15px;
        border-bottom: none; } }
    .layout-main-account .heading-account-recently .title-account-recently {
      font-weight: 700;
      font-size: 20px;
      line-height: 28px; }
      @media (max-width: 991px) {
        .layout-main-account .heading-account-recently .title-account-recently {
          font-size: 16px;
          line-height: 20px; } }
    .layout-main-account .heading-account-recently .action-recently a {
      color: #787878;
      text-decoration: underline; }
      .layout-main-account .heading-account-recently .action-recently a:hover {
        color: #000000; }
      .layout-main-account .heading-account-recently .action-recently a ~ a {
        margin-left: 8px; }

/* Breadcrumb */
#breadcrumb {
  margin: 48px 0 28px 0; }
  .page-collection #breadcrumb {
    margin: 0; }
    .page-collection #breadcrumb .breadcrumb {
      margin: 0; }
  @media (max-width: 991px) {
    #breadcrumb {
      display: none; } }
  #breadcrumb .breadcrumb-item {
    color: #787878;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 18px; }
    #breadcrumb .breadcrumb-item a {
      color: #787878; }
    #breadcrumb .breadcrumb-item.active {
      color: #000000; }
      #breadcrumb .breadcrumb-item.active a {
        color: #000000; }
    #breadcrumb .breadcrumb-item:before {
      display: none; }
    #breadcrumb .breadcrumb-item:last-child svg {
      display: none; }
    #breadcrumb .breadcrumb-item svg {
      margin-left: 0.5rem; }

@media (max-width: 991px) {
  .account-page-title {
    font-size: 24px; } }

.tab-member ul {
  border-bottom: 2px solid #c0c0c0;
  margin-bottom: 20px; }
  .tab-member ul li {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    margin-bottom: -2px;
    cursor: pointer; }
    @media (max-width: 991px) {
      .tab-member ul li {
        font-size: 13px; } }
    .tab-member ul li.active {
      border-bottom: 2px solid #000; }

#update-info {
  width: 100%;
  max-width: 500px;
  padding: 30px 20px;
  border-radius: 10px; }
  #update-info #form-update-account {
    display: flex;
    flex-direction: column;
    gap: 15px; }
    #update-info #form-update-account .input-form-item {
      width: 100%;
      display: flex;
      flex-direction: column; }
      #update-info #form-update-account .input-form-item label {
        margin: 0 0 8px; }
      #update-info #form-update-account .input-form-item input, #update-info #form-update-account .input-form-item select {
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        height: 44px;
        padding: 12px 16px;
        outline: none;
        box-shadow: none;
        width: 100%; }
      #update-info #form-update-account .input-form-item .text-error {
        color: red;
        font-size: 11px; }
      #update-info #form-update-account .input-form-item button {
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        background: #000000;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 24px;
        color: white; }

#reset-password-popup {
  width: 100%;
  max-width: 500px;
  padding: 30px 20px;
  border-radius: 10px; }
  #reset-password-popup form {
    display: flex;
    flex-direction: column;
    gap: 15px; }
    #reset-password-popup form .error-status {
      color: red; }
    #reset-password-popup form .success-status {
      color: green; }
    #reset-password-popup form .input-form-item {
      width: 100%;
      display: flex;
      flex-direction: column; }
      #reset-password-popup form .input-form-item label {
        margin: 0 0 8px; }
      #reset-password-popup form .input-form-item input, #reset-password-popup form .input-form-item select {
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        height: 44px;
        padding: 12px 16px;
        outline: none;
        box-shadow: none;
        width: 100%; }
      #reset-password-popup form .input-form-item .text-error {
        color: red;
        font-size: 11px; }
      #reset-password-popup form .input-form-item button {
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        background: #000000;
        padding: 12px 16px;
        font-size: 16px;
        line-height: 24px;
        color: white; }

#sidebar-cart {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 300px;
  background-color: #fff;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: transform .2s;
  -webkit-transform: translate3d(104%, 0, 0);
  transform: translate3d(104%, 0, 0);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  display: block;
  z-index: 500;
  width: 340px;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: column;
  flex-direction: column; }
  .open-sidebar-cart #sidebar-cart {
    -webkit-transform: none !important;
    transform: none !important; }
  #sidebar-cart .wrap-sidebar {
    flex-direction: column;
    display: flex;
    height: 100%; }
    #sidebar-cart .wrap-sidebar .head-sidebar {
      padding: 5px 0 5px 20px;
      border-bottom: 1px solid rgba(129, 129, 129, 0.2);
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #sidebar-cart .wrap-sidebar .head-sidebar .text-head {
        color: #878787;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 500; }
      #sidebar-cart .wrap-sidebar .head-sidebar .close-sidebar-cart {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        #sidebar-cart .wrap-sidebar .head-sidebar .close-sidebar-cart svg {
          width: 20px;
          height: 20px;
          transition: 0.3s all; }
        #sidebar-cart .wrap-sidebar .head-sidebar .close-sidebar-cart:hover svg {
          -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
    #sidebar-cart .wrap-sidebar .content-sidebar {
      display: flex;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      -ms-flex-align: stretch;
      align-items: stretch;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #sidebar-cart .wrap-sidebar .content-sidebar .mini-cartDesc {
        display: flex;
        justify-content: space-between;
        color: #fff;
        background-color: #000;
        line-height: 130%;
        font-weight: 600;
        font-size: 14px;
        width: 100%;
        margin: 0 auto;
        padding: 10px 18px;
        cursor: pointer; }
      #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .sidebar-freeship {
        padding: 10px 20px;
        border-bottom: 1px solid #eee; }
        #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .sidebar-freeship span {
          color: #ef3b9c; }
      #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .process-hit {
        padding-top: 4px;
        padding-bottom: 14px;
        max-width: 340px;
        overflow: hidden;
        color: #222;
        padding: 15px 20px;
        border-bottom: 1px solid #eee; }
        #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .process-hit .text-hit {
          overflow: hidden;
          margin-bottom: 4px;
          gap: 4px; }
          #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .process-hit .text-hit span {
            color: #ef3b9c; }
        #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .process-hit .process-bar {
          position: relative;
          max-width: 300px; }
          #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .process-hit .process-bar .progresselbg {
            height: 8px;
            width: 100%;
            max-width: 300px;
            position: relative;
            border-radius: 6px;
            background: #f2ebeb; }
          #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .process-hit .process-bar .progressel {
            width: 40%;
            height: 8px;
            position: absolute;
            left: 0;
            top: 0;
            background: #ef3b9c;
            background-size: 100% 100%;
            background-repeat: repeat;
            transition: all .3s;
            border-radius: 6px; }
            #sidebar-cart .wrap-sidebar .content-sidebar .shipping-hint .process-hit .process-bar .progressel:after {
              content: "";
              position: absolute;
              width: 20px;
              height: 20px;
              background-image: url(https://file.hstatic.net/200000959088/file/icon-car.png);
              background-repeat: no-repeat;
              right: -16px;
              top: -5px;
              background-size: 20px 20px; }
      #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content {
        position: relative;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        overflow: hidden;
        width: 100%;
        height: 100%; }
        #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          overflow: auto;
          overflow-x: hidden;
          -webkit-overflow-scrolling: touch;
          -webkit-transform: translateY(0);
          transform: translateY(0);
          opacity: 1;
          -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
          transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s; }
          #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar {
            padding: 20px;
            display: flex;
            gap: 20px; }
            #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar ~ .lineitem-sidebar {
              border-top: 1px solid rgba(129, 129, 129, 0.2); }
            #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-img {
              width: 120px; }
            #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info {
              width: calc(100% - 120px); }
              #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .title-prod {
                font-size: 14px;
                line-height: 20px;
                color: #222;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-weight: 400; }
              #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .variant-prod {
                font-size: 12px;
                color: #999; }
              #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .wrap-box-item {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-top: 18px; }
              #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .box-quantity {
                min-width: 110px;
                width: 110px;
                height: 40px;
                border: 1px solid #c7c7c7;
                text-align: center;
                border-radius: 0;
                display: flex;
                align-items: center;
                justify-content: space-between; }
                #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .box-quantity button {
                  top: 0;
                  width: 30px;
                  height: 40px;
                  line-height: 40px;
                  border: 0;
                  background: 0 0; }
                  #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .box-quantity button svg {
                    width: 15px;
                    height: 40px; }
                #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .box-quantity input {
                  width: 44px;
                  border: 0;
                  height: 38px;
                  background: 0 0;
                  padding: 0;
                  font-weight: 400;
                  font-size: 14px;
                  color: #222;
                  text-align: center; }
              #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .box-action {
                display: flex;
                gap: 12px; }
                #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .box-action .item-action {
                  cursor: pointer; }
                  #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .box-action .item-action.item-edit {
                    display: none; }
                  #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-content .fixcl-scroll-content .lineitem-sidebar .box-info .box-action .item-action svg {
                    width: 14px;
                    height: 14px; }
      #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-footer {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
        transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
        padding: 10px 20px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        border-top: 1px solid rgba(129, 129, 129, 0.2);
        box-shadow: 0 0 10px 0 rgba(129, 129, 129, 0.2); }
        #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-footer .line-total {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin: 0 0 10px 0; }
          #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-footer .line-total .head-line {
            font-size: 18px;
            font-weight: bold; }
          #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-footer .line-total .value-line {
            font-size: 18px;
            font-weight: bold; }
        #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-footer .note-total {
          font-size: 13px;
          margin: 0 0 5px 0;
          color: #878787; }
        #sidebar-cart .wrap-sidebar .content-sidebar .mini-cart-footer button {
          border: 1px solid #333;
          padding: 4px 20px;
          height: 40px;
          vertical-align: top;
          line-height: 22px;
          text-transform: uppercase;
          width: 100%;
          background: #000;
          color: #fff; }
      #sidebar-cart .wrap-sidebar .content-sidebar .empty-cart {
        padding: 20px;
        text-align: center; }

.wrapper-cart {
  width: 100%;
  padding: 90px 0; }
  @media (max-width: 991px) {
    .wrapper-cart {
      padding: 45px 0; } }
  .wrapper-cart .container-wrapper-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: start; }
    .wrapper-cart .container-wrapper-cart .main-cart {
      width: 70%; }
      @media (max-width: 991px) {
        .wrapper-cart .container-wrapper-cart .main-cart {
          width: 100%; } }
      .wrapper-cart .container-wrapper-cart .main-cart .heading-cart {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #E8E8E8;
        padding-bottom: 24px;
        margin-bottom: 24px;
        padding-left: 20px;
        padding-right: 20px; }
        .wrapper-cart .container-wrapper-cart .main-cart .heading-cart input {
          margin-right: 8px; }
        @media (max-width: 991px) {
          .wrapper-cart .container-wrapper-cart .main-cart .heading-cart {
            border-top: 1px solid #E8E8E8;
            padding-bottom: 14px;
            padding-top: 14px; } }
      .wrapper-cart .container-wrapper-cart .main-cart .body-cart {
        padding: 0 20px; }
      .wrapper-cart .container-wrapper-cart .main-cart .item-cart {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        @media (max-width: 991px) {
          .wrapper-cart .container-wrapper-cart .main-cart .item-cart {
            flex-wrap: wrap; } }
        .wrapper-cart .container-wrapper-cart .main-cart .item-cart ~ .item-cart {
          margin-top: 24px; }
        .wrapper-cart .container-wrapper-cart .main-cart .item-cart.isGift {
          cursor: none;
          pointer-events: none; }
        .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart {
          display: flex;
          align-items: center; }
          @media (max-width: 991px) {
            .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart {
              width: 100%;
              align-items: start; } }
          .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-media {
            width: 120px;
            position: relative; }
            .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-media .input-line {
              position: absolute;
              top: 0;
              left: 0; }
          .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info {
            padding-left: 16px;
            width: calc(100% - 120px); }
            .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .variant-item {
              font-size: 12px;
              line-height: 18px;
              margin: 4px 0; }
            .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .promotion-item {
              color: red; }
            .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .price-item {
              margin-top: 24px; }
              .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .price-item span {
                font-size: 18px;
                line-height: 24px; }
              .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .price-item del {
                color: #878787; }
              .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .price-item.price-sale {
                display: flex;
                gap: 6px; }
                .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .price-item.price-sale span {
                  color: #ef3b9c; }
          @media (min-width: 992px) {
            .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-delete-mobile {
              display: none; } }
        @media (max-width: 991px) {
          .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-action-item-cart {
            width: 100%;
            margin-top: 20px; } }
        .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-action-item-cart .line-box-action {
          display: flex;
          align-items: center;
          flex-direction: column; }
          .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-action-item-cart .line-box-action a {
            border: 1px solid #E8E8E8;
            border-radius: 2px;
            padding: 6px 8px;
            min-width: 130px;
            text-align: center; }
            .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-action-item-cart .line-box-action a ~ a {
              margin-top: 8px; }
            @media (max-width: 991px) {
              .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-action-item-cart .line-box-action a {
                width: 100%; }
                .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-action-item-cart .line-box-action a.delete-option {
                  display: none; } }
      .wrapper-cart .container-wrapper-cart .main-cart .back-shopping {
        text-align: center;
        margin-top: 12px;
        padding-top: 48px;
        border-top: 1px solid #E8E8E8; }
        @media (max-width: 991px) {
          .wrapper-cart .container-wrapper-cart .main-cart .back-shopping {
            display: none; } }
        .wrapper-cart .container-wrapper-cart .main-cart .back-shopping a {
          border: 1px solid #E8E8E8;
          padding: 12px 32px;
          font-size: 16px;
          line-height: 24px;
          border-radius: 4px;
          display: inline-block; }
      .wrapper-cart .container-wrapper-cart .main-cart .empty-cart {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 60px 0; }
        .wrapper-cart .container-wrapper-cart .main-cart .empty-cart .text-empty-cart {
          font-size: 16px;
          line-height: 24px;
          margin: 24px 0; }
        .wrapper-cart .container-wrapper-cart .main-cart .empty-cart a {
          border: 1px solid #E8E8E8;
          padding: 12px 32px;
          font-size: 16px;
          line-height: 24px;
          border-radius: 4px;
          display: inline-block; }
    .wrapper-cart .container-wrapper-cart .sidebar-cart {
      width: 30%; }
      @media (min-width: 992px) {
        .wrapper-cart .container-wrapper-cart .sidebar-cart {
          padding-left: 32px;
          position: sticky;
          top: 24px; } }
      @media (max-width: 991px) {
        .wrapper-cart .container-wrapper-cart .sidebar-cart {
          width: 100%; } }
      .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-inner {
        border: 1px solid #E8E8E8;
        padding: 20px 24px;
        border-radius: 8px 8px 0 0; }
        @media (max-width: 991px) {
          .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-inner {
            border-radius: 0;
            border-bottom: 8px solid #F8F8F8;
            border-top: 8px solid #F8F8F8;
            margin-top: 32px;
            padding: 20px; } }
        .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-inner h4 {
          margin: 0 0 20px 0;
          font-size: 18px;
          line-height: 26px;
          font-weight: 700;
          text-transform: uppercase; }
        .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-inner ul li {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-inner ul li ~ li {
            margin-top: 12px; }
        .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-inner .total-price-cart {
          margin-top: 16px;
          padding-top: 16px;
          border-top: 2px solid #000000;
          display: flex;
          align-items: center;
          justify-content: space-between;
          font-size: 16px;
          line-height: 24px;
          font-weight: 700; }
      @media (max-width: 991px) {
        .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          z-index: 9; } }
      .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action .cart-actions__total {
        background: #F0F0F0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 16px; }
        @media (min-width: 992px) {
          .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action .cart-actions__total {
            display: none; } }
      .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action .wrap-btn-act {
        display: flex; }
      .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action button {
        font-size: 16px;
        line-height: 24px;
        width: 100%;
        background: #000000;
        color: #FFFFFF;
        border: none;
        border-radius: 0 0 8px 8px;
        height: 56px;
        text-transform: uppercase; }
        .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action button.disabled {
          pointer-events: none;
          background: #cccccc; }
        @media (max-width: 991px) {
          .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action button {
            border-radius: 0; } }
        .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action button#continued-shopping {
          background: #F7F8F9;
          color: #000;
          display: none; }
          @media (max-width: 991px) {
            .wrapper-cart .container-wrapper-cart .sidebar-cart .sidebar-cart-action button#continued-shopping {
              display: block; } }
    .wrapper-cart .container-wrapper-cart .policy-cart {
      width: 70%;
      margin: 60px 0; }
      @media (max-width: 991px) {
        .wrapper-cart .container-wrapper-cart .policy-cart {
          width: 100%;
          margin: 0;
          border-bottom: 8px solid #F8F8F8; } }
      .wrapper-cart .container-wrapper-cart .policy-cart h4 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 0;
        margin-bottom: 24px;
        border-bottom: 1px solid #E8E8E8;
        font-size: 16px;
        line-height: 24px; }
        @media (max-width: 991px) {
          .wrapper-cart .container-wrapper-cart .policy-cart h4 {
            padding: 16px 24px;
            border-bottom: none;
            margin-bottom: 0; } }
        .wrapper-cart .container-wrapper-cart .policy-cart h4 span {
          border: 1px solid #E8E8E8;
          width: 24px;
          height: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 100%;
          cursor: pointer; }
        .wrapper-cart .container-wrapper-cart .policy-cart h4 svg {
          transform: rotate(-180deg); }
        .wrapper-cart .container-wrapper-cart .policy-cart h4.active svg {
          transform: rotate(0deg); }
        .wrapper-cart .container-wrapper-cart .policy-cart h4.active ~ .content-policy {
          display: block; }
      .wrapper-cart .container-wrapper-cart .policy-cart .content-policy {
        display: none; }
        @media (max-width: 991px) {
          .wrapper-cart .container-wrapper-cart .policy-cart .content-policy {
            padding: 0 20px 16px 20px; } }
    .wrapper-cart .container-wrapper-cart .relates-cart {
      width: 70%; }
      @media (max-width: 991px) {
        .wrapper-cart .container-wrapper-cart .relates-cart {
          width: 100%;
          padding: 20px 15px 20px 20px; } }

.form-addresses-popup {
  padding: 0;
  border-radius: 8px;
  width: 100%;
  max-width: 440px; }
  .form-addresses-popup h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 16px;
    text-align: center;
    margin: 0;
    border-bottom: 1px solid #F8F8F8; }
  .form-addresses-popup form {
    padding: 32px 20px; }
    .form-addresses-popup form .input-group {
      flex-direction: column; }
      .form-addresses-popup form .input-group ~ .input-group {
        margin-top: 24px; }
      .form-addresses-popup form .input-group label {
        margin: 0 0 8px 0;
        position: relative;
        width: max-content; }
        .form-addresses-popup form .input-group label.required:after {
          content: "";
          width: 4px;
          height: 4px;
          border-radius: 100%;
          background: #F55060;
          display: block;
          position: absolute;
          top: 6px;
          right: -8px; }
      .form-addresses-popup form .input-group input.form-control, .form-addresses-popup form .input-group select.form-control {
        width: 100%;
        height: 44px;
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        margin-left: 0 !important;
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important;
        outline: none;
        box-shadow: none;
        padding: 12px 16px;
        line-height: 1.2;
        font-weight: 400; }
      .form-addresses-popup form .input-group input.form-control::placeholder {
        color: #BCBCBC;
        font-weight: 400; }
      .form-addresses-popup form .input-group input.form-control:-ms-input-placeholder {
        color: #BCBCBC;
        font-weight: 400; }
      .form-addresses-popup form .input-group input.form-control::-ms-input-placeholder {
        color: #BCBCBC;
        font-weight: 400; }
    .form-addresses-popup form .input-group-default {
      margin: 8px 0 24px 0;
      display: flex;
      align-items: center; }
      .form-addresses-popup form .input-group-default input {
        margin-right: 12px; }
    .form-addresses-popup form .action_bottom {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .form-addresses-popup form .action_bottom button {
        width: 49%;
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        padding: 12px;
        height: 48px;
        background: #FFFFFF;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px; }
        .form-addresses-popup form .action_bottom button.submit-update-addresses {
          background: #000000;
          border-color: #000000;
          color: #FFFFFF; }
  .form-addresses-popup .fancybox-button {
    right: 10px;
    top: 15px;
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .form-addresses-popup .fancybox-button svg {
      width: 12px;
      height: 12px; }
      .form-addresses-popup .fancybox-button svg path {
        fill: #949494; }

/* modal update phone */
#modalUpdatePhone .modalUpdateInner button {
  width: 120px;
  right: 0;
  height: 40px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 4px; }

#modalUpdatePhone .modalUpdateInner .contentUpdatePhone {
  margin: 15px 0; }
  #modalUpdatePhone .modalUpdateInner .contentUpdatePhone #updatePhone {
    position: relative; }
    #modalUpdatePhone .modalUpdateInner .contentUpdatePhone #updatePhone .md3 {
      margin-bottom: 15px; }
      #modalUpdatePhone .modalUpdateInner .contentUpdatePhone #updatePhone .md3 input {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        border-radius: 4px;
        border: 1px solid gray;
        outline: none;
        box-shadow: none; }
  #modalUpdatePhone .modalUpdateInner .contentUpdatePhone .warning-updatePhone {
    margin-top: 15px; }
    #modalUpdatePhone .modalUpdateInner .contentUpdatePhone .warning-updatePhone.red {
      color: red; }
    #modalUpdatePhone .modalUpdateInner .contentUpdatePhone .warning-updatePhone.green {
      color: green; }

#modalUpdatePhone .modalUpdateInner .noteUpdatePhone {
  text-align: right; }
  #modalUpdatePhone .modalUpdateInner .noteUpdatePhone div {
    margin: 30px 0 10px;
    font-style: italic; }

#modalUpdatePhone .modalUpdateInner #skip_update {
  position: absolute;
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  top: 0;
  right: 0; }
  #modalUpdatePhone .modalUpdateInner #skip_update:focus {
    outline: none; }

#modalUpdatePhone .fancybox-close-small {
  display: none; }

.toast {
  position: fixed;
  z-index: 999999;
  text-align: center;
  top: 4%;
  border: 0;
  width: 382px;
  padding: 0;
  color: #fff;
  right: 7%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); }
  @media (max-width: 991.98px) {
    .toast {
      top: 1%;
      width: 94%;
      right: 3%; } }
  .toast .toast-close {
    position: absolute;
    top: 10px;
    right: 8px; }
  .toast, .toast > div {
    background-color: #2e2e2e; }
  .toast:not(.show) {
    pointer-events: none; }
  .toast .close {
    outline: none;
    border: 0;
    background-color: unset;
    position: absolute;
    top: 20px;
    right: 20px; }
  .toast .toast-body {
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    border-radius: 4px;
    padding: 15px 16px; }

/* Store */
.storeslist {
  padding: 30px 0 30px; }
  .storeslist .img-map {
    height: 100%; }
    @media (min-width: 992px) {
      .storeslist .img-map {
        min-height: 900px; } }
    @media (max-width: 991px) {
      .storeslist .img-map {
        height: 480px;
        margin-top: 15px; } }
    .storeslist .img-map iframe {
      width: 100%;
      height: 100%; }

.banner-store {
  padding: 20px 0; }
  .banner-store img {
    width: 100%; }

.address-map .title-wrapper {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0; }

.address-map .location-svg {
  width: 25px; }

.address-map h3 {
  font-size: 18px;
  color: #333;
  padding: 8px 0 8px 40px;
  background-size: contain;
  margin: 0; }

.address-map .change-quan, .address-map .change-tinh {
  width: 100%;
  border: 1px solid #d7d7d7;
  color: #333;
  text-indent: 5px;
  font-size: 13px;
  margin-top: 10px;
  height: 36px; }

.address-map .wrapper-select-store .select2-container--bootstrap {
  width: auto !important; }

.address-map .wrapper-select-store .item-store label {
  margin: 0 0 5px 0; }

.address-map .wrapper-select-store .item-store ~ .item-store {
  margin-top: 15px; }

.address-map .address-cont {
  overflow-y: auto;
  margin-top: 15px;
  border-top: 1px solid #f5f5f5; }
  .address-map .address-cont .address-detail ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 817px;
    overflow: auto; }
    @media (max-width: 991px) {
      .address-map .address-cont .address-detail ul {
        max-height: 300px; } }
    .address-map .address-cont .address-detail ul li {
      background: #f0f1f1;
      cursor: pointer;
      padding: 10px;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      gap: 3px; }
      .address-map .address-cont .address-detail ul li p {
        margin: 0;
        display: flex;
        align-items: center; }
        .address-map .address-cont .address-detail ul li p.direct-point {
          text-decoration: underline; }
        .address-map .address-cont .address-detail ul li p img {
          width: 17px;
          margin-right: 5px; }
      .address-map .address-cont .address-detail ul li a {
        background-color: #fff;
        color: #444;
        display: block;
        font-size: 12px;
        line-height: 18px;
        width: 100%;
        padding: 8px 0;
        box-sizing: border-box; }
        .address-map .address-cont .address-detail ul li a:before {
          content: "";
          width: 7px;
          height: 7px;
          display: inline-block;
          background: #ffc800;
          margin-right: 10px;
          border-radius: 50%; }

.main-title-page h1 {
  margin: 30px 0 0 0;
  font-size: 24px; }

.note-sidebar {
  display: flex;
  flex-direction: column;
  margin: 32px 0 0 0;
  position: relative; }
  .note-sidebar label {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 8px 0; }
  .note-sidebar textarea {
    border: 1px solid #C6CBD0;
    padding: 15px 16px 40px 16px;
    border-radius: 2px;
    outline: none;
    box-shadow: none; }
  .note-sidebar span {
    color: #868D95;
    position: absolute;
    bottom: 16px;
    right: 20px; }

.cart-invoice {
  margin: 16px 0 0 0; }
  .cart-invoice .invoice__show {
    display: flex;
    align-items: center;
    gap: 8px; }
    .cart-invoice .invoice__show label {
      cursor: pointer; }
  .cart-invoice .invoice-fields-personal, .cart-invoice .invoice-fields-company {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  .cart-invoice .invoice__form {
    margin: 16px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .cart-invoice .invoice__form .item-invoice.note-invoice {
      color: red; }
    .cart-invoice .invoice__form .item-invoice label {
      text-transform: uppercase;
      color: #868D95; }
    .cart-invoice .invoice__form .item-invoice input, .cart-invoice .invoice__form .item-invoice select {
      outline: none;
      border: 1px solid #C6CBD0;
      padding: 12px 16px;
      box-shadow: none;
      border-radius: 2px; }
    .cart-invoice .invoice__form .item-invoice select {
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto; }
    .cart-invoice .invoice__form .item-invoice button {
      width: 100%;
      text-align: center;
      background: #1D1D1D;
      color: #FFFFFF;
      padding: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 600;
      outline: none;
      border: none;
      box-shadow: none;
      color: #FFFFFF; }
      .cart-invoice .invoice__form .item-invoice button ~ button {
        margin-top: 15px; }

.layout-pageDetail {
  padding: 90px 0; }
  @media (max-width: 991px) {
    .layout-pageDetail {
      padding: 45px 0; } }
  .layout-pageDetail .wrapper-pageDetail {
    padding: 70px; }
    @media (max-width: 991px) {
      .layout-pageDetail .wrapper-pageDetail {
        padding: 15px; } }
  .layout-pageDetail .content-pageDetail table, .layout-pageDetail .content-pageDetail th, .layout-pageDetail .content-pageDetail td {
    border: 1px solid black;
    border-collapse: collapse; }
  .layout-pageDetail .content-pageDetail table td {
    padding: 5px; }

/*===== CONTACT +++ ABOUT +++ SEARCH ======================*/
.heading-pageDetail h1 {
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 20px; }

.wrapper-pageDetail {
  background: #fff;
  padding: 10px 15px;
  height: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); }

.content-pageDetail {
  margin-bottom: 40px; }

.content-pageDetail * {
  max-width: 100%; }

.wrapper-bodycontact .wrapbox-content-left {
  padding-right: 0; }

.layout-pageContact .breadcrumb-shop {
  margin-bottom: 0; }

.box-info-contact, .box-send-contact {
  background: #fff;
  padding: 15px;
  border-radius: 3px; }

.box-info-contact {
  margin-bottom: 15px; }

.box-info-contact li {
  margin-bottom: 10px;
  padding: 0; }

.box-info-contact li > span {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  float: left;
  border: 1px solid #ddd;
  text-align: center;
  font-size: 15px;
  display: none; }

.box-info-contact li p {
  width: calc(100% - 35px);
  float: left;
  padding-left: 15px;
  margin-bottom: 5px;
  color: #696969;
  font-weight: 500; }

.box-info-contact li p a {
  color: #696969; }

.box-info-contact li p strong {
  color: #000;
  margin-bottom: 5px; }

.wrapbox-contact {
  display: flex;
  display: -ms-flex;
  justify-content: space-between;
  -ms-justify-content: space-between;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.wrapbox-contact .infoList-contact {
  width: 50%; }

.box-send-contact h2, .box-info-contact h2 {
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 20px; }

.box-send-contact p {
  margin-bottom: 15px; }

.contact-form .input-group {
  width: 100%;
  margin-bottom: 20px; }

.contact-form .input-group input,
.contact-form .input-group textarea {
  color: #5c5c5c;
  height: 45px;
  width: 100%;
  font-weight: 500;
  padding: 8px 20px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.contact-form .input-group textarea {
  width: 100%;
  height: 130px;
  padding: 20px 20px; }

.contact-form .input-group textarea:focus {
  outline: none; }

.layout-searchPage {
  margin-bottom: 50px; }
  .layout-searchPage .heading-page {
    position: relative;
    text-align: center; }
    .layout-searchPage .heading-page:after {
      content: "";
      background: #252a2b;
      display: block;
      width: 60px;
      height: 4px;
      margin: 20px auto 30px; }
    .layout-searchPage .heading-page h1 {
      margin: 25px 0 5px;
      font-size: 30px; }
  .layout-searchPage .subtext-result {
    margin: 0 0 15px; }
  .layout-searchPage .expanded-message .message-txt {
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
  .layout-searchPage .expanded-message h2 {
    font-weight: 600;
    font-size: 20px; }
  .layout-searchPage .expanded-message .subtext {
    margin-bottom: 40px;
    display: block; }
  .layout-searchPage .search-field {
    width: 100%;
    display: block;
    margin: auto; }
  .layout-searchPage .search-field input#go {
    width: 55px;
    height: 45px;
    float: right;
    background: url(//theme.hstatic.net/200000959085/1001388826/14/iconsearch.png?v=57) #252a2b center no-repeat;
    margin: 0px;
    position: relative;
    top: 0;
    border-radius: 0;
    font-size: 0;
    border: 0; }
  .layout-searchPage .search-field .search_box {
    width: calc(100% - 55px);
    outline: none;
    height: 45px;
    padding: 0 20px;
    background: #ededed;
    border: 0;
    box-shadow: none; }
  @media (min-width: 992px) {
    .layout-searchPage .col-lg {
      flex: 0 0 20%;
      -webkit-flex: 0 0 20%; } }

@media (min-width: 992px) {
  .box-map-contact {
    height: 100%;
    border-radius: 4px;
    overflow: hidden; }
  .box-map-contact iframe {
    top: 30px;
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease; } }

@media (max-width: 991px) {
  .wrapbox-contact {
    flex-direction: column;
    -ms-flex-direction: column; }
  .wrapbox-contact .infoList-contact {
    width: 100%; }
  .wrapbox-contact .infoList-contact:nth-child(2) {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse; }
  .widthContent {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse; }
  .wrapper-bodycontact .wrapbox-content-left {
    padding-right: 15px;
    margin-top: 15px; }
  .box-map-contact iframe {
    height: 50vh; } }

@media (max-width: 767px) {
  .wrapbox-content-right {
    padding: 0; } }

.cta-submitform {
  color: #333;
  border: 1px solid #333;
  background-color: transparent;
  padding: 4px 20px;
  height: 40px;
  vertical-align: top;
  line-height: 22px;
  text-transform: uppercase;
  width: 100%; }

.wrapper-bodycontact {
  padding: 0 0 90px 0; }

#update-items {
  padding: 0;
  width: 100%;
  max-width: 825px;
  border-radius: 8px; }
  @media (min-width: 992px) {
    #update-items {
      display: none; } }
  #update-items .wrapper-update {
    width: 100%; }
    #update-items .wrapper-update .update-item {
      display: flex; }
      #update-items .wrapper-update .update-item .slider-product-update {
        width: 38%; }
        @media (max-width: 991px) {
          #update-items .wrapper-update .update-item .slider-product-update {
            display: none; } }
      #update-items .wrapper-update .update-item .info-update-item {
        width: 62%;
        padding: 24px; }
        @media (max-width: 991px) {
          #update-items .wrapper-update .update-item .info-update-item {
            width: 100%;
            padding: 0; } }
        #update-items .wrapper-update .update-item .info-update-item .heading-update-item h2 {
          font-size: 20px;
          line-height: 28px;
          font-weight: 500;
          margin: 0 0 5px 0; }
        #update-items .wrapper-update .update-item .info-update-item .swatch-color {
          display: flex;
          flex-wrap: wrap;
          margin: 20px 0;
          gap: 6px; }
          #update-items .wrapper-update .update-item .info-update-item .swatch-color .item-swatch {
            width: 64px;
            border: 1px solid #FFFFFF;
            cursor: pointer; }
            #update-items .wrapper-update .update-item .info-update-item .swatch-color .item-swatch.active {
              border-color: #000000; }
        #update-items .wrapper-update .update-item .info-update-item .swatch-size, #update-items .wrapper-update .update-item .info-update-item .swatch-stylecode {
          display: flex;
          flex-wrap: wrap;
          gap: 6px; }
          #update-items .wrapper-update .update-item .info-update-item .swatch-size .item-swatch, #update-items .wrapper-update .update-item .info-update-item .swatch-stylecode .item-swatch {
            border: 1px solid #E8E8E8;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px 16px;
            border-radius: 18px;
            min-width: 65px;
            cursor: pointer; }
            #update-items .wrapper-update .update-item .info-update-item .swatch-size .item-swatch.active, #update-items .wrapper-update .update-item .info-update-item .swatch-stylecode .item-swatch.active {
              color: #FFFFFF;
              background: #000000;
              border-color: #000000; }
            #update-items .wrapper-update .update-item .info-update-item .swatch-size .item-swatch.soldout, #update-items .wrapper-update .update-item .info-update-item .swatch-stylecode .item-swatch.soldout {
              background: #F8F8F8;
              border-color: #E8E8E8;
              color: #D0D0D0;
              pointer-events: none; }
        #update-items .wrapper-update .update-item .info-update-item .swatch-stylecode {
          display: none; }
        #update-items .wrapper-update .update-item .info-update-item .quantity-update {
          margin: 24px 0; }
          #update-items .wrapper-update .update-item .info-update-item .quantity-update .wrapper-quantity {
            border: 1px solid #E8E8E8;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 48px; }
            #update-items .wrapper-update .update-item .info-update-item .quantity-update .wrapper-quantity button {
              width: 48px;
              height: 48px;
              border: none;
              background: transparent;
              outline: none;
              box-shadow: none; }
            #update-items .wrapper-update .update-item .info-update-item .quantity-update .wrapper-quantity input {
              width: calc(100% - 96px);
              text-align: center;
              height: 48px;
              outline: none;
              border: none;
              background: transparent; }
        #update-items .wrapper-update .update-item .info-update-item .action-update {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          #update-items .wrapper-update .update-item .info-update-item .action-update a {
            width: 49%;
            border: 1px solid #E8E8E8;
            border-radius: 4px;
            padding: 12px;
            text-align: center;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px; }
            #update-items .wrapper-update .update-item .info-update-item .action-update a.acept-update {
              background: #000000;
              color: #FFFFFF; }
        #update-items .wrapper-update .update-item .info-update-item .action-wishlist {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          @media (max-width: 991px) {
            #update-items .wrapper-update .update-item .info-update-item .action-wishlist {
              background: #000000;
              height: 56px;
              display: flex;
              align-items: center;
              justify-content: space-between;
              border-radius: 4px; } }
          #update-items .wrapper-update .update-item .info-update-item .action-wishlist a {
            width: 49%;
            border: 1px solid #E8E8E8;
            border-radius: 4px;
            padding: 12px;
            text-align: center;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px; }
            @media (max-width: 991px) {
              #update-items .wrapper-update .update-item .info-update-item .action-wishlist a {
                border: none;
                color: #FFFFFF; } }
            @media (min-width: 992px) {
              #update-items .wrapper-update .update-item .info-update-item .action-wishlist a.buynow-update {
                background: #000000;
                color: #FFFFFF; } }
          @media (min-width: 992px) {
            #update-items .wrapper-update .update-item .info-update-item .action-wishlist span {
              display: none; } }
        #update-items .wrapper-update .update-item .info-update-item .action-update-2 {
          width: 100%; }
          #update-items .wrapper-update .update-item .info-update-item .action-update-2 a {
            width: 100%;
            border-radius: 4px;
            padding: 12px;
            text-align: center;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            background: #F8F8F8;
            display: block;
            pointer-events: none; }
  @media (max-width: 991px) {
    #update-items {
      visibility: hidden;
      opacity: 0;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      position: fixed;
      bottom: -100%;
      visibility: hidden;
      opacity: 0;
      z-index: 10;
      background: #FFFFFF;
      width: 100%;
      padding: 36px 20px 20px 20px;
      border-radius: 20px 20px 0 0;
      box-shadow: 0px -8px 32px rgba(0, 0, 0, 0.16); }
      #update-items:before {
        content: "";
        width: 28px;
        height: 2px;
        background: #D0D0D0;
        display: block;
        position: absolute;
        top: 15px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%); } }
  .show-update #update-items {
    bottom: 0;
    visibility: visible;
    opacity: 1; }

.style-owl-slider .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  font-size: 0 !important; }
  @media (max-width: 991px) {
    .style-owl-slider .owl-nav button {
      width: 40px;
      height: 40px;
      background: rgba(0, 0, 0, 0.6) !important;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; } }
  .style-owl-slider .owl-nav button svg {
    width: 30px;
    height: 58px; }
    @media (max-width: 991px) {
      .style-owl-slider .owl-nav button svg {
        width: 20px;
        height: 20px; } }
  .style-owl-slider .owl-nav button.disabled {
    opacity: 0.5; }
  .style-owl-slider .owl-nav button.owl-prev {
    left: 40px; }
    @media (max-width: 991px) {
      .style-owl-slider .owl-nav button.owl-prev {
        left: 15px; } }
    .page-lookbook .style-owl-slider .owl-nav button.owl-prev {
      left: -45px; }
      @media (max-width: 991px) {
        .page-lookbook .style-owl-slider .owl-nav button.owl-prev {
          left: 15px; } }
  .style-owl-slider .owl-nav button.owl-next {
    right: 40px; }
    @media (max-width: 991px) {
      .style-owl-slider .owl-nav button.owl-next {
        right: 15px; } }
    .page-lookbook .style-owl-slider .owl-nav button.owl-next {
      right: -45px; }
      @media (max-width: 991px) {
        .page-lookbook .style-owl-slider .owl-nav button.owl-next {
          right: 15px; } }

.style-dots .owl-dots {
  height: 3px;
  background: #E8E8E8;
  margin-top: 40px;
  display: flex;
  align-items: center; }
  .style-dots .owl-dots .owl-dot {
    height: 3px; }
    .style-dots .owl-dots .owl-dot.active {
      background: #000000; }

@media (max-width: 991px) {
  .style-dots.style-dots-mobile .owl-dots {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    bottom: -25px; }
    .style-dots.style-dots-mobile .owl-dots .owl-dot {
      width: 8px !important;
      height: 8px !important;
      background: #FFFFFF;
      border: 1px solid #000000;
      opacity: 0.24;
      margin: 0 3.5px;
      border-radius: 100%; }
      .style-dots.style-dots-mobile .owl-dots .owl-dot.active {
        background: #000000;
        border-color: #FFF;
        opacity: 1; } }

.style-dots-point .owl-dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .style-dots-point .owl-dots .owl-dot {
    width: 12px !important;
    height: 12px !important;
    background: #FFFFFF;
    border: 1px solid #000000;
    opacity: 0.24;
    margin: 0 3.5px;
    border-radius: 100%; }
    @media (max-width: 991px) {
      .style-dots-point .owl-dots .owl-dot {
        width: 8px !important;
        height: 8px !important; } }
    .style-dots-point .owl-dots .owl-dot.active {
      background: #000000;
      border-color: #FFF;
      opacity: 1; }

.style-dots-point-slider .owl-dots {
  display: flex; }
  @media (max-width: 991px) {
    .style-dots-point-slider .owl-dots {
      width: 90%; } }
  .style-dots-point-slider .owl-dots .owl-dot {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 14px 0 0;
    cursor: pointer; }
    @media (max-width: 991px) {
      .style-dots-point-slider .owl-dots .owl-dot {
        width: 100%;
        margin: 0; } }
    .style-dots-point-slider .owl-dots .owl-dot span {
      display: block;
      width: 10px;
      height: 10px;
      padding: 7px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
      @media (max-width: 991px) {
        .style-dots-point-slider .owl-dots .owl-dot span {
          width: 100%; } }
      .style-dots-point-slider .owl-dots .owl-dot span:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 10px;
        background: rgba(0, 0, 0, 0.3);
        background-color: rgba(255, 255, 255, 0.5);
        transition: width 0.2s,background-color 0.2s;
        border-radius: 10px; }
        @media (max-width: 991px) {
          .style-dots-point-slider .owl-dots .owl-dot span:before {
            border-radius: 0;
            height: 2px;
            background: #FFF;
            background-color: #FFF;
            top: 4px; } }
    .style-dots-point-slider .owl-dots .owl-dot.active span:before {
      background-color: #000; }

.style-dots-point-slider .main_slider_paging {
  display: flex;
  position: absolute;
  left: 140px;
  bottom: 182px;
  width: auto;
  text-align: center;
  height: 10px;
  align-items: center;
  color: #FFF; }
  @media (max-width: 991px) {
    .style-dots-point-slider .main_slider_paging {
      bottom: 35px;
      width: calc(100% - 30px);
      left: 15px;
      justify-content: space-between; } }
  .style-dots-point-slider .main_slider_paging em {
    font-style: normal; }
  @media (max-width: 991px) {
    .style-dots-point-slider .main_slider_paging .count {
      font-size: 11px; } }

.overflow-popup {
  display: none;
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3); }
  .show-update .overflow-popup {
    display: block; }

/* blog */
.main-blog .heading-blog h1 {
  font-size: 34px;
  line-height: 40.8px;
  font-weight: 600;
  margin: 0 0 48px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .main-blog .heading-blog h1 {
      font-size: 24px;
      line-height: 28.8px;
      margin: 0 0 8px 0; } }

.main-blog .wrap-blog {
  margin: 0 0 64px 0; }
  @media (max-width: 991px) {
    .main-blog .wrap-blog {
      margin: 0 0 56px 0; } }
  .main-blog .wrap-blog .wrap-blog-inner {
    display: flex;
    gap: 80px; }
    @media (max-width: 991px) {
      .main-blog .wrap-blog .wrap-blog-inner {
        flex-direction: column;
        gap: 0; } }
    .main-blog .wrap-blog .wrap-blog-inner .mobile-filter-blog {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin: 16px 0; }
      @media (min-width: 992px) {
        .main-blog .wrap-blog .wrap-blog-inner .mobile-filter-blog {
          display: none; } }
      .main-blog .wrap-blog .wrap-blog-inner .mobile-filter-blog .box-cate-mobile {
        border: 1px solid #C6CBD0;
        height: 44px;
        padding: 6px 16px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 70%; }
      .main-blog .wrap-blog .wrap-blog-inner .mobile-filter-blog .box-tag-mobile {
        width: 30%;
        background: #F7F8F9;
        height: 44px;
        padding: 12px 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px; }
    .main-blog .wrap-blog .wrap-blog-inner .list-blog {
      width: 70%; }
      @media (max-width: 991px) {
        .main-blog .wrap-blog .wrap-blog-inner .list-blog {
          width: 100%;
          margin: 32px 0 0 0; } }
      .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog {
        display: flex;
        flex-direction: column;
        gap: 32px; }
        @media (max-width: 991px) {
          .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog {
            gap: 24px; } }
        .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article {
          display: flex;
          align-items: center;
          gap: 56px; }
          @media (max-width: 991px) {
            .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article {
              flex-direction: column;
              gap: 24px; } }
          .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article {
            width: 70%;
            display: flex;
            flex-direction: column;
            gap: 16px; }
            @media (max-width: 991px) {
              .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article {
                width: 100%;
                order: 2;
                gap: 10px; } }
            @media (max-width: 991px) {
              .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .title-article {
                order: 1; } }
            .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .title-article a {
              font-size: 24px;
              line-height: 28.8px;
              font-weight: 500;
              text-transform: uppercase; }
              @media (max-width: 991px) {
                .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .title-article a {
                  font-size: 16px;
                  line-height: 20.8px;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  text-overflow: ellipsis;
                  overflow: hidden; } }
            .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .short-article {
              font-size: 16px;
              line-height: 20.8px;
              color: #868D95;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              overflow: hidden;
              text-overflow: ellipsis; }
              @media (max-width: 991px) {
                .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .short-article {
                  font-size: 14px;
                  line-height: 18.2px;
                  order: 3; } }
            .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .date-pub {
              font-size: 16px;
              line-height: 20.8px;
              color: #505459;
              font-weight: 500; }
              @media (max-width: 991px) {
                .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .date-pub {
                  font-size: 14px;
                  line-height: 18.2px;
                  order: 2; } }
            .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .view-item {
              margin: 14px 0 0 0;
              order: 4; }
              @media (min-width: 992px) {
                .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .view-item {
                  display: none; } }
              .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-info-article .view-item a {
                min-width: 160px;
                height: 40px;
                padding: 12px 40px;
                background: #E1E4E6;
                font-weight: 600;
                letter-spacing: 1px;
                text-transform: uppercase;
                display: inline-block; }
          .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-media-article {
            width: 30%; }
            @media (max-width: 991px) {
              .main-blog .wrap-blog .wrap-blog-inner .list-blog .list-inner-blog .item-article .box-media-article {
                width: 100%;
                order: 1; } }
      .main-blog .wrap-blog .wrap-blog-inner .list-blog .action-view-more {
        margin: 32px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 991px) {
          .main-blog .wrap-blog .wrap-blog-inner .list-blog .action-view-more {
            margin: 24px 0 0 0; } }
        .main-blog .wrap-blog .wrap-blog-inner .list-blog .action-view-more button {
          width: 240px;
          height: 48px;
          padding: 12px 40px;
          background: #1D1D1D;
          color: #FFFFFF;
          font-weight: 600;
          letter-spacing: 1px;
          text-transform: uppercase;
          display: flex;
          align-items: center;
          justify-content: center;
          border: none; }
          @media (max-width: 991px) {
            .main-blog .wrap-blog .wrap-blog-inner .list-blog .action-view-more button {
              width: 100%; } }
    .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog {
      width: 30%;
      display: flex;
      flex-direction: column;
      gap: 32px; }
      @media (max-width: 991px) {
        .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog {
          display: none; } }
      .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .heading-sidebar {
        font-size: 16px;
        line-height: 20.8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 600;
        text-transform: uppercase;
        cursor: pointer; }
        .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .heading-sidebar.open svg path:nth-child(2) {
          display: none; }
        .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .heading-sidebar.open ~ .content-sidebar {
          display: flex; }
      .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .content-sidebar {
        display: none;
        flex-direction: column;
        gap: 12px;
        margin: 16px 0 0 0; }
        .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .content-sidebar .item-category {
          position: relative; }
          .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .content-sidebar .item-category a span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: auto;
            height: 100px;
            color: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1;
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: 1px;
            text-transform: uppercase;
            text-align: center; }
          .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .content-sidebar .item-category a:after {
            content: "";
            width: 100%;
            height: 100%;
            background: rgba(42, 40, 40, 0.6);
            display: block;
            position: absolute;
            top: 0;
            left: 0; }
        .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .content-sidebar .tag-sidebar-blog {
          display: flex;
          flex-wrap: wrap;
          gap: 12px; }
          .main-blog .wrap-blog .wrap-blog-inner .sidebar-blog .item-sidebar .content-sidebar .tag-sidebar-blog li a {
            padding: 4px 12px;
            background: #F7F8F9;
            display: block;
            color: #505459;
            font-weight: 500; }

.modal-filter {
  position: fixed;
  top: 0;
  bottom: -100%;
  width: 100%;
  transition: 0.3s all;
  z-index: 9999;
  display: flex;
  align-items: end;
  visibility: hidden;
  opacity: 0;
  pointer-events: none; }
  .modal-filter.isOpen {
    bottom: 0;
    visibility: visible;
    opacity: 1;
    pointer-events: all; }
    .modal-filter.isOpen .overflow-modal-filter {
      visibility: visible;
      opacity: 1; }
  .modal-filter .inner-modal-filter {
    position: relative;
    z-index: 13;
    background: #FFFFFF;
    width: 100%;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05); }
    .modal-filter .inner-modal-filter .items-filter:not(.isShow) {
      display: none; }
    .modal-filter .inner-modal-filter .items-filter .heading-filter {
      border-bottom: 1px solid #F7F8F9;
      display: flex;
      padding: 16px;
      align-items: center;
      justify-content: center;
      position: relative; }
      .modal-filter .inner-modal-filter .items-filter .heading-filter .text-heading {
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase; }
      .modal-filter .inner-modal-filter .items-filter .heading-filter .close-modal {
        position: absolute;
        right: 16px; }
      .modal-filter .inner-modal-filter .items-filter .heading-filter.filter-tag {
        border-bottom: 1px solid #F7F8F9;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05); }
    .modal-filter .inner-modal-filter .items-filter .content-filter.filter-cate ul li a {
      display: block;
      padding: 16px;
      font-weight: 500;
      letter-spacing: 0.14px;
      text-transform: uppercase;
      text-align: center; }
    .modal-filter .inner-modal-filter .items-filter .content-filter.filter-cate ul li ~ li a {
      border-top: 1px solid #F7F8F9; }
    .modal-filter .inner-modal-filter .items-filter .content-filter.filter-tag {
      padding: 24px 16px; }
      .modal-filter .inner-modal-filter .items-filter .content-filter.filter-tag ul {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 12px; }
        .modal-filter .inner-modal-filter .items-filter .content-filter.filter-tag ul li a {
          padding: 4px 12px;
          background: #F7F8F9;
          display: flex;
          align-items: center;
          gap: 8px; }
  .modal-filter .overflow-modal-filter {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    z-index: 12; }

/* article */
.main-article .heading-article {
  padding: 0; }
  .main-article .heading-article h1 {
    font-size: 34px;
    line-height: 40.8px;
    font-weight: 600;
    margin: 0 0 24px 0;
    text-align: center; }
    @media (max-width: 991px) {
      .main-article .heading-article h1 {
        font-size: 24px;
        line-height: 28.8px;
        margin: 0 0 16px 0; } }

.main-article .content-article {
  margin: 0 0 40px 0; }
  .main-article .content-article .time-author-article {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #868D95;
    font-size: 16px;
    line-height: 20.8px;
    margin: 0 0 24px 0; }
    @media (max-width: 991px) {
      .main-article .content-article .time-author-article {
        font-size: 14px;
        line-height: 18.2px;
        margin: 0 0 16px 0; } }
    .main-article .content-article .time-author-article .author-items {
      margin: 0 0 0 16px;
      padding: 0 0 0 16px;
      border-left: 1px solid #C6CBD0; }
  .main-article .content-article .wrap-content-article {
    width: 100%;
    max-width: 960px;
    margin: 48px auto 0 auto; }
    @media (max-width: 991px) {
      .main-article .content-article .wrap-content-article {
        margin: 32px auto 0 auto; } }

.main-article .faq-article .box-faq {
  width: 100%;
  max-width: 960px;
  margin: 32px auto 0 auto;
  border: 1px solid #C6CBD0;
  padding: 24px;
  background: #F7F8F9; }
  @media (max-width: 991px) {
    .main-article .faq-article .box-faq {
      margin: 24px auto 0 auto; } }
  .main-article .faq-article .box-faq .head-faq {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 16px 0; }
  .main-article .faq-article .box-faq .list-faq .items-faq .title-faq {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 20.8px;
    font-weight: 600; }
    @media (max-width: 991px) {
      .main-article .faq-article .box-faq .list-faq .items-faq .title-faq {
        font-size: 14px;
        line-height: 18.2px; } }
    .main-article .faq-article .box-faq .list-faq .items-faq .title-faq.isOpen svg path:nth-child(2) {
      display: none; }
    .main-article .faq-article .box-faq .list-faq .items-faq .title-faq.isOpen ~ .text-faq {
      display: block; }
  .main-article .faq-article .box-faq .list-faq .items-faq .text-faq {
    display: none;
    font-size: 16px;
    line-height: 20.8px;
    padding: 0 0 8px 25px;
    color: #505459; }
    @media (max-width: 991px) {
      .main-article .faq-article .box-faq .list-faq .items-faq .text-faq {
        font-size: 14px;
        line-height: 18.2px; } }

.main-article .faq-article .text-more-faq {
  margin: 32px auto 0 auto;
  width: 100%;
  max-width: 960px; }
  @media (max-width: 991px) {
    .main-article .faq-article .text-more-faq {
      margin: 24px auto 0 auto; } }

.main-article .bottom-article .wrap-inner-bottom {
  width: 100%;
  max-width: 960px;
  margin: 48px auto;
  padding: 48px 0 0 0;
  border-top: 1px solid #C6CBD0; }
  @media (max-width: 991px) {
    .main-article .bottom-article .wrap-inner-bottom {
      margin: 40px auto 0 auto;
      padding: 40px 0 0 0; } }
  .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px; }
    @media (max-width: 991px) {
      .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom {
        flex-direction: column; } }
    .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom .tag-bottom {
      width: 50%; }
      @media (max-width: 991px) {
        .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom .tag-bottom {
          width: 100%; } }
      .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom .tag-bottom ul {
        display: flex;
        gap: 8px; }
        .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom .tag-bottom ul li a {
          padding: 4px 12px;
          background: #F7F8F9;
          display: block;
          color: #505459;
          font-weight: 500; }
    .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom .social-bottom {
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: end;
      gap: 16px; }
      @media (max-width: 991px) {
        .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom .social-bottom {
          display: none; } }
      .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom .social-bottom label {
        font-size: 16px;
        line-height: 20.8px;
        color: #868D95; }
      .main-article .bottom-article .wrap-inner-bottom .tag-social-bottom .social-bottom ul {
        display: flex;
        align-items: center;
        gap: 16px; }
  .main-article .bottom-article .wrap-inner-bottom .prev-next-article {
    margin: 24px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main-article .bottom-article .wrap-inner-bottom .prev-next-article > div {
      display: flex;
      flex-direction: column;
      gap: 6px; }
      @media (max-width: 991px) {
        .main-article .bottom-article .wrap-inner-bottom .prev-next-article > div {
          width: 48%;
          display: inline; } }
      .main-article .bottom-article .wrap-inner-bottom .prev-next-article > div label {
        color: #C6CBD0; }
      .main-article .bottom-article .wrap-inner-bottom .prev-next-article > div a {
        font-weight: 500; }
        @media (max-width: 991px) {
          .main-article .bottom-article .wrap-inner-bottom .prev-next-article > div a {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; } }
      .main-article .bottom-article .wrap-inner-bottom .prev-next-article > div.next-article {
        align-items: end; }
      .main-article .bottom-article .wrap-inner-bottom .prev-next-article > div.prev-article {
        align-items: start; }

.main-article .relates-article .wrap-relates {
  width: 100%;
  max-width: 960px;
  margin: 48px auto 64px auto;
  padding: 48px 0 0 0;
  border-top: 1px solid #C6CBD0; }
  @media (max-width: 991px) {
    .main-article .relates-article .wrap-relates {
      margin: 40px auto 56px auto;
      padding: 40px 0 0 0; } }
  .main-article .relates-article .wrap-relates .heading-relates {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 32px 0; }
  .main-article .relates-article .wrap-relates .content-relates {
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 64px) / 3);
    overflow-x: auto;
    grid-template-columns: unset;
    gap: 32px;
    display: grid;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    @media (max-width: 991px) {
      .main-article .relates-article .wrap-relates .content-relates {
        grid-auto-columns: calc((100% - 16px) / 1.5);
        gap: 16px; } }
    .main-article .relates-article .wrap-relates .content-relates .article-item .box-info {
      white-space: normal; }
      @media (max-width: 991px) {
        .main-article .relates-article .wrap-relates .content-relates .article-item .box-info {
          display: flex;
          flex-direction: column; } }
    .main-article .relates-article .wrap-relates .content-relates .article-item .text-article {
      font-size: 16px;
      line-height: 20.8px;
      margin: 24px 0 0 0;
      font-weight: 600;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        .main-article .relates-article .wrap-relates .content-relates .article-item .text-article {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          order: 1; } }
    .main-article .relates-article .wrap-relates .content-relates .article-item .short-article {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 10px 0;
      color: #868D95; }
      @media (max-width: 991px) {
        .main-article .relates-article .wrap-relates .content-relates .article-item .short-article {
          order: 3;
          margin: 0; } }
    .main-article .relates-article .wrap-relates .content-relates .article-item .date-pub {
      color: #505459; }
      @media (max-width: 991px) {
        .main-article .relates-article .wrap-relates .content-relates .article-item .date-pub {
          order: 2;
          margin: 10px 0; } }

.paginate-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 20px; }
  .paginate-wrapper #pagination {
    display: flex;
    align-items: center;
    gap: 8px; }
    .paginate-wrapper #pagination .item-pagi {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 6px;
      font-size: 16px;
      font-weight: bold;
      color: #2E2E2E;
      cursor: pointer;
      transition: background-color 0.3s ease, color 0.3s ease; }
      .paginate-wrapper #pagination .item-pagi:hover {
        background-color: #F0F0F0; }
      .paginate-wrapper #pagination .item-pagi.active {
        background-color: #2E2E2E;
        color: #FFFFFF; }
      .paginate-wrapper #pagination .item-pagi.disabled {
        color: #868D95;
        cursor: not-allowed; }
    .paginate-wrapper #pagination .pagi-prev,
    .paginate-wrapper #pagination .pagi-next {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 6px;
      background-color: transparent;
      cursor: pointer;
      transition: background-color 0.3s ease; }
      .paginate-wrapper #pagination .pagi-prev svg,
      .paginate-wrapper #pagination .pagi-next svg {
        transition: stroke 0.3s ease; }
      .paginate-wrapper #pagination .pagi-prev:hover,
      .paginate-wrapper #pagination .pagi-next:hover {
        background-color: #F0F0F0; }
    .paginate-wrapper #pagination .pagi-prev.disabled,
    .paginate-wrapper #pagination .pagi-next.disabled {
      cursor: not-allowed;
      opacity: 0.5; }

#page-faq {
  padding: 50px 0; }
  #page-faq .heading-faq h1 {
    font-size: 24px;
    margin: 0 0 30px 0;
    border-bottom: 2px solid black;
    padding: 0 0 10px 0; }
  #page-faq .content-faq .list-faq .item-faq {
    cursor: pointer; }
    #page-faq .content-faq .list-faq .item-faq ~ .item-faq {
      border-top: 1px solid #FFF; }
    #page-faq .content-faq .list-faq .item-faq .title-faq-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #e5e5e5;
      padding: 10px; }
      #page-faq .content-faq .list-faq .item-faq .title-faq-item img {
        width: 20px; }
      #page-faq .content-faq .list-faq .item-faq .title-faq-item.isOpen img {
        transform: rotate(180deg); }
    #page-faq .content-faq .list-faq .item-faq .content-faq-item {
      display: none;
      margin: 15px 15px 30px 15px; }

/* footer */
#main-footer {
  background: #1D1D1D;
  padding: 40px 0 0 0; }
  .template-product #main-footer {
    padding-bottom: 90px; }
    @media (max-width: 991px) {
      .template-product #main-footer {
        padding-bottom: 60px; } }
  @media (max-width: 991px) {
    #main-footer {
      padding: 24px 0 0 0; } }
  #main-footer .warpper-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0 32px; }
    @media (max-width: 991px) {
      #main-footer .warpper-footer {
        gap: 0;
        flex-direction: column; } }
  #main-footer .column-footer {
    width: calc(25% - 26px);
    /*&:nth-child(4){
			width: calc(40% - 64px);
			@media(max-width: 991px){
				width: 100%;
			}
			ul {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				@media(max-width: 991px){
					display: none;
					
				}
			}
		}*/ }
    @media (max-width: 991px) {
      #main-footer .column-footer {
        width: 100%; } }
    #main-footer .column-footer .head-footer-column {
      color: #FFFFFF;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 24px;
      padding-bottom: 24px;
      border-bottom: 1px solid #505459; }
      @media (max-width: 991px) {
        #main-footer .column-footer .head-footer-column {
          margin-bottom: 0;
          padding-bottom: 0;
          padding: 12px 0;
          border-bottom: 1px solid #505459;
          display: flex;
          align-items: center;
          position: relative; }
          #main-footer .column-footer .head-footer-column.isOpen ~ ul {
            display: flex; }
          #main-footer .column-footer .head-footer-column.isOpen img {
            transform: rotate(180deg); } }
      #main-footer .column-footer .head-footer-column img {
        position: absolute;
        right: 0; }
        @media (min-width: 992px) {
          #main-footer .column-footer .head-footer-column img {
            display: none; } }
    #main-footer .column-footer .head-link a {
      color: #FFFFFF;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-size: 13px; }
      @media (max-width: 991px) {
        #main-footer .column-footer .head-link a {
          padding: 12px 0;
          border-bottom: 1px solid #505459;
          display: block;
          text-align: center; } }
    #main-footer .column-footer > ul {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      @media (max-width: 991px) {
        #main-footer .column-footer > ul {
          display: none;
          margin: 16px 0; } }
      #main-footer .column-footer > ul li a {
        color: #FFFFFF; }
    @media (max-width: 991px) {
      #main-footer .column-footer.column-social {
        display: none; } }
    #main-footer .column-footer .social-icon {
      display: flex;
      align-items: center;
      gap: 8px; }
      #main-footer .column-footer .social-icon div a svg {
        width: 20px;
        height: 20px; }
        #main-footer .column-footer .social-icon div a svg.icon-zalo {
          width: 26px;
          height: 26px; }
        #main-footer .column-footer .social-icon div a svg path {
          fill: #fff; }
  #main-footer .social-footer-mobile {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 992px) {
      #main-footer .social-footer-mobile {
        display: none; } }
  #main-footer .social-footer ul {
    display: flex;
    align-items: center;
    gap: 16px; }
  #main-footer .payment-footer-mobile {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (min-width: 992px) {
      #main-footer .payment-footer-mobile {
        display: none; } }
  #main-footer .payment-footer {
    margin: 24px 0 0 0; }
    @media (max-width: 991px) {
      #main-footer .payment-footer {
        width: 100%;
        margin: 24px 0; } }
    #main-footer .payment-footer ul {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      gap: 8px; }
      @media (max-width: 991px) {
        #main-footer .payment-footer ul {
          grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
      #main-footer .payment-footer ul li {
        width: auto;
        height: 30px;
        background: #FFFFFF;
        border: 1px solid #C6CBD0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px; }
        #main-footer .payment-footer ul li img {
          max-width: 30px;
          height: auto; }
  #main-footer .language-footer {
    margin: 24px 0 0 0; }
    #main-footer .language-footer .item-language {
      display: flex;
      align-items: center;
      gap: 12px; }
      #main-footer .language-footer .item-language ~ .item-language {
        display: none; }
      #main-footer .language-footer .item-language span {
        color: #E1E4E6;
        display: flex;
        gap: 4px; }
  #main-footer .logo-bct-footer {
    margin: 100px 0 0 0;
    width: 100%;
    text-align: right; }
    @media (max-width: 991px) {
      #main-footer .logo-bct-footer {
        text-align: center;
        width: 40%;
        margin: 15px auto 0 auto; } }
    #main-footer .logo-bct-footer a img {
      width: 100%;
      height: 100%;
      max-width: 180px; }
  #main-footer .copyright-footer {
    padding: 12px 0;
    border-top: 1px solid #505459;
    margin-top: 56px; }
    @media (max-width: 991px) {
      #main-footer .copyright-footer {
        margin-top: 0;
        border-top: 0;
        padding: 16px 0 24px 0; } }
    #main-footer .copyright-footer .text-footer-copyright-mobile {
      color: white;
      text-align: center;
      font-size: 12px;
      line-height: 15.6px; }
      @media (min-width: 992px) {
        #main-footer .copyright-footer .text-footer-copyright-mobile {
          display: none; } }
    #main-footer .copyright-footer .text-footer-copyright {
      color: white;
      text-align: center;
      font-size: 12px;
      line-height: 15.6px; }
      @media (max-width: 991px) {
        #main-footer .copyright-footer .text-footer-copyright {
          display: none; } }
      #main-footer .copyright-footer .text-footer-copyright a {
        color: white; }

#modal-quickview {
  max-width: 856px;
  padding: 46px;
  width: 100%; }
  @media (max-width: 991px) {
    #modal-quickview {
      max-width: none;
      padding: 15px;
      width: 95%; } }
  #modal-quickview .wrap-modal .wrap-detail {
    display: flex; }
    @media (max-width: 991px) {
      #modal-quickview .wrap-modal .wrap-detail {
        flex-direction: column; } }
    #modal-quickview .wrap-modal .wrap-detail .column-gallery {
      width: 50%;
      display: flex; }
      @media (max-width: 991px) {
        #modal-quickview .wrap-modal .wrap-detail .column-gallery {
          width: 100%; } }
      #modal-quickview .wrap-modal .wrap-detail .column-gallery .column-large {
        width: 100%; }
      @media (max-width: 991px) {
        #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large {
          padding-bottom: 5px; } }
      #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large:not(.swiper-initialized) .swiper-wrapper {
        white-space: nowrap;
        grid-auto-flow: column;
        grid-auto-columns: 100%;
        overflow-x: auto;
        grid-template-columns: unset;
        display: grid;
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none; }
      #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-slide .box-large {
        background: #fff;
        cursor: pointer;
        position: relative;
        display: block;
        padding-bottom: calc(100%* 1360 / 1100); }
        #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-slide .box-large img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 1100 / 1360;
          width: 100%;
          height: 100%; }
      #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-button-next {
        background: url(https://file.hstatic.net/200000959085/file/arrow-right.png);
        background-size: 100% 100%;
        opacity: 0;
        transition: all .3s; }
        @media (max-width: 991px) {
          #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-button-next {
            opacity: 1; } }
        #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-button-next:after {
          display: none; }
      #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-button-prev {
        background: url(https://file.hstatic.net/200000959085/file/arrow-left.png);
        background-size: 100% 100%;
        opacity: 0;
        transition: all .3s; }
        @media (max-width: 991px) {
          #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-button-prev {
            opacity: 1; } }
        #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-button-prev:after {
          display: none; }
      #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large:hover .swiper-button-next, #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large:hover .swiper-button-prev {
        opacity: 1; }
      #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-scrollbar {
        display: none; }
        @media (max-width: 991px) {
          #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-scrollbar {
            display: block;
            bottom: 1px !important;
            opacity: 1 !important;
            width: 100%;
            height: 2px;
            left: 0;
            background-color: transparent; }
            #modal-quickview .wrap-modal .wrap-detail .column-gallery .slider-large .swiper-scrollbar .swiper-scrollbar-drag {
              background-color: #999; } }
    #modal-quickview .wrap-modal .wrap-detail .column-info {
      width: 50%;
      padding-left: 46px; }
      @media (max-width: 991px) {
        #modal-quickview .wrap-modal .wrap-detail .column-info {
          width: 100%;
          padding-left: 0;
          margin-top: 15px; } }
      #modal-quickview .wrap-modal .wrap-detail .column-info .s-info {
        display: flex;
        justify-content: space-between;
        gap: 15px;
        margin: 0 0 0 0; }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-info h2 {
          font-size: 16px;
          line-height: 23px;
          margin: 0;
          font-weight: 400; }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-info .wishlist-pro button {
          width: 30px;
          height: 30px;
          border: none;
          outline: none;
          box-shadow: none;
          background: transparent;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 4px;
          cursor: pointer; }
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-info .wishlist-pro button.in-wishlist {
            background: #000; }
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-info .wishlist-pro button.in-wishlist svg path {
              fill: #ffffff; }
      #modal-quickview .wrap-modal .wrap-detail .column-info .s-price {
        display: flex;
        align-items: center;
        gap: 6px;
        margin: 0 0 20px 0; }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-price span {
          font-size: 18px; }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-price del {
          color: #878787; }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-price .label-sale {
          padding: 2px 10px;
          background: #2E2E2E;
          color: #FFFFFF;
          font-size: 12px;
          font-weight: 700;
          line-height: 15.6px; }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-price.on_sale span {
          color: #ef3b9c; }
      #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .h-variant-color {
        font-size: 12px;
        line-height: 17px;
        margin: 10px 0;
        text-transform: uppercase; }
      #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-color {
        display: flex;
        gap: 15px;
        margin: 0 0 30px 0;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: auto; }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-color .item-color {
          order: 2; }
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-color .item-color.current {
            order: 1; }
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-color .item-color input {
            display: none; }
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-color .item-color input:checked ~ label {
              border: 1px solid #000; }
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-color .item-color label {
            border: 1px solid #ddd;
            background: #fff;
            cursor: pointer;
            position: relative;
            display: block;
            padding-bottom: calc(100% * 1360 / 1100); }
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-color .item-color label img {
              position: absolute;
              left: 0;
              top: 0;
              aspect-ratio: 1100 / 1360;
              width: 100%;
              height: 100%;
              padding: 3px; }
      #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size {
        position: relative;
        margin: 0 0 30px 0; }
        @media (max-width: 991px) {
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size {
            width: 100%;
            order: 1;
            margin: 0; } }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size {
          display: flex;
          width: 100%;
          justify-content: space-between;
          height: 40px;
          line-height: 30px;
          padding: 0 10px;
          border: 1px solid #121212;
          align-items: center;
          color: #222;
          cursor: pointer;
          position: relative;
          background: #f8f8f8;
          display: none; }
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size:after {
            content: "";
            width: 8px;
            height: 8px;
            transition: all .3s ease;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            display: inline-block;
            transition: all .1s ease-in-out;
            position: absolute;
            top: 56%;
            right: 10px;
            transform: translateY(-50%) rotate(45deg);
            margin-top: -5px; }
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size.opened:after {
            transform: translateY(-50%) rotate(-135deg);
            margin-top: 0; }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .label-head-size {
          margin: 0 0 10px 0;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          @media (max-width: 991px) {
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .label-head-size {
              margin: 0 0 5px 0; } }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size-content {
          display: flex;
          gap: 8px; }
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size {
            cursor: pointer;
            position: relative;
            overflow: hidden; }
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size input {
              display: none; }
              #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size input:checked ~ label {
                border-color: black;
                background: black;
                color: #fff; }
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size label {
              width: 40px;
              height: 40px;
              display: flex;
              align-items: center;
              justify-content: center;
              background: #fff;
              border: 1px solid #e4dddd;
              cursor: pointer; }
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size.sold_out {
              opacity: 0.4;
              cursor: not-allowed; }
              #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .w-variant-size .select-size-content .item-size.sold_out label:before {
                content: "";
                width: 65px;
                height: 1px;
                background: #C6CBD0;
                display: block;
                transform: rotate(46deg);
                position: absolute;
                top: 18px;
                left: -13px; }
      #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .wrap-quantity {
        margin: 15px 0; }
      #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .b-action {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin: 0 0 80px 0; }
        @media (max-width: 991px) {
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .b-action {
            width: 100%;
            margin: 0;
            order: 4; } }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .b-action a {
          color: #ffffff;
          border: 1px solid #333;
          background-color: #333;
          padding: 4px 20px;
          height: 42px;
          vertical-align: top;
          line-height: 22px;
          text-transform: uppercase;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          @media (max-width: 991px) {
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .b-action a {
              padding: 7px 10px; } }
        #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .b-action button {
          color: #333;
          border: 1px solid #333;
          background-color: transparent;
          padding: 4px 20px;
          height: 40px;
          vertical-align: top;
          line-height: 22px;
          text-transform: uppercase;
          width: 100%; }
          @media (max-width: 991px) {
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .b-action button {
              padding: 7px 10px; } }
          @media (max-width: 991px) {
            #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .b-action button.addtocart-detail {
              background: #000000;
              color: #ffffff; } }
          #modal-quickview .wrap-modal .wrap-detail .column-info .s-variant .b-action button.addtocart-payment-quickview {
            background: #ffc43a;
            border-color: #ffc43a; }

#wrap-esg img {
  width: 100%; }

#fancybox-newsletter {
  width: 980px;
  padding: 0; }
  #fancybox-newsletter .inner {
    display: flex;
    align-items: center; }
    @media (max-width: 991px) {
      #fancybox-newsletter .inner {
        flex-direction: column; } }
    #fancybox-newsletter .inner .box-img {
      width: 100%; }
    #fancybox-newsletter .inner img {
      width: 100%; }
    #fancybox-newsletter .inner .form-newsletter {
      padding: 25px 100px 0;
      width: calc(100% - 387px); }
      @media (max-width: 991px) {
        #fancybox-newsletter .inner .form-newsletter {
          width: 100%;
          padding: 25px; } }
      #fancybox-newsletter .inner .form-newsletter .des-newsletter {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
        color: #878787;
        text-align: center; }
      #fancybox-newsletter .inner .form-newsletter #newsletter-modal {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 220px;
        margin: 0 auto 45px auto; }
        #fancybox-newsletter .inner .form-newsletter #newsletter-modal input {
          height: 40px;
          border: 1px solid #878787;
          text-align: center;
          outline: none;
          box-shadow: none; }
        #fancybox-newsletter .inner .form-newsletter #newsletter-modal button {
          background: #171A2D;
          border: none;
          height: 40px;
          color: #fff;
          text-transform: uppercase;
          box-shadow: none;
          outline: none; }
      #fancybox-newsletter .inner .form-newsletter .note-newsletter {
        font-size: 12px;
        width: 210px;
        margin: 0 auto;
        line-height: 1.5;
        color: #878787;
        text-align: center; }

.messenger-fb {
  position: fixed;
  bottom: 50px;
  right: 20px; }
  .messenger-fb img {
    width: 60px; }

#tracking-page {
  padding-bottom: 30px;
  padding-top: 0px; }
  #tracking-page .banner-home {
    margin-bottom: 40px; }
  #tracking-page .order-tracking {
    margin: 10px 20px; }
    #tracking-page .order-tracking .ort-block-circle span {
      background: #d1d1d1; }
    #tracking-page .order-tracking .ort-block.active .ort-block-circle span {
      background: #0fef78; }
    #tracking-page .order-tracking .ort-block.active.canceled .ort-block-circle span {
      background: none; }
  #tracking-page .order-tracking .order-tracking-title {
    font-size: 14px;
    font-weight: 600;
    margin-top: 30px; }
  #tracking-page .order-tracking .order-tracking-wrap {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      #tracking-page .order-tracking .order-tracking-wrap {
        overflow-x: scroll;
        padding-bottom: 10px; } }
    #tracking-page .order-tracking .order-tracking-wrap:before {
      content: '';
      position: absolute;
      bottom: 19px;
      left: 0;
      right: 0;
      border-top: 1px solid #777;
      z-index: 1;
      display: none; }
    #tracking-page .order-tracking .order-tracking-wrap .ort-block {
      position: relative;
      z-index: 2;
      width: 100%; }
      #tracking-page .order-tracking .order-tracking-wrap .ort-block:before {
        content: '';
        position: absolute;
        right: 0px;
        top: 73%;
        width: 20px;
        border-bottom: 1px solid #777; }
      #tracking-page .order-tracking .order-tracking-wrap .ort-block:after {
        content: '';
        position: absolute;
        right: 0px;
        top: 66%;
        width: 12px;
        height: 12px;
        display: inline-block;
        border-right: 1px solid #777;
        border-bottom: 1px solid #777;
        transform: rotate(-45deg) translateY(-1px); }
      #tracking-page .order-tracking .order-tracking-wrap .ort-block:last-child:after, #tracking-page .order-tracking .order-tracking-wrap .ort-block:last-child:before {
        display: none; }
      @media (max-width: 767px) {
        #tracking-page .order-tracking .order-tracking-wrap .ort-block {
          min-width: 140px;
          padding: 0 1px; }
          #tracking-page .order-tracking .order-tracking-wrap .ort-block .ort-block-title {
            height: 20px; } }
      #tracking-page .order-tracking .order-tracking-wrap .ort-block.active .ort-block-circle span {
        background: #0fef78; }
      #tracking-page .order-tracking .order-tracking-wrap .ort-block.active.refunded .ort-block-circle span {
        background-color: none;
        background-size: contain !important; }
      #tracking-page .order-tracking .order-tracking-wrap .ort-block.active.canceled {
        background: none; }
        #tracking-page .order-tracking .order-tracking-wrap .ort-block.active.canceled .ort-block-circle span {
          background: none;
          position: relative; }
          #tracking-page .order-tracking .order-tracking-wrap .ort-block.active.canceled .ort-block-circle span:before {
            content: '';
            height: 30px;
            width: 3px;
            background: #ff3a3a;
            display: inline-block;
            position: absolute;
            top: 0;
            left: 50%;
            transform: rotate(45deg); }
          #tracking-page .order-tracking .order-tracking-wrap .ort-block.active.canceled .ort-block-circle span:after {
            content: '';
            height: 30px;
            width: 3px;
            background: #ff3a3a;
            display: inline-block;
            position: absolute;
            top: 0;
            left: 50%;
            transform: rotate(-45deg); }
      #tracking-page .order-tracking .order-tracking-wrap .ort-block .ort-block-title {
        text-align: center; }
      #tracking-page .order-tracking .order-tracking-wrap .ort-block .ort-block-circle {
        margin-top: 20px;
        padding: 0 10px;
        text-align: center; }
        #tracking-page .order-tracking .order-tracking-wrap .ort-block .ort-block-circle span {
          display: inline-block;
          width: 30px;
          height: 30px;
          border-radius: 30px;
          background: #a6a6a6; }
    #tracking-page .order-tracking .order-tracking-wrap.canceled {
      justify-content: center; }
      #tracking-page .order-tracking .order-tracking-wrap.canceled:before {
        display: none; }
      #tracking-page .order-tracking .order-tracking-wrap.canceled .ort-block .ort-block-circle span {
        background: #6c6c6c; }
  #tracking-page table tr td:first-child, #tracking-page table tr th:first-child, #tracking-page table tr td:last-child, #tracking-page table tr th:last-child {
    padding-left: 8px; }
  #tracking-page .tracking-page-x {
    padding: 80px 0; }
    @media (max-width: 767px) {
      #tracking-page .tracking-page-x {
        padding: 45px 0px; } }
  #tracking-page h1 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    color: #222;
    margin-bottom: 50px;
    text-transform: uppercase; }
  #tracking-page .form-control {
    box-shadow: none;
    border-radius: 2px; }
  #tracking-page .title-desc {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: normal; }
  #tracking-page .or_styles {
    line-height: 32px;
    font-size: 14px; }
  #tracking-page #search_order_tracking {
    background: #222;
    color: #fff;
    margin-top: 40px;
    padding: 6px 40px 4px;
    border-radius: 2px;
    outline: 0; }
  #tracking-page #search_order_tracking:hover {
    background: #222; }
  #tracking-page .tracking-detail {
    margin-top: 30px; }
    #tracking-page .tracking-detail .box {
      border: 1px solid #e1e1e1;
      margin-bottom: 45px; }
      #tracking-page .tracking-detail .box.open .hide-item-detail {
        display: inline-block !important; }
      #tracking-page .tracking-detail .box.open .show-item-detail {
        display: none !important; }
      #tracking-page .tracking-detail .box.open .tracking-item .table-responsive {
        display: block; }
    #tracking-page .tracking-detail .tracking-head {
      background: #f9f9f9;
      cursor: pointer;
      overflow: hidden; }
      @media (max-width: 767px) {
        #tracking-page .tracking-detail .tracking-head {
          display: flex;
          flex-wrap: wrap; }
          #tracking-page .tracking-detail .tracking-head li {
            width: 50% !important; } }
      #tracking-page .tracking-detail .tracking-head li {
        list-style: none;
        float: left;
        display: inline-block;
        width: calc(25% - 1px);
        text-align: center;
        padding: 8px 3px; }
      #tracking-page .tracking-detail .tracking-head .tracking_name {
        font-weight: bold; }
    #tracking-page .tracking-detail .tracking-item {
      padding: 0 15px; }
      #tracking-page .tracking-detail .tracking-item .item-ac {
        margin-bottom: 10px; }
        #tracking-page .tracking-detail .tracking-item .item-ac .hide-item-detail {
          display: none;
          cursor: pointer;
          font-weight: bold; }
        #tracking-page .tracking-detail .tracking-item .item-ac .show-item-detail {
          display: inline-block;
          cursor: pointer;
          font-weight: bold; }
      #tracking-page .tracking-detail .tracking-item .table-responsive {
        display: none; }
      #tracking-page .tracking-detail .tracking-item thead {
        background: #fbfbfb; }
        #tracking-page .tracking-detail .tracking-item thead th {
          border-bottom-width: 1px; }
      #tracking-page .tracking-detail .tracking-item td {
        min-width: 100px;
        padding: 12px 10px; }
      #tracking-page .tracking-detail .tracking-item .tab_img img, #tracking-page .tracking-detail .tracking-item .tab_img > p {
        display: inline-block;
        float: left; }
      #tracking-page .tracking-detail .tracking-item .tab_img > p {
        padding-left: 15px;
        margin: 0;
        line-height: 1.4; }
      #tracking-page .tracking-detail .tracking-item .tab_img > p > span {
        display: block;
        font-weight: 600;
        font-size: 12px; }
      #tracking-page .tracking-detail .tracking-item .tab_img > p > a {
        display: inline-block;
        font-size: 13px;
        color: #000; }
      #tracking-page .tracking-detail .tracking-item .total {
        font-weight: bold; }
      #tracking-page .tracking-detail .tracking-item tfoot td {
        text-align: right; }
    #tracking-page .tracking-detail .step-container {
      display: block;
      padding: 20px 0 10px; }
      #tracking-page .tracking-detail .step-container .step-w {
        display: inline-block;
        width: 25%;
        float: left;
        position: relative; }
        #tracking-page .tracking-detail .step-container .step-w:after {
          content: '';
          position: absolute;
          top: 19px;
          border-top: 2px solid #333;
          left: calc(50% + 19px);
          right: -50%; }
        #tracking-page .tracking-detail .step-container .step-w:last-child:after {
          display: none; }
        #tracking-page .tracking-detail .step-container .step-w.active:after {
          border-top: 2px solid #333; }
        #tracking-page .tracking-detail .step-container .step-w.active .step-ico {
          background: #333; }
        #tracking-page .tracking-detail .step-container .step-w.cancelled {
          display: block;
          margin: 0 auto;
          float: none; }
        #tracking-page .tracking-detail .step-container .step-w .step-ico {
          display: block;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background: #333;
          margin: 0 auto 10px;
          font-size: 20px;
          color: #fff;
          text-align: center;
          line-height: 40px; }
        #tracking-page .tracking-detail .step-container .step-w span {
          display: block;
          text-align: center;
          font-weight: bold; }
        #tracking-page .tracking-detail .step-container .step-w .step-time {
          font-weight: normal;
          font-size: 12px; }
  #tracking-page .box-tracking-orders {
    margin-bottom: 20px; }

#scrollToTop {
  position: fixed;
  bottom: 120px;
  right: 20px;
  padding: 10px 15px;
  background-color: #fff;
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  width: 60px;
  height: 60px;
  border: 1px solid #cacaca;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9; }
  #scrollToTop.isShow {
    opacity: 1;
    visibility: visible; }

.wrap-quantity {
  width: 100%; }
  .wrap-quantity .quantity-control {
    display: inline-flex;
    align-items: center;
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
    .wrap-quantity .quantity-control button {
      width: 40px;
      height: 40px;
      background-color: #fff;
      border: none;
      color: #333;
      cursor: pointer;
      transition: background-color 0.2s ease;
      border-radius: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .wrap-quantity .quantity-control button svg {
        width: 16px;
        height: 16px; }
    .wrap-quantity .quantity-control .quantity-input {
      width: 60px;
      height: 40px;
      text-align: center;
      border: none;
      background: transparent;
      font-size: 14px;
      font-weight: 500;
      color: #333;
      border-radius: 0; }

.shipping-hint-detail.shipping-hint-cart .shipping-hint .process-hit {
  margin: 0 0 20px 0;
  border: none; }

.shipping-hint-detail .shipping-hint .sidebar-freeship {
  padding: 10px 20px;
  border: 1px solid #eee;
  margin: 10px 0; }
  .shipping-hint-detail .shipping-hint .sidebar-freeship span {
    color: #ef3b9c; }

.shipping-hint-detail .shipping-hint .process-hit {
  padding-top: 4px;
  padding-bottom: 14px;
  max-width: none;
  overflow: hidden;
  color: #222;
  padding: 15px 20px;
  border: 1px solid #eee;
  margin: 10px 0; }
  .shipping-hint-detail .shipping-hint .process-hit .text-hit {
    overflow: hidden;
    margin-bottom: 4px;
    gap: 4px; }
    .shipping-hint-detail .shipping-hint .process-hit .text-hit span {
      color: #ef3b9c; }
  .shipping-hint-detail .shipping-hint .process-hit .process-bar {
    position: relative;
    max-width: 300px; }
    .shipping-hint-detail .shipping-hint .process-hit .process-bar .progresselbg {
      height: 8px;
      width: 100%;
      max-width: 300px;
      position: relative;
      border-radius: 6px;
      background: #f2ebeb; }
    .shipping-hint-detail .shipping-hint .process-hit .process-bar .progressel {
      width: 40%;
      height: 8px;
      position: absolute;
      left: 0;
      top: 0;
      background: #ef3b9c;
      background-size: 100% 100%;
      background-repeat: repeat;
      transition: all .3s;
      border-radius: 6px; }
      .shipping-hint-detail .shipping-hint .process-hit .process-bar .progressel:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background-image: url(https://file.hstatic.net/200000959088/file/icon-car.png);
        background-repeat: no-repeat;
        right: -16px;
        top: -5px;
        background-size: 20px 20px; }

.details__promotion {
  padding: 0;
  position: relative;
  border-radius: 4px;
  margin: 0 0 20px 0; }

.details__promotion1 {
  padding: 0;
  position: relative;
  border-radius: 4px;
  margin: 0 0 20px 0; }
  .details__promotion1 .title-promotion {
    font-size: 14px;
    font-weight: 600;
    line-height: 18.2px;
    margin: 0 0 16px 0; }
  .details__promotion1 ul {
    list-style: inherit;
    padding: 0 0 0 20px; }
    .details__promotion1 ul li {
      cursor: pointer;
      font-size: 14px;
      font-weight: 400;
      line-height: 18.2px; }
      .details__promotion1 ul li span {
        text-decoration: underline; }
      .details__promotion1 ul li ~ li {
        margin: 16px 0 0 0; }

.details__promotion2 {
  padding: 0;
  position: relative;
  border-radius: 4px;
  margin: 0 0 20px 0; }
  .details__promotion2 .title-promotion {
    font-size: 14px;
    font-weight: 600;
    line-height: 18.2px;
    margin: 0 0 16px 0; }
  .details__promotion2 ul {
    list-style: inherit;
    padding: 0 0 0 20px; }
    .details__promotion2 ul li {
      cursor: pointer;
      font-size: 14px;
      font-weight: 400;
      line-height: 18.2px; }
      .details__promotion2 ul li span {
        text-decoration: underline; }
      .details__promotion2 ul li ~ li {
        margin: 16px 0 0 0; }

.details__promotion3 {
  background-color: #F7F8F9;
  padding: 16px;
  position: relative;
  border-radius: 4px;
  margin-top: 16px; }
  .details__promotion3 .inner-promotion3 .title-promotion {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.4px;
    margin: 0 0 16px 0; }
  .details__promotion3 .inner-promotion3 ul {
    list-style: inherit;
    padding: 0 0 0 16px; }
    .details__promotion3 .inner-promotion3 ul li {
      cursor: pointer;
      font-size: 14px;
      font-weight: 400;
      line-height: 18.2px; }
      .details__promotion3 .inner-promotion3 ul li span {
        text-decoration: underline; }
      .details__promotion3 .inner-promotion3 ul li ~ li {
        margin-top: 16px; }

.details__promotion4 {
  background-color: #F7F8F9;
  padding: 16px;
  position: relative;
  border-radius: 4px;
  margin-top: 16px; }
  .details__promotion4 .title-promotion {
    font-size: 14px;
    font-weight: 600;
    line-height: 18.2px;
    margin: 0 0 16px 0;
    display: none; }
  .details__promotion4 ul {
    list-style: inherit;
    padding: 0; }
    .details__promotion4 ul li {
      cursor: pointer;
      font-size: 14px;
      font-weight: 400;
      line-height: 18.2px; }
      .details__promotion4 ul li span {
        text-decoration: underline; }
      .details__promotion4 ul li ~ li {
        margin: 16px 0 0 0; }

#zalopay-modal .modal-dialog {
  width: calc(100% - 32px);
  max-width: 620px;
  margin: 0 auto; }
  #zalopay-modal .modal-dialog .modal-content {
    border-radius: 0; }
    @media (max-width: 991px) {
      #zalopay-modal .modal-dialog .modal-content {
        border-radius: 12px;
        max-height: 500px;
        overflow: auto; } }

#zalopay-modal .modal-header {
  padding: 32px 48px 24px 48px;
  border-bottom: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 100%;
  text-align: center; }
  @media (max-width: 991px) {
    #zalopay-modal .modal-header {
      padding: 40px 40px 24px 40px; } }
  #zalopay-modal .modal-header .modal-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    text-align: center; }
    @media (max-width: 991px) {
      #zalopay-modal .modal-header .modal-title {
        font-weight: 600; } }
  #zalopay-modal .modal-header .close-modal {
    border: none;
    background: transparent;
    outline: none;
    box-shadow: none;
    position: absolute;
    top: 16px;
    right: 16px; }

#zalopay-modal .modal-body {
  padding: 0 48px 32px 48px; }
  @media (max-width: 991px) {
    #zalopay-modal .modal-body {
      padding: 0 40px 40px 40px; } }
  #zalopay-modal .modal-body .infor-content-zalopay {
    padding: 16px;
    border: 1px solid #F0F0F0; }
    #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info {
      display: flex;
      justify-content: space-between;
      align-items: start; }
      #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-info-zalopay {
        display: flex;
        gap: 16px; }
        @media (max-width: 991px) {
          #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-info-zalopay {
            align-items: center; } }
        #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-info-zalopay .title-zalopay h4 {
          font-size: 16px;
          font-weight: 700;
          line-height: 20.8px;
          margin: 0; }
          @media (max-width: 991px) {
            #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-info-zalopay .title-zalopay h4 {
              font-weight: 600; } }
        #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-info-zalopay .title-zalopay p {
          font-size: 14px;
          font-weight: 400;
          line-height: 18.2px;
          margin: 0; }
      #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-action-zalopay {
        display: flex;
        align-items: center;
        min-width: 120px; }
        @media (max-width: 991px) {
          #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-action-zalopay {
            display: none; } }
        #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-action-zalopay .title-action-zalopay span {
          cursor: pointer;
          text-decoration: underline;
          font-size: 14px;
          font-weight: 700;
          line-height: 18.2px;
          margin-right: 4px; }
          #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-action-zalopay .title-action-zalopay span:nth-child(2) {
            display: none; }
        #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-action-zalopay .icon-action-zalopay {
          transform: rotate(-180deg); }
        #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-action-zalopay.active .title-action-zalopay span:nth-child(1) {
          display: none; }
        #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-action-zalopay.active .title-action-zalopay span:nth-child(2) {
          display: block; }
        #zalopay-modal .modal-body .infor-content-zalopay .wrapper-box-info .box-action-zalopay.active .icon-action-zalopay {
          transform: rotate(0deg); }
    #zalopay-modal .modal-body .infor-content-zalopay .box-content-main-zalopay {
      display: none;
      margin: 8px 0 0 0; }
      @media (max-width: 991px) {
        #zalopay-modal .modal-body .infor-content-zalopay .box-content-main-zalopay {
          display: block; } }
      #zalopay-modal .modal-body .infor-content-zalopay .box-content-main-zalopay ul {
        list-style: inherit;
        padding: 0 0 0 12px; }
        #zalopay-modal .modal-body .infor-content-zalopay .box-content-main-zalopay ul li ~ li {
          margin: 8px 0 0 0; }
  #zalopay-modal .modal-body .policy-content-zalopay {
    margin: 24px 0 0 0;
    padding: 24px 0 0 0;
    border-top: 1px solid #F0F0F0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18.2px; }

.notify-choose-size {
  position: absolute;
  z-index: 1;
  top: -50px;
  left: 5%;
  transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -ms-transition: all 0.25s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  filter: drop-shadow(0px 0px 10px rgba(46, 46, 46, 0.4));
  background: #2E2E2E;
  color: white;
  padding: 8px 16px;
  letter-spacing: 1px;
  border-radius: 4px; }
  .notify-choose-size:before {
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #2e2e2e;
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px; }
  .notify-choose-size.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }

.loading-ovl {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0; }
  .loading-ovl.open {
    visibility: visible;
    opacity: 1; }
  .loading-ovl .load-3 .line:nth-last-child(1) {
    animation: loadingC .6s .1s linear infinite; }
  .loading-ovl .load-3 .line:nth-last-child(2) {
    animation: loadingC .6s .2s linear infinite; }
  .loading-ovl .load-3 .line:nth-last-child(3) {
    animation: loadingC .6s .3s linear infinite; }
  .loading-ovl .load-3 .line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #222; }

@keyframes loadingC {
  0 {
    transform: translate(0, 0); }
  50% {
    transform: translate(0, 15px); }
  100% {
    transform: translate(0, 0); } }

.urban-revivo .section-4 {
  background: #1d4087;
  padding: 90px 0; }
  @media (max-width: 991px) {
    .urban-revivo .section-4 {
      padding: 45px 0; } }
  .urban-revivo .section-4 .heading-section {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 15px 0; }
    @media (max-width: 991px) {
      .urban-revivo .section-4 .heading-section {
        font-size: 26px;
        margin: 0 0 35px 0; }
        .urban-revivo .section-4 .heading-section span {
          display: block; } }
  .urban-revivo .section-4 .sub-section {
    text-align: center;
    color: #fff;
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 10px 0; }
    @media (max-width: 991px) {
      .urban-revivo .section-4 .sub-section {
        font-size: 17px; } }
    .urban-revivo .section-4 .sub-section span {
      font-weight: bold; }
      @media (max-width: 991px) {
        .urban-revivo .section-4 .sub-section span {
          font-weight: normal; } }
  .urban-revivo .section-4 .wrap-form {
    display: flex;
    gap: 45px;
    margin-top: 90px; }
    @media (max-width: 991px) {
      .urban-revivo .section-4 .wrap-form {
        flex-direction: column;
        margin-top: 30px;
        gap: 30px; } }
    .urban-revivo .section-4 .wrap-form .info-address {
      width: 50%;
      display: flex;
      flex-direction: column;
      gap: 50px; }
      @media (max-width: 991px) {
        .urban-revivo .section-4 .wrap-form .info-address {
          width: 100%;
          gap: 30px; } }
      .urban-revivo .section-4 .wrap-form .info-address .item-address {
        display: flex;
        gap: 15px;
        align-items: center;
        position: relative; }
        @media (max-width: 991px) {
          .urban-revivo .section-4 .wrap-form .info-address .item-address {
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 5px; } }
        .urban-revivo .section-4 .wrap-form .info-address .item-address .icon-address svg {
          width: 50px;
          height: 50px; }
          @media (max-width: 991px) {
            .urban-revivo .section-4 .wrap-form .info-address .item-address .icon-address svg {
              width: 30px;
              height: 30px; } }
        .urban-revivo .section-4 .wrap-form .info-address .item-address .text-address {
          color: #fff;
          display: flex;
          flex-direction: column;
          font-size: 16px;
          gap: 5px; }
          @media (max-width: 991px) {
            .urban-revivo .section-4 .wrap-form .info-address .item-address .text-address {
              font-size: 16px;
              text-align: center; } }
        .urban-revivo .section-4 .wrap-form .info-address .item-address:nth-child(2):before {
          content: "";
          width: 120px;
          height: 2px;
          background: #fff;
          display: block;
          position: absolute;
          top: -25px;
          left: 0; }
          @media (max-width: 991px) {
            .urban-revivo .section-4 .wrap-form .info-address .item-address:nth-child(2):before {
              display: none; } }
    .urban-revivo .section-4 .wrap-form .main-form {
      width: 50%; }
      @media (max-width: 991px) {
        .urban-revivo .section-4 .wrap-form .main-form {
          width: 100%; } }
      .urban-revivo .section-4 .wrap-form .main-form .contact-open {
        display: flex;
        flex-direction: column;
        gap: 20px; }
        .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form-custom {
          width: 90%;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          gap: 10px; }
          @media (max-width: 991px) {
            .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form-custom {
              width: 98%; } }
          .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form-custom .item-checked {
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 5px; }
            .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form-custom .item-checked input:after {
              background: transparent;
              border-color: #fff; }
            .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form-custom .item-checked span {
              color: #fff; }
        .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form button {
          width: 100%;
          background: #fff;
          color: #000;
          height: 48px;
          border: none;
          text-transform: uppercase;
          font-weight: bold;
          font-size: 16px;
          outline: none;
          box-shadow: none; }
        .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form input {
          width: 100%;
          background: transparent;
          border: 1px solid #fff;
          padding: 15px 20px;
          outline: none;
          box-shadow: none;
          color: #fff;
          font-size: 18px; }
          .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form input::-ms-input-placeholder {
            color: #fff; }
          .urban-revivo .section-4 .wrap-form .main-form .contact-open .input-form input::placeholder {
            color: #fff; }

#susscess-popup {
  padding: 0;
  max-width: 1200px; }