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

@font-face {
  font-family: 'Product sans';
  font-weight: bold;
  src: url(https://file.hstatic.net/200000642007/file/product_sans_bold_5c3f59469c8846128049354680e90aca.otf);
  font-display: swap; }

@font-face {
  font-family: 'Product sans';
  font-weight: 400;
  src: url(https://file.hstatic.net/200000642007/file/product_sans_regular_5abec81888cb41c7b8426a3616e55aba.otf);
  font-display: swap; }

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

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

img {
  max-width: 100%; }

body {
  color: #202846;
  line-height: 20px;
  font-size: 14px;
  background: #fff;
  font-family: sans-serif;
  overflow-x: hidden;
  position: initial;
  font-weight: 400;
  font-family: 'Product sans', sans-serif; }
  body.block-scroll {
    overflow: hidden; }
  body.show-menu-mobile {
    overflow: hidden; }
  body.show-filter, body.show-minisearch {
    overflow: hidden; }

/*&:not(.slick-initialized) {
display: -ms-flexbox;
display: flex;
.product-loop {
flex: 0 0 auto;
width: 33.33333333%;
@media(max-width: 1199px){
width: 50%;
}
@media(max-width: 991px){
width: 100%;
}
}
}*/
@keyframes fullScreenContainer-slider-item-text {
  100% {
    left: 0;
    opacity: 1; } }

: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 {
  color: #000;
  margin: 0 0 15px 0;
  font-weight: 700;
  line-height: 1.2;
  font-family: 'Product sans'; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #000; }

p {
  margin: 0; }

img {
  max-width: 100%; }

a {
  color: #000;
  text-decoration: none;
  outline: none; }

a:hover, a:focus {
  color: #BB9244;
  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; }

.container {
  max-width: none;
  padding: 0 15px; }
  @media (min-width: 1336px) {
    .container {
      padding: 0 48px; } }

.section-home {
  padding: 80px 0 0 0; }
  @media (max-width: 991px) {
    .section-home {
      padding: 40px 0 0 0; } }

@media (max-width: 991px) {
  .mr-mb-15 {
    margin-right: -15px; } }

@media (max-width: 991px) {
  .ml-mb-15 {
    margin-left: -15px; } }

img.lazyload {
  opacity: 0; }

input[type="checkbox"], input[type="radio"] {
  margin-top: 0;
  vertical-align: top;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  outline: 0 !important; }
  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: 0px;
    right: 0;
    top: 6px;
    margin: auto;
    z-index: 1;
    width: 10px;
    height: 5px;
    border: 1px solid #fff;
    border-top-style: none;
    border-right-style: none; }
  input[type="checkbox"]:after, input[type="radio"]:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #BCBCBC;
    cursor: pointer;
    border-radius: 2px; }
  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); }
  input[type="checkbox"]:checked:after, input[type="radio"]:checked:after {
    background-color: #2E2E2E;
    border-color: transparent; }

/* owl style */
.style-owl .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); }
  .style-owl .owl-nav button.disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .style-owl .owl-nav button svg {
    width: 20px;
    height: 40px; }
  .style-owl .owl-nav button.owl-prev {
    left: 40px; }
    .page-lookbook .style-owl .owl-nav button.owl-prev {
      left: -45px; }
      @media (max-width: 991px) {
        .page-lookbook .style-owl .owl-nav button.owl-prev {
          left: 15px; } }
  .style-owl .owl-nav button.owl-next {
    right: 40px; }
    .page-lookbook .style-owl .owl-nav button.owl-next {
      right: -45px; }
      @media (max-width: 991px) {
        .page-lookbook .style-owl .owl-nav button.owl-next {
          right: 15px; } }

.style-owl1 .owl-carousel .owl-nav button {
  position: absolute;
  top: 36%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 100%;
  font-size: 0 !important; }
  .style-owl1 .owl-carousel .owl-nav button.disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .style-owl1 .owl-carousel .owl-nav button svg {
    width: 20px;
    height: 20px; }
  .style-owl1 .owl-carousel .owl-nav button.owl-prev {
    left: 30px; }
  .style-owl1 .owl-carousel .owl-nav button.owl-next {
    right: 30px; }

.style-owl2 .owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 1px solid #E8E8E8 !important;
  border-radius: 2px;
  background: #FFFFFF !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0 !important; }
  .style-owl2 .owl-carousel .owl-nav button.disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .style-owl2 .owl-carousel .owl-nav button svg {
    width: 4px;
    height: 8px; }
    .style-owl2 .owl-carousel .owl-nav button svg path {
      stroke: #000000; }
  .style-owl2 .owl-carousel .owl-nav button.owl-prev {
    left: 8px; }
  .style-owl2 .owl-carousel .owl-nav button.owl-next {
    right: 8px; }

.style-owl3 .owl-carousel .owl-nav button {
  position: absolute;
  top: 34%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 100%;
  font-size: 0 !important; }
  .style-owl3 .owl-carousel .owl-nav button svg {
    width: 20px;
    height: 20px; }
    .style-owl3 .owl-carousel .owl-nav button svg path {
      stroke: #FFFFFF; }
  .style-owl3 .owl-carousel .owl-nav button.disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .style-owl3 .owl-carousel .owl-nav button.owl-prev {
    left: 10px; }
  .style-owl3 .owl-carousel .owl-nav button.owl-next {
    right: 10px; }

.style-owl4 .owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 0 !important; }
  .style-owl4 .owl-carousel .owl-nav button.disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .style-owl4 .owl-carousel .owl-nav button svg {
    width: 30px;
    height: 30px; }
    .style-owl4 .owl-carousel .owl-nav button svg path {
      stroke: #000000; }
  .style-owl4 .owl-carousel .owl-nav button.owl-prev {
    left: 0px; }
    @media (min-width: 992px) {
      .style-owl4 .owl-carousel .owl-nav button.owl-prev {
        left: -40px; } }
  .style-owl4 .owl-carousel .owl-nav button.owl-next {
    right: 0px; }
    @media (min-width: 992px) {
      .style-owl4 .owl-carousel .owl-nav button.owl-next {
        right: -40px; } }

.style-owl6 .owl-carousel .owl-nav button {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 100%;
  font-size: 0 !important; }
  .style-owl6 .owl-carousel .owl-nav button.disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .style-owl6 .owl-carousel .owl-nav button svg {
    width: 20px;
    height: 20px; }
    .style-owl6 .owl-carousel .owl-nav button svg path {
      stroke: #FFFFFF; }
  .style-owl6 .owl-carousel .owl-nav button.owl-prev {
    left: 10px; }
  .style-owl6 .owl-carousel .owl-nav button.owl-next {
    right: 10px; }

.style-owl7 .owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 100%;
  font-size: 0 !important; }
  .style-owl7 .owl-carousel .owl-nav button.disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .style-owl7 .owl-carousel .owl-nav button svg {
    width: 20px;
    height: 20px; }
    .style-owl7 .owl-carousel .owl-nav button svg path {
      stroke: #FFFFFF; }
  .style-owl7 .owl-carousel .owl-nav button.owl-prev {
    left: 10px; }
  .style-owl7 .owl-carousel .owl-nav button.owl-next {
    right: 10px; }

.style-owl8 .owl-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 0 !important; }
  .style-owl8 .owl-carousel .owl-nav button.disabled {
    opacity: 0.5;
    cursor: pointer;
    pointer-events: none; }
  .style-owl8 .owl-carousel .owl-nav button svg {
    width: 30px;
    height: 30px; }
    .style-owl8 .owl-carousel .owl-nav button svg path {
      stroke: #000000; }
  .style-owl8 .owl-carousel .owl-nav button.owl-prev {
    left: 0px; }
  .style-owl8 .owl-carousel .owl-nav button.owl-next {
    right: 0px; }

.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; } }

.owl-carousel:not(.owl-loaded) {
  display: flex;
  display: -ms-flex;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .owl-carousel:not(.owl-loaded) .product-loop {
      -webkit-flex: 0 0 25%;
      flex: 0 0 25%; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    .owl-carousel:not(.owl-loaded) .product-loop {
      -webkit-flex: 0 0 25%;
      flex: 0 0 25%; } }
  @media (max-width: 991px) {
    .owl-carousel:not(.owl-loaded) .product-loop {
      -webkit-flex: 0 0 50%;
      flex: 0 0 50%; } }
  @media (max-width: 767px) {
    .owl-carousel:not(.owl-loaded) .product-loop {
      -webkit-flex: 0 0 50%;
      flex: 0 0 50%;
      padding-bottom: 0; } }

#admin_bar_iframe {
  /*display: none !important;*/ }

@keyframes colorChange {
  0% {
    color: black; }
  33% {
    color: red; }
  66% {
    color: orange; }
  100% {
    color: purple; } }

@keyframes blink {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: .3; } }

/* header */
header {
  padding: 7px 0;
  position: sticky;
  top: 0;
  z-index: 9;
  background: #FFF; }
  @media (max-width: 1199px) {
    header {
      padding: 8px 0;
      border-bottom: 1px solid #F0F0F0; } }
  header .wrapper-header {
    position: relative; }
  header .header-component .container {
    display: flex;
    flex-wrap: wrap; }
  header .header-component .header-left {
    display: none;
    align-items: center;
    width: 25%; }
    @media (max-width: 1199px) {
      header .header-component .header-left {
        display: flex;
        width: auto; } }
    header .header-component .header-left a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      cursor: pointer; }
      @media (min-width: 1200px) {
        header .header-component .header-left a {
          display: none; } }
  header .header-component .header-logo {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      header .header-component .header-logo svg {
        height: 20px; } }
  header .header-component .header-menu {
    margin-left: 30px; }
    @media (max-width: 1199px) {
      header .header-component .header-menu {
        display: none; } }
    header .header-component .header-menu nav > ul {
      display: flex;
      align-items: center;
      justify-content: center; }
      header .header-component .header-menu nav > ul > li > a {
        padding: 15px 18px;
        display: block;
        display: flex;
        align-items: center;
        border-bottom: 1px solid transparent;
        font-size: 17px;
        font-weight: 700; }
        header .header-component .header-menu nav > ul > li > a svg {
          margin-left: 5px; }
        header .header-component .header-menu nav > ul > li > a:hover {
          border-color: #000000; }
        header .header-component .header-menu nav > ul > li > a[aria-label*="BLACKF"] {
          animation: bling 2s linear infinite;
          text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
        header .header-component .header-menu nav > ul > li > a[aria-label="SALE"], header .header-component .header-menu nav > ul > li > a[aria-label="GIẢM GIÁ"] {
          color: red;
          /*animation: colorChange 3s infinite, blink 1s infinite;*/ }
      header .header-component .header-menu nav > ul > li.line-menu {
        color: #D0D0D0;
        height: 12px;
        overflow: hidden; }
      header .header-component .header-menu nav > ul > li.has-submenu:hover .submenu-lv2 {
        display: block; }
      header .header-component .header-menu nav > ul > li.has-submenu .submenu-lv2 {
        position: absolute;
        top: 100%;
        width: 100%;
        background: #FFF;
        z-index: 9;
        left: 0;
        padding: 40px 0;
        display: none; }
        header .header-component .header-menu nav > ul > li.has-submenu .submenu-lv2 .submenu-lv2-inner {
          display: flex;
          justify-content: center;
          max-width: 1200px;
          margin: 0 auto; }
          header .header-component .header-menu nav > ul > li.has-submenu .submenu-lv2 .submenu-lv2-inner .banner-submenu {
            padding-left: 45px;
            margin-left: 45px;
            max-width: 355px;
            width: 100%;
            border-left: 1px solid #eeeeee; }
          header .header-component .header-menu nav > ul > li.has-submenu .submenu-lv2 .submenu-lv2-inner .menu-lv2 {
            display: flex;
            min-width: 700px; }
            header .header-component .header-menu nav > ul > li.has-submenu .submenu-lv2 .submenu-lv2-inner .menu-lv2 > li ~ li {
              padding-left: 40px; }
            header .header-component .header-menu nav > ul > li.has-submenu .submenu-lv2 .submenu-lv2-inner .menu-lv2 > li > a {
              font-weight: 700;
              margin-bottom: 12px;
              display: block; }
          header .header-component .header-menu nav > ul > li.has-submenu .submenu-lv2 .submenu-lv2-inner .menu-lv3 > li > a {
            color: #787878; }
          header .header-component .header-menu nav > ul > li.has-submenu .submenu-lv2 .submenu-lv2-inner .menu-lv3 > li ~ li {
            margin-top: 4px; }
  header .header-component .header-right {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-left: auto; }
    header .header-component .header-right .header-right--cart {
      position: relative; }
      @media (max-width: 1199px) {
        header .header-component .header-right .header-right--cart {
          order: 2; } }
      header .header-component .header-right .header-right--cart .item-count-header {
        position: absolute;
        top: 5px;
        right: 5px;
        background: #000;
        width: 13px;
        height: 13px;
        font-size: 9px;
        color: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%; }
    @media (max-width: 1199px) {
      header .header-component .header-right .header-right--wishlist {
        display: none; } }
    @media (max-width: 1199px) {
      header .header-component .header-right .header-right--account {
        order: 1; } }
    header .header-component .header-right .header-right--language {
      margin-left: 10px; }
      @media (max-width: 1199px) {
        header .header-component .header-right .header-right--language {
          display: none; } }
      header .header-component .header-right .header-right--language span {
        cursor: pointer; }
    header .header-component .header-right a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      cursor: pointer; }

/* slider */
/* category */
.category-mobile {
  background: #E8E8E8;
  padding: 15px 0; }
  .category-mobile .category-mobile-inner {
    display: flex; }
    .category-mobile .category-mobile-inner ul {
      display: flex;
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow-x: auto; }
      .category-mobile .category-mobile-inner ul::-webkit-scrollbar {
        display: none; }
      .category-mobile .category-mobile-inner ul li ~ li {
        margin-left: 15px; }
      .category-mobile .category-mobile-inner ul li:first-child {
        margin-left: auto; }
      .category-mobile .category-mobile-inner ul li:last-child {
        margin-right: auto; }

/* 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; }

/* home feature */
.feature-collection {
  background: #F7F9F9;
  padding: 64px 0; }
  @media (max-width: 991px) {
    .feature-collection {
      padding: 32px 0 64px 0; } }
  @media (max-width: 991px) {
    .feature-collection .content-collection {
      margin-left: -15px;
      margin-right: -15px; }
      .feature-collection .content-collection .owl-item {
        width: 280px !important; } }

.heading-collection {
  margin: 0 0 24px 0; }
  @media (max-width: 991px) {
    .heading-collection {
      margin: 0 0 20px 0; } }
  .heading-collection h3 {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 400; }
    @media (max-width: 991px) {
      .heading-collection h3 {
        font-size: 24px;
        line-height: 32px; } }
  .heading-collection.has-tab {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .heading-collection.has-tab {
        flex-wrap: wrap; } }
  @media (max-width: 991px) {
    .heading-collection .sub-tab-heading {
      margin-top: 10px;
      display: flex;
      width: 100%;
      overflow-y: hidden;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .heading-collection .sub-tab-heading::-webkit-scrollbar {
        display: none; } }
  .heading-collection .sub-tab-heading ul {
    display: flex;
    margin: 0;
    padding: 0; }
    @media (max-width: 991px) {
      .heading-collection .sub-tab-heading ul {
        flex-wrap: nowrap;
        white-space: nowrap; } }
    .heading-collection .sub-tab-heading ul li ~ li {
      margin-left: 20px; }
    .heading-collection .sub-tab-heading ul li.active a {
      color: #BB9244; }
    .heading-collection .sub-tab-heading ul li a {
      font-size: 18px;
      line-height: 34px; }
      @media (max-width: 991px) {
        .heading-collection .sub-tab-heading ul li a {
          font-size: 16px;
          line-height: 30px; } }
  .heading-collection .wrapper-heading-collection.hasView {
    display: flex;
    align-items: center; }
    .heading-collection .wrapper-heading-collection.hasView .view-all {
      padding-right: 15px;
      background: url(https://file.hstatic.net/200000642007/file/arrow_s_r_6978824d598a4bf39ab5d96e95931f34.png) center right no-repeat;
      background-size: 7px 13px;
      font-size: 16px;
      line-height: 15px;
      font-weight: 400;
      color: #767676;
      margin-left: 15px; }
  .heading-collection .eapps-instagram-feed-posts-item-image-wrapper img {
    aspect-ratio: 128 / 153; }

.heading-collection-2 h3 {
  font-size: 20px;
  line-height: 28px;
  border-bottom: 3px solid #000000;
  padding-bottom: 8px;
  margin-bottom: 24px; }
  @media (max-width: 991px) {
    .heading-collection-2 h3 {
      border-bottom: none;
      padding: 0;
      margin-bottom: 20px; } }

.heading-collection-3 h3 {
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 24px; }
  @media (max-width: 991px) {
    .heading-collection-3 h3 {
      margin-bottom: 20px;
      font-weight: 700;
      font-size: 20px;
      line-height: 28px;
      text-align: center; } }

.heading-tab {
  margin: 10px 0 27px 0;
  display: flex; }
  .heading-tab ul {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto; }
    .heading-tab ul::-webkit-scrollbar {
      display: none; }
    .heading-tab ul li ~ li {
      margin-left: 15px; }
    .heading-tab ul li a {
      font-size: 18px;
      line-height: 26px;
      border-bottom: 1px solid transparent;
      padding-bottom: 5px;
      cursor: pointer;
      display: flex;
      align-items: center; }
      @media (max-width: 991px) {
        .heading-tab ul li a {
          font-size: 14px;
          line-height: 20px; } }
    .heading-tab ul li.active a, .heading-tab ul li:hover a {
      font-weight: 700;
      border-color: #000000; }

.heading-tab-2 {
  margin: 10px 0 25px 0;
  display: flex; }
  .heading-tab-2 ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    @media (max-width: 991px) {
      .heading-tab-2 ul {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto; }
        .heading-tab-2 ul::-webkit-scrollbar {
          display: none; } }
    .heading-tab-2 ul li {
      margin: 0 8px 8px 0; }
      .heading-tab-2 ul li a {
        font-size: 16px;
        line-height: 24px;
        border: 1px solid #E8E8E8;
        padding: 8px 16px;
        cursor: pointer;
        border-radius: 40px;
        display: block; }
        .heading-tab-2 ul li a:hover {
          color: #FFFFFF; }
      .heading-tab-2 ul li.active a, .heading-tab-2 ul li:hover a {
        background: #000000;
        border-color: #000000;
        color: #FFFFFF; }

/* home */
@media (max-width: 991px) {
  .m-lr-mb {
    margin-left: -15px;
    margin-right: -15px; } }

.left-banner {
  width: 40%;
  padding-right: 48px; }
  @media (max-width: 991px) {
    .left-banner {
      width: 100%;
      padding-right: 0; } }

.right-collection {
  width: 60%; }
  @media (max-width: 991px) {
    .right-collection {
      width: 100%;
      padding-top: 24px;
      padding-left: 15px; } }

.left-banner-2 {
  width: 55%; }
  .left-banner-2 a {
    position: relative;
    padding-top: calc(100% * 97 / 75);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none; }
    .left-banner-2 a img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .left-banner-2 a .btn-view-all {
      position: absolute;
      border: 1px solid #fff;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      opacity: 0;
      border-radius: 5px;
      padding: 15px 35px;
      top: calc((100% - 52px) / 2); }
    @media (min-width: 992px) {
      .left-banner-2 a:hover {
        background: #000; }
        .left-banner-2 a:hover .btn-view-all {
          opacity: 1; }
        .left-banner-2 a:hover img {
          opacity: 0.5; } }
  @media (max-width: 991px) {
    .left-banner-2 {
      width: 100%; } }

.right-collection-2 {
  width: 45%;
  background: #f3f3f3;
  padding: 32px; }
  @media (max-width: 991px) {
    .right-collection-2 {
      width: 100%;
      padding: 10px 0 0 0;
      background: #FFF;
      position: relative;
      overflow-y: hidden;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .right-collection-2::-webkit-scrollbar {
        display: none; } }

.left-banner-3 {
  width: 39%;
  padding-right: 24px; }
  @media (max-width: 991px) {
    .left-banner-3 {
      width: 100%;
      padding-right: 0; } }

.right-collection-3 {
  width: 61%; }
  @media (max-width: 991px) {
    .right-collection-3 {
      width: 100%;
      padding-top: 24px;
      padding-left: 15px; } }

.mr-edit {
  margin: 0 -4px; }
  @media (max-width: 991px) {
    .mr-edit {
      margin: 0 -10px; } }
  .mr-edit .col-6 {
    padding: 0 4px; }
    @media (max-width: 991px) {
      .mr-edit .col-6 {
        padding: 0; }
        .mr-edit .col-6:nth-child(2n) ~ .col-6 {
          margin-top: 30px; } }

.mr-edit-2 {
  margin: 0 -4px; }
  @media (max-width: 991px) {
    .mr-edit-2 {
      margin: 0 -2px; } }
  .mr-edit-2 .col-4 {
    padding: 0 4px; }
    @media (max-width: 991px) {
      .mr-edit-2 .col-4 {
        padding: 0 2px; } }

@media (min-width: 992px) {
  .col-lg-custom {
    flex: 0 0 auto;
    width: 20%; } }

.view-more-2 {
  text-align: center;
  margin-top: 48px;
  display: block; }
  @media (max-width: 991px) {
    .view-more-2 {
      margin-top: 40px; } }

/* instagram */
.elfsight-app-dce6c1df-1beb-4617-851d-f77de75e0a3a:not(.eapps-instagram-feed) {
  padding-top: calc(100% / 6 * 2); }
  .elfsight-app-dce6c1df-1beb-4617-851d-f77de75e0a3a:not(.eapps-instagram-feed) img {
    aspect-ratio: auto 320 / 320; }
  @media (max-width: 767px) {
    .elfsight-app-dce6c1df-1beb-4617-851d-f77de75e0a3a:not(.eapps-instagram-feed) {
      padding-top: calc(100% / 4 * 2); } }

/* product loop */
.product-loop {
  background: #FFF;
  position: relative; }
  .section-home-trend .product-loop {
    background: transparent; }
  .product-loop .product-loop-inner .media-loop {
    position: relative;
    overflow: hidden; }
    .product-loop .product-loop-inner .media-loop .ranking {
      position: absolute;
      left: 0;
      top: 0;
      line-height: 30px;
      width: 30px;
      height: 35px;
      text-align: center;
      font-size: 18px;
      color: #fff;
      font-weight: normal;
      z-index: 5;
      background: url(https://file.hstatic.net/200000642007/file/bg_rank_c21e90ddb3c74242970a777d424a1ae5.png) no-repeat; }
      .product-loop .product-loop-inner .media-loop .ranking:not(.d-none) ~ .label-loop {
        top: 45px; }
    .product-loop .product-loop-inner .media-loop .label-loop {
      position: absolute;
      z-index: 1;
      top: 5px;
      left: 5px; }
      .product-loop .product-loop-inner .media-loop .label-loop > div ~ div {
        margin-top: 5px; }
      .product-loop .product-loop-inner .media-loop .label-loop .product-sale {
        background: red;
        color: #FFF;
        font-size: 12px;
        padding: 2px 6px;
        border-radius: 4px;
        font-weight: 500;
        display: inline-block; }
      .product-loop .product-loop-inner .media-loop .label-loop .sold-out {
        background: #FFF;
        padding: 3px 10px;
        font-size: 12px; }
    .product-loop .product-loop-inner .media-loop .box-img-loop {
      position: relative;
      display: block;
      padding-bottom: 124%; }
      .product-loop .product-loop-inner .media-loop .box-img-loop 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-loop-inner .media-loop .box-img-loop picture:nth-child(2) {
          opacity: 0;
          visibility: hidden; }
      @media (min-width: 1200px) {
        .product-loop .product-loop-inner .media-loop .box-img-loop:hover picture:nth-child(1) {
          visibility: hidden;
          opacity: 0; }
        .product-loop .product-loop-inner .media-loop .box-img-loop:hover picture:nth-child(2) {
          opacity: 1;
          visibility: visible; } }
      .product-loop .product-loop-inner .media-loop .box-img-loop.loading:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(255, 255, 255, 0.9);
        z-index: 1; }
    .product-loop .product-loop-inner .media-loop .wishlist-loop {
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer;
      width: 35px;
      height: 35px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .product-loop .product-loop-inner .media-loop .wishlist-loop:hover svg path {
        fill: #000000; }
      .product-loop .product-loop-inner .media-loop .wishlist-loop.js-inWishlist svg path {
        fill: #000000; }
    .product-loop .product-loop-inner .media-loop .icon-addtocart-loop {
      background: rgba(0, 0, 0, 0.1);
      width: 40px;
      height: 40px;
      border: none;
      border-radius: 100%;
      position: absolute;
      z-index: 1;
      top: 16px;
      right: 16px;
      transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -ms-transition: all 0.3s ease-in-out 0s;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .product-loop .product-loop-inner .media-loop .icon-addtocart-loop img {
        width: 24px;
        height: 24px; }
    .product-loop .product-loop-inner .media-loop .action-in-loop {
      position: absolute;
      bottom: -50%;
      -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;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .product-loop .product-loop-inner .media-loop .action-in-loop .btn-addtocart-loop {
        height: 44px;
        width: calc(100% - 24px);
        text-align: center;
        background: #FFFFFF;
        border: 1px solid #E8E8E8;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
        font-weight: 400;
        cursor: pointer; }
      .product-loop .product-loop-inner .media-loop .action-in-loop .btn-soldout-loop {
        background: #D0D0D0;
        width: 100%;
        height: 36px;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: center; }
    .product-loop .product-loop-inner .media-loop .checked-box-loop {
      position: absolute;
      top: 14px;
      left: 14px;
      z-index: 9; }
    @media (min-width: 1200px) {
      .product-loop .product-loop-inner .media-loop:hover .action-in-loop {
        bottom: 0; } }
  .product-loop .product-loop-inner .info-loop {
    padding: 16px 0 0 0; }
    @media (max-width: 991px) {
      .product-loop .product-loop-inner .info-loop {
        padding: 8px 0 0 0; } }
    .product-loop .product-loop-inner .info-loop.pd-slider {
      padding: 16px 10px; }
      @media (max-width: 991px) {
        .product-loop .product-loop-inner .info-loop.pd-slider {
          padding: 8px 10px 0 10px; } }
    .feature-collection .product-loop .product-loop-inner .info-loop {
      padding: 20px; }
    @media (max-width: 991px) {
      .template-collection .content-list-collection .product-loop .product-loop-inner .info-loop {
        padding: 16px 12px 0 12px; } }
    @media (max-width: 991px) {
      .style-mlb .product-loop .product-loop-inner .info-loop, .page-wishlist .product-loop .product-loop-inner .info-loop, .page-recently .product-loop .product-loop-inner .info-loop, .page-search .content-list-collection .product-loop .product-loop-inner .info-loop, .page-lookbook .product-loop .product-loop-inner .info-loop {
        padding: 16px; } }
    .product-loop .product-loop-inner .info-loop .title-loop h4 {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      margin: 0 0 5px 0;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 48px; }
      @media (max-width: 991px) {
        .product-loop .product-loop-inner .info-loop .title-loop h4 {
          font-size: 14px;
          line-height: 20px;
          min-height: 40px; } }
    .product-loop .product-loop-inner .info-loop .price-loop span {
      font-size: 16px;
      line-height: 24px;
      font-weight: 700; }
      @media (max-width: 991px) {
        .product-loop .product-loop-inner .info-loop .price-loop span {
          font-size: 14px;
          line-height: 20px; } }
    .product-loop .product-loop-inner .info-loop .price-loop del {
      color: gray;
      margin-left: 5px; }
    .product-loop .product-loop-inner .info-loop .price-loop.hasSalePrice span {
      color: red; }
    .product-loop .product-loop-inner .info-loop .variant-loop {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      margin-top: 18px;
      gap: 8px; }
      @media (max-width: 991px) {
        .product-loop .product-loop-inner .info-loop .variant-loop {
          gap: 6px; } }
      .product-loop .product-loop-inner .info-loop .variant-loop .item-variant-loop {
        width: 12px;
        height: 12px;
        border-radius: 100%;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center; }
        .product-loop .product-loop-inner .info-loop .variant-loop .item-variant-loop a {
          display: flex;
          align-items: center;
          justify-content: center; }

/* product loop small */
.product-loop-small .product-loop-small-inner {
  display: flex;
  align-items: center; }
  .product-loop-small .product-loop-small-inner .box-image-loop {
    width: 64px; }
  .product-loop-small .product-loop-small-inner .box-info-loop {
    width: calc(100% - 64px);
    padding-left: 15px; }
    .product-loop-small .product-loop-small-inner .box-info-loop h4 {
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      margin: 0 0 5px 0; }
    .product-loop-small .product-loop-small-inner .box-info-loop .price-loop span {
      font-weight: 700; }

/* banner product */
.section-banner-product .content-banner-product {
  background: #F8F8F8; }

.section-banner-product .item-banner-product {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  @media (max-width: 991px) {
    .section-banner-product .item-banner-product {
      flex-wrap: wrap;
      overflow: hidden; } }
  .section-banner-product .item-banner-product h4 {
    font-size: 160px;
    line-height: 200px;
    margin: 0; }
  .section-banner-product .item-banner-product .right-banner-product ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0; }

.section-banner-product .btn-more {
  padding: 12px 32px;
  background: #FFF;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #E8E8E8;
  margin-bottom: 80px; }
  @media (max-width: 991px) {
    .section-banner-product .btn-more {
      margin-bottom: 40px; } }

/* product banner */
@media (max-width: 991px) {
  .slider-collection-3-2 {
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 20px) / 2.5);
    overflow-x: auto;
    grid-template-columns: unset;
    gap: 10px;
    display: grid;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .slider-collection-3-2::-webkit-scrollbar {
      display: none; }
    .slider-collection-3-2 .product-loop {
      padding: 0; } }

@media (min-width: 992px) {
  .slider-collection-3-2:not(.slick-initialized) {
    overflow: hidden;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 15px) / 2);
    overflow-x: auto;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    display: grid;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    grid-template-rows: 1fr 1fr; }
    .slider-collection-3-2:not(.slick-initialized) .product-loop {
      padding: 0; }
  .slider-collection-3-2 .slick-list {
    margin: 0 -15px 0 0 !important; }
  .slider-collection-3-2 .slick-slide > div {
    padding: 0 15px 0 0 !important; }
    .slider-collection-3-2 .slick-slide > div ~ div {
      margin-top: 15px; } }

.slider-collection-3-2 .product-loop .product-loop-inner .info-loop {
  padding: 16px 10px;
  background: #FFF; }
  @media (max-width: 991px) {
    .slider-collection-3-2 .product-loop .product-loop-inner .info-loop {
      padding: 8px 10px 0 10px; } }

.slider-collection-3-2 .product-loop .product-loop-inner .price-loop {
  display: none; }

/* box 4 banner */
@media (max-width: 991px) {
  .slider-box-4-banner .owl-item {
    width: 280px !important; } }

.slider-box-4-banner .item-banner .box-media {
  margin-bottom: 20px; }

.slider-box-4-banner .item-banner .box-product-loop .product-loop-small ~ .product-loop-small {
  margin-top: 15px; }

/* home countdown */
.section-coutndown-home .content-countdown {
  background: #F8F8F8; }
  @media (max-width: 991px) {
    .section-coutndown-home .content-countdown {
      background: transparent; } }
  .section-coutndown-home .content-countdown .content-countdown-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .section-coutndown-home .content-countdown .content-countdown-inner .left-countdown {
      width: 40%; }
      @media (max-width: 991px) {
        .section-coutndown-home .content-countdown .content-countdown-inner .left-countdown {
          width: 100%;
          order: 2; } }
    .section-coutndown-home .content-countdown .content-countdown-inner .right-countdown {
      width: 40%; }
      @media (max-width: 991px) {
        .section-coutndown-home .content-countdown .content-countdown-inner .right-countdown {
          width: 100%;
          order: 1; } }

/* countdown */
.js-countdown-top #label-due-top {
  width: 100%;
  text-align: center;
  background: linear-gradient(120.84deg, #D75FB8 0%, #725AC4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  display: block;
  font-size: 16px;
  line-height: 24px; }
  @media (max-width: 991px) {
    .js-countdown-top #label-due-top {
      display: none; } }

.js-countdown-top .soon[data-scale='l'] {
  font-size: 64px;
  line-height: 96px;
  font-weight: 700;
  margin: 0;
  padding: 0; }
  @media (max-width: 991px) {
    .js-countdown-top .soon[data-scale='l'] {
      font-size: 32px;
      line-height: 42px; } }

.js-countdown-top .soon-slot .soon-slot-inner {
  width: auto !important;
  height: auto; }

.js-countdown-top .soon[data-layout*=group] .soon-group-sub > .soon-group-inner {
  margin: 0; }

.js-countdown-top .soon-slot-bounding {
  padding: 0; }

.js-countdown-top .soon-slot:last-child {
  margin-right: 0; }

.js-countdown-top .soon-slot:first-child {
  margin-left: 0; }

.js-countdown-top .soon[data-layout*=group] .soon-label {
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  margin: 0; }
  @media (max-width: 991px) {
    .js-countdown-top .soon[data-layout*=group] .soon-label {
      font-size: 12px;
      line-height: 18px; } }

/* video home */
.section-video .slider-video:not(.owl-loaded) {
  display: flex;
  display: -ms-flex;
  overflow: hidden;
  gap: 30px; }
  @media (max-width: 768px) {
    .section-video .slider-video:not(.owl-loaded) {
      gap: 0; } }
  .section-video .slider-video:not(.owl-loaded) .item-video {
    -webkit-flex: 0 0 33%;
    flex: 0 0 33%; }
    @media (max-width: 768px) {
      .section-video .slider-video:not(.owl-loaded) .item-video {
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%; } }

.section-video .item-video .box-img-video {
  position: relative;
  margin-bottom: 32px; }
  @media (max-width: 991px) {
    .section-video .item-video .box-img-video {
      margin-bottom: 15px; } }
  .section-video .item-video .box-img-video a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: calc(100% * 800 / 680); }
    .section-video .item-video .box-img-video a img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
  .section-video .item-video .box-img-video svg {
    position: absolute;
    top: calc((100% - 80px)/2); }
    @media (max-width: 991px) {
      .section-video .item-video .box-img-video svg {
        width: 40px;
        height: 40px;
        top: calc((100% - 40px)/2); } }

.section-video .item-video .box-info-video {
  text-align: center; }
  @media (max-width: 991px) {
    .section-video .item-video .box-info-video {
      text-align: left; } }
  .section-video .item-video .box-info-video h4 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 12px 0; }
    @media (max-width: 991px) {
      .section-video .item-video .box-info-video h4 {
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 5px 0; } }
  .section-video .item-video .box-info-video p {
    margin: 0; }

@media (max-width: 991px) {
  .section-video .content-video {
    /*margin-right: -15px;*/ } }

/* album home 8 */
@media (min-width: 992px) {
  .section-album .col-lg-custom:nth-child(5) ~ .col-lg-custom {
    margin-top: 8px; } }

@media (max-width: 991px) {
  .section-album .col-lg-custom:nth-child(3) ~ .col-lg-custom {
    margin-top: 4px; } }

@media (max-width: 991px) {
  .section-album .col-lg-custom:last-child {
    display: none; } }

@media (max-width: 991px) {
  .section-album .content-collection {
    margin: 0 -13px; } }

/* menu mobile */
#menu-mobile {
  -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;
  top: 0;
  left: -100%;
  background: #FFFFFF;
  z-index: 9;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden; }
  #menu-mobile .wrap-search-mb {
    padding: 20px; }
    #menu-mobile .wrap-search-mb .form-search-mb {
      position: relative; }
    #menu-mobile .wrap-search-mb .input-search {
      border: none;
      height: 48px;
      border-bottom: 3px solid #000000;
      padding: 0 15px;
      width: 100%;
      outline: none;
      box-shadow: none;
      font-weight: 500;
      font-size: 20px;
      line-height: 28px; }
    #menu-mobile .wrap-search-mb button {
      border: none;
      background: transparent;
      outline: none;
      box-shadow: none;
      position: absolute;
      bottom: 10px;
      right: 15px;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center; }
      #menu-mobile .wrap-search-mb button svg {
        width: 20px;
        height: 20px; }
    #menu-mobile .wrap-search-mb .clear-text-search {
      position: absolute;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 55px;
      bottom: 10px;
      cursor: pointer; }
  .show-menu-mobile #menu-mobile {
    left: 0;
    opacity: 1;
    visibility: visible; }
  #menu-mobile .menu-mobile-inner {
    max-height: calc(100% - 20px);
    overflow: auto; }
    #menu-mobile .menu-mobile-inner .close-menu {
      padding: 19px 20px;
      position: sticky;
      top: 0;
      z-index: 9;
      background: #FFF; }
    #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner {
      height: 75%;
      overflow-y: auto; }
      #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner h4 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        font-weight: normal;
        margin: 0; }
      #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .arrow-sub img {
        width: 21px;
        height: 21px; }
        #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .arrow-sub img:nth-child(2) {
          display: none; }
      #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb {
        padding: 0 20px; }
        #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li {
          margin-bottom: 10px;
          position: relative; }
          #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li.active > h4 > .arrow-sub img:nth-child(1) {
            display: none; }
          #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li.active > h4 > .arrow-sub img:nth-child(2) {
            display: block; }
          #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li.active .sub2-menu-mb {
            display: block; }
          #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li > h4 > a, #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li > a {
            width: 100%;
            padding: 10px 0;
            display: block; }
            #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li > h4 > a[data-title="BLACKFIVEDAYS|BLACKFIVEDAYS"], #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li > a[data-title="BLACKFIVEDAYS|BLACKFIVEDAYS"] {
              animation: bling 2s linear infinite;
              text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
            #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li > h4 > a[data-title="GIẢM GIÁ|SALE"], #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub1-menu-mb > li > a[data-title="GIẢM GIÁ|SALE"] {
              /*animation: bling 2s linear infinite;
								text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
              color: red; }
      #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub2-menu-mb {
        display: none;
        position: relative;
        padding: 15px 0 15px 15px;
        margin-top: 15px;
        margin-left: 15px;
        border-left: 1px solid #F6F7F8; }
        #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub2-menu-mb > li.active > h4 > .arrow-sub img:nth-child(1) {
          display: none; }
        #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub2-menu-mb > li.active > h4 > .arrow-sub img:nth-child(2) {
          display: block; }
        #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub2-menu-mb > li.active .sub3-menu-mb {
          display: block; }
        #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub2-menu-mb > li > h4 > a, #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub2-menu-mb > li > a {
          width: 100%;
          padding: 10px 0;
          display: block; }
      #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub3-menu-mb {
        display: none;
        position: relative;
        padding: 15px 0 15px 15px;
        margin-top: 15px;
        margin-left: 15px;
        border-left: 1px solid #F6F7F8; }
        #menu-mobile .menu-mobile-inner .wrapper-menu-mobile .wrapper-menu-inner .sub3-menu-mb li a {
          width: 100%;
          padding: 10px 0;
          display: block; }

/* 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; }

/* collection */
.main-banner-collection {
  display: flex;
  align-items: center;
  justify-content: center; }
  .main-banner-collection .title-collection-banner {
    position: absolute;
    font-size: 30px; }

.main-title-colleciton {
  text-align: center;
  margin: 30px 0; }
  @media (max-width: 991px) {
    .main-title-colleciton {
      margin: 15px 0; } }
  .main-title-colleciton h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0; }
    @media (max-width: 991px) {
      .main-title-colleciton h1 {
        font-size: 24px;
        line-height: 30px; } }

.title-collection {
  margin: 0 0 8px 0;
  position: sticky;
  top: 65px;
  z-index: 4;
  background: #FFFFFF;
  padding: 20px 0; }
  @media (max-width: 991px) {
    .title-collection {
      padding: 10px 0; } }
  .title-collection.title-collection-ldp {
    margin-top: 60px; }
  .title-collection.title-collection-search {
    margin-top: 85px; }
    @media (max-width: 991px) {
      .title-collection.title-collection-search {
        margin-top: 30px;
        margin-bottom: 0; } }
  @media (max-width: 1199px) {
    .title-collection .container {
      padding: 0; } }
  @media (max-width: 991px) {
    .title-collection {
      border-top: 1px solid #E8E8E8;
      border-bottom: 1px solid #E8E8E8;
      margin: 0 0 20px 0;
      top: 56px; } }
  .title-collection .wrapper-title-collection {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 1199px) {
      .title-collection .wrapper-title-collection {
        flex-wrap: wrap;
        width: 100%; } }
    .title-collection .wrapper-title-collection .main-title {
      display: flex; }
      @media (max-width: 1199px) {
        .title-collection .wrapper-title-collection .main-title {
          order: 1;
          padding-left: 15px; } }
      @media (max-width: 991px) {
        .title-collection .wrapper-title-collection .main-title {
          height: 100%;
          align-items: center;
          display: none; } }
      .title-collection .wrapper-title-collection .main-title h1 {
        font-weight: 500;
        font-size: 28px;
        line-height: 36px;
        margin: 0;
        white-space: nowrap; }
        @media (max-width: 991px) {
          .title-collection .wrapper-title-collection .main-title h1 {
            font-size: 14px;
            line-height: 20px; } }
    .title-collection .wrapper-title-collection .filter-selected {
      margin-left: 25px;
      max-width: 70%;
      margin-right: 15px; }
      @media (max-width: 1199px) {
        .title-collection .wrapper-title-collection .filter-selected {
          order: 3;
          margin-left: 0;
          width: 100%;
          border-top: 1px solid #E8E8E8;
          padding: 10px 15px;
          margin-top: 10px;
          border-bottom: 1px solid #FFFFFF;
          margin-bottom: -10px;
          margin-right: 0;
          max-width: 100%; } }
      .title-collection .wrapper-title-collection .filter-selected .option-filter {
        display: flex;
        align-items: baseline; }
        .title-collection .wrapper-title-collection .filter-selected .option-filter label {
          display: flex;
          align-items: center;
          width: 80px;
          cursor: pointer; }
          .title-collection .wrapper-title-collection .filter-selected .option-filter label svg {
            margin-left: 8px; }
        .title-collection .wrapper-title-collection .filter-selected .option-filter .item-option-filter {
          margin-left: 8px;
          display: flex;
          flex-wrap: wrap;
          width: calc(100% - 80px);
          gap: 6px; }
          @media (max-width: 1199px) {
            .title-collection .wrapper-title-collection .filter-selected .option-filter .item-option-filter {
              flex-wrap: nowrap;
              white-space: nowrap;
              overflow-x: auto; }
              .title-collection .wrapper-title-collection .filter-selected .option-filter .item-option-filter::-webkit-scrollbar {
                display: none; } }
          .title-collection .wrapper-title-collection .filter-selected .option-filter .item-option-filter .item-js-filter {
            background: #000000;
            font-size: 12px;
            line-height: 18px;
            border-radius: 32px;
            padding: 5px 10px;
            color: #FFFFFF;
            cursor: pointer; }
            .title-collection .wrapper-title-collection .filter-selected .option-filter .item-option-filter .item-js-filter svg {
              margin-left: 8px; }
    @media (max-width: 1199px) {
      .title-collection .wrapper-title-collection .option-filter-collection {
        order: 2;
        padding-right: 0;
        justify-content: space-between;
        width: 100%;
        padding: 0 15px; } }
  .title-collection .title-collection-inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .title-collection .title-collection-inner {
        flex-wrap: wrap; } }

.description-collection {
  position: relative; }
  .description-collection .view-des-collection {
    display: none; }
  .description-collection .overlay-des {
    background: white;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.412224) 0%, white 60%, white 100%);
    width: 100%;
    height: 100px;
    margin-top: -80px;
    position: relative; }
  .description-collection .action-overlay {
    display: flex;
    align-items: center;
    justify-content: center; }
    .description-collection .action-overlay span {
      border-bottom: 1px solid gray;
      padding: 0;
      cursor: pointer; }
  .description-collection.isLess .view-des-collection {
    display: block;
    margin: 10px 0 20px; }
  .description-collection.isLess .des-collection-inner {
    height: 200px;
    overflow: hidden; }
    @media (max-width: 991px) {
      .description-collection.isLess .des-collection-inner {
        height: 100px; } }
  .description-collection.isLess .action-overlay span:nth-child(2) {
    display: none; }
  .description-collection.isLess.isOpen .des-collection-inner {
    height: auto; }
  .description-collection.isLess.isOpen .overlay-des {
    display: none; }
  .description-collection.isLess.isOpen .action-overlay span:nth-child(1) {
    display: none; }
  .description-collection.isLess.isOpen .action-overlay span:nth-child(2) {
    display: block; }

.option-filter-collection {
  display: flex;
  align-items: center;
  justify-content: end; }
  .option-filter-collection .filter-collection {
    padding: 10px 12px 10px 16px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    cursor: pointer; }
    @media (max-width: 991px) {
      .option-filter-collection .filter-collection {
        padding: 0;
        border: none;
        border-radius: 0; } }
    .option-filter-collection .filter-collection span {
      margin-right: 20px; }
      @media (max-width: 991px) {
        .option-filter-collection .filter-collection span {
          margin-right: 5px; } }
  .option-filter-collection .sort-collection {
    margin-left: 12px; }
    .option-filter-collection .sort-collection select {
      padding: 10px 12px 10px 16px;
      border: 1px solid #E8E8E8;
      border-radius: 4px;
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      cursor: pointer;
      background: url(https://file.hstatic.net/200000642007/file/vector_267_8abb48f83a914339890585273ab88a3e.svg);
      background-position: center right 16px;
      background-repeat: no-repeat;
      -webkit-appearance: none;
      -moz-appearance: none;
      outline: none;
      box-shadow: none; }
  .option-filter-collection .view-collection {
    margin-left: 25px;
    display: none; }
    @media (min-width: 992px) {
      .option-filter-collection .view-collection {
        display: none; } }

.content-list-collection .pd-4 {
  margin-left: -4px;
  margin-right: -4px; }
  @media (max-width: 991px) {
    .content-list-collection .pd-4 {
      margin-left: -15px;
      margin-right: -15px; } }
  .content-list-collection .pd-4 div[class*="col-"] {
    padding: 0 4px; }
    @media (min-width: 992px) {
      .content-list-collection .pd-4 div[class*="col-"]:nth-child(4) ~ .col-lg-3 {
        margin-top: 40px; } }
    @media (max-width: 991px) {
      .content-list-collection .pd-4 div[class*="col-"] {
        padding: 0; }
        .content-list-collection .pd-4 div[class*="col-"]:nth-child(2) ~ .col-lg-3 {
          margin-top: 30px; } }

.empty-product {
  padding: 120px 0 140px 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media (max-width: 991px) {
    .empty-product {
      padding: 80px 0 100px 0; } }
  .empty-product span {
    display: block;
    width: 100%;
    color: #BCBCBC;
    margin-top: 20px; }

.select2-container--bootstrap {
  width: 180px !important; }
  .select2-container--bootstrap .select2-selection {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #555555;
    font-size: 14px !important;
    outline: 0 !important;
    padding: 10px 12px 10px 16px !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    cursor: pointer;
    background: url(https://file.hstatic.net/200000642007/file/vector_267_8abb48f83a914339890585273ab88a3e.svg);
    background-position: center right 16px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    box-shadow: none;
    height: auto !important; }
  .select2-container--bootstrap .select2-dropdown {
    border-color: #E8E8E8 !important; }
  .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
    display: none; }
  .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
    color: #000000 !important; }

/* filter collection */
#sidebar-filter {
  position: fixed;
  z-index: 10;
  top: 0;
  background: #fff;
  width: 100%;
  max-width: 440px;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  right: -100%;
  -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;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .show-filter #sidebar-filter {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    right: 0; }
  #sidebar-filter .sidebar-filter-inner {
    max-height: calc(100% - 120px);
    overflow: auto; }
    #sidebar-filter .sidebar-filter-inner .heading-filter {
      padding: 8px 20px;
      border-bottom: 1px solid #F8F8F8;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: sticky;
      top: 0;
      background: #FFFFFF; }
      #sidebar-filter .sidebar-filter-inner .heading-filter h4 {
        margin: 0;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400; }
      #sidebar-filter .sidebar-filter-inner .heading-filter .close-filter {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
    #sidebar-filter .sidebar-filter-inner .content-filter {
      padding: 48px 24px; }
      #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar input {
        display: none; }
      #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar ~ .item-filter-sidebar {
        margin-top: 16px; }
      #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .title-item-filter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 16px;
        border-bottom: 1px solid #E8E8E8;
        cursor: pointer; }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .title-item-filter h4 {
          margin: 0;
          font-size: 16px;
          line-height: 24px;
          font-weight: 400; }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .title-item-filter .arrows-filter {
          width: 24px;
          height: 24px;
          border-radius: 100%;
          border: 1px solid #E8E8E8;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
          #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .title-item-filter .arrows-filter svg {
            transform: rotate(180deg); }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .title-item-filter.active .arrows-filter svg {
          transform: rotate(0deg); }
      #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter {
        margin-top: 26px;
        margin-bottom: 46px;
        display: none; }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.active {
          display: block; }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.hoatiet ul {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -7.5px; }
          #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.hoatiet ul li {
            width: calc(100% / 6);
            padding: 0 7.5px;
            text-align: center; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.hoatiet ul li label {
              cursor: pointer; }
              #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.hoatiet ul li label .box-media {
                margin-bottom: 8px;
                box-shadow: 0 0 0px 1.5px #FFFFFF;
                border-radius: 100%;
                overflow: hidden;
                padding: 3px; }
              #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.hoatiet ul li label span {
                font-size: 10px;
                line-height: 12px;
                display: block; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.hoatiet ul li input:checked + label .box-media {
              box-shadow: 0 0 0px 1.5px #000000; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.hoatiet ul li input:checked + label span {
              font-weight: 700; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.hoatiet ul li:nth-child(6) ~ li {
              margin-top: 14px; }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -7.5px; }
          #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li {
            width: calc(100% / 9);
            padding: 0 7.5px; }
            @media (min-width: 1200px) {
              #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li:nth-child(9) ~ li {
                margin-top: 24px; } }
            @media (max-width: 1199px) {
              #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li {
                width: calc(100% / 7); }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li:nth-child(7) ~ li {
                  margin-top: 24px; } }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label {
              width: 100%;
              text-align: center;
              cursor: pointer;
              border-radius: 100%;
              box-shadow: 0 0 0px 1.5px #FFFFFF;
              width: 32px;
              height: 32px;
              display: flex;
              align-items: center;
              justify-content: center; }
              #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span {
                width: 28px;
                height: 28px;
                border-radius: 100%;
                font-size: 0;
                border: 1px solid #FFFFFF; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.do {
                  background: #ff0000; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.vang {
                  background: #ffff05; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.cam {
                  background: #f5b505; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.xanh-duong {
                  background: #5100ff; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.xanh-la {
                  background: #3cfa08; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.nau {
                  background: #753a3a; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.xam {
                  background: #cccaca; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.tim {
                  background: #b5129a; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.hong {
                  background: #db999b; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.den {
                  background: #000000; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.trang {
                  background: #ffffff; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.nude {
                  background: #dcb49e; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.multi {
                  background: #000000; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.trang {
                  border-color: #D0D0D0; }
                #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li label span.multi {
                  background: url(https://file.hstatic.net/1000356698/file/multicolor_c94045b1782348f1a04eebace2443ecd.png); }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.mausac ul li input:checked ~ label {
              box-shadow: 0 0 0px 1.5px #000000; }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-tag ul {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start; }
          #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-tag ul li {
            margin: 0 8px 8px 0; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-tag ul li label {
              border: 1px solid #E8E8E8;
              border-radius: 18px;
              font-size: 12px;
              line-height: 18px;
              padding: 10px 12px;
              cursor: pointer; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-tag ul li input:checked ~ label {
              background: #000000;
              color: #FFFFFF;
              border-color: #000000; }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-size .item-filter-size {
          padding: 0 10px; }
          #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-size .item-filter-size label {
            font-size: 15px;
            margin: 0 0 10px 0; }
          #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-size .item-filter-size ul {
            display: flex;
            flex-wrap: wrap;
            gap: 5px; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-size .item-filter-size ul li label {
              border: 1px solid #d9d9d9;
              width: 40px;
              height: 40px;
              margin: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-size .item-filter-size ul li input:checked ~ label {
              background: #000;
              border-color: #000;
              color: #FFF; }
          #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-size .item-filter-size ~ .item-filter-size {
            margin-top: 25px; }
        #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-price ul {
          display: flex;
          flex-direction: column;
          gap: 15px; }
          #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-price ul li {
            display: flex;
            align-items: center;
            gap: 8px; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-price ul li input {
              display: block; }
            #sidebar-filter .sidebar-filter-inner .content-filter .item-filter-sidebar .content-item-filter.filter-price ul li label {
              cursor: pointer; }
  #sidebar-filter .result-filter {
    width: 100%;
    z-index: 9;
    background: #FFFFFF; }
    #sidebar-filter .result-filter .option-filter {
      padding: 12px 16px;
      box-shadow: 0px 8px 16px 8px rgba(0, 0, 0, 0.2);
      display: flex;
      align-items: center; }
      @media (max-width: 1199px) {
        #sidebar-filter .result-filter .option-filter {
          background: #F8F8F8;
          box-shadow: none; } }
      #sidebar-filter .result-filter .option-filter label {
        display: flex;
        align-items: center;
        width: 80px;
        cursor: pointer; }
        #sidebar-filter .result-filter .option-filter label svg {
          margin-left: 8px; }
        @media (max-width: 1199px) {
          #sidebar-filter .result-filter .option-filter label {
            display: none; } }
      #sidebar-filter .result-filter .option-filter .item-option-filter {
        margin-left: 8px;
        display: flex;
        flex-wrap: wrap;
        width: calc(100% - 80px); }
        @media (max-width: 1199px) {
          #sidebar-filter .result-filter .option-filter .item-option-filter {
            margin-left: 0;
            width: 100%; } }
        #sidebar-filter .result-filter .option-filter .item-option-filter .item-js-filter {
          background: #000000;
          font-size: 12px;
          line-height: 18px;
          border-radius: 32px;
          padding: 5px 10px;
          color: #FFFFFF;
          cursor: pointer;
          margin: 0 6px 6px 0; }
          #sidebar-filter .result-filter .option-filter .item-option-filter .item-js-filter svg {
            margin-left: 8px; }
    #sidebar-filter .result-filter .total-filter {
      background: #000000;
      padding: 16px;
      text-align: center;
      color: #FFFFFF;
      font-size: 16px;
      line-height: 24px;
      font-weight: 700;
      cursor: pointer; }
      @media (max-width: 1199px) {
        #sidebar-filter .result-filter .total-filter {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 16px; } }
      #sidebar-filter .result-filter .total-filter .clear-filter-mobile {
        padding: 16px 0;
        text-align: center; }
        @media (min-width: 1200px) {
          #sidebar-filter .result-filter .total-filter .clear-filter-mobile {
            display: none; } }
        #sidebar-filter .result-filter .total-filter .clear-filter-mobile svg path {
          stroke: #FFFFFF; }
      @media (max-width: 1199px) {
        #sidebar-filter .result-filter .total-filter .view-filter {
          padding: 16px 0; } }

.overflay-filter {
  background: #000000;
  opacity: 0.24;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  display: none; }
  .show-filter .overflay-filter {
    display: block; }

/* product detail */
.wrapper-product-detail {
  margin: 48px 0; }
  @media (max-width: 991px) {
    .wrapper-product-detail {
      margin: 0; } }
  @media (max-width: 991px) {
    .wrapper-product-detail .container {
      padding: 0; } }
  .wrapper-product-detail .wrapper-product-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: start; }
    .wrapper-product-detail .wrapper-product-inner .image-product-detail {
      width: 63%; }
      .wrapper-product-detail .wrapper-product-inner .image-product-detail .list-image-detail {
        position: relative;
        overflow: hidden; }
      @media (min-width: 992px) {
        .wrapper-product-detail .wrapper-product-inner .image-product-detail {
          padding: 0 30px;
          margin: 0 0 30px 0; }
          .wrapper-product-detail .wrapper-product-inner .image-product-detail .wrapper-list-thumb-image-detail {
            max-width: 420px;
            margin: 0 auto;
            margin-top: 10px; }
            .wrapper-product-detail .wrapper-product-inner .image-product-detail .wrapper-list-thumb-image-detail .owl-item {
              cursor: pointer; }
              .wrapper-product-detail .wrapper-product-inner .image-product-detail .wrapper-list-thumb-image-detail .owl-item.active.current {
                border: 1px solid #E8E8E8; } }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner .image-product-detail {
          width: 100%; }
          .wrapper-product-detail .wrapper-product-inner .image-product-detail .wrapper-list-thumb-image-detail {
            display: none; } }
      .wrapper-product-detail .wrapper-product-inner .image-product-detail .item-image-detail {
        padding-top: 124%; }
        .wrapper-product-detail .wrapper-product-inner .image-product-detail .item-image-detail img {
          position: absolute;
          top: 0;
          left: 0; }
    .wrapper-product-detail .wrapper-product-inner .content-product-detail {
      width: 37%;
      padding-left: 44px;
      position: sticky;
      top: 0; }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner .content-product-detail {
          width: 100%;
          position: relative;
          padding-left: 0;
          margin-top: 20px; } }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail {
        display: flex;
        align-items: start;
        justify-content: space-between; }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail {
            padding: 0 20px; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .title-product-detail h1 {
          font-size: 32px;
          line-height: 40px;
          font-weight: 500;
          margin: 0 0 8px 0; }
          @media (max-width: 991px) {
            .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .title-product-detail h1 {
              font-size: 18px;
              line-height: 22px; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .title-product-detail .sku-product-detail, .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .title-product-detail .stylecode-product-detail {
          font-size: 16px;
          line-height: 20px;
          color: #000000; }
          @media (max-width: 991px) {
            .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .title-product-detail .sku-product-detail, .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .title-product-detail .stylecode-product-detail {
              font-size: 12px;
              line-height: 12px; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .wishlist-product-detail {
          display: flex;
          align-items: center; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .wishlist-product-detail a {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer; }
            .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .wishlist-product-detail a ~ a {
              margin-left: 5px; }
            .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .heading-product-detail .wishlist-product-detail a.js-inWishlist svg path {
              fill: #000000; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .price-product-detail {
        margin: 18px 0; }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .price-product-detail {
            padding: 0 20px; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .price-product-detail span {
          font-size: 20px;
          line-height: 28px;
          font-weight: 500; }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .price-product-detail del {
          font-size: 16px;
          line-height: 24px;
          color: gray;
          margin-left: 8px; }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .price-product-detail .label-sale-detail {
          background: red;
          color: #FFFFFF;
          font-size: 14px;
          border-radius: 4px;
          padding: 3px 5px;
          margin: 0 0 0 5px; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .swatch-color {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 20px;
        gap: 12px; }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .swatch-color {
            padding: 0 20px; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .swatch-color .item-swatch {
          border: 1px solid #FFFFFF;
          border-radius: 100%;
          cursor: pointer;
          padding: 3px;
          box-shadow: 0 0 1px 1px #e6e6e6; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .swatch-color .item-swatch.active {
            box-shadow: 0 0 1px 1px #000000; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .swatch-color .item-swatch img {
            width: 32px;
            height: 32px;
            border-radius: 100%; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .overflow-in-mobile {
        display: none;
        z-index: 9;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3); }
        .buy-in-mobile .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .overflow-in-mobile {
          display: block; }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail {
          padding: 0 20px;
          /*@include transition3s;
						position: fixed;
						bottom: -100%;
						visibility: hidden;
						opacity: 0;
						z-index: 2147483601;
						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);
						.buy-in-mobile & {
							bottom: 0;
							visibility: visible;
							opacity: 1;
							.details__promotion2 {display: none;}
							&: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%);
							}
						}*/ } }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch ~ .option-swatch {
        margin-top: 20px; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .title-swatch {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 12px 0;
        position: relative; }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .title-swatch {
            margin: 0 0 25px 0; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .title-swatch h4 {
          font-size: 16px;
          line-height: 24px;
          margin: 0;
          font-weight: 400; }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .title-swatch .open-size-chart {
          display: flex;
          align-items: center;
          cursor: pointer; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .title-swatch .open-size-chart svg {
            margin-right: 5px; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .swatch-size, .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .swatch-stylecode {
        display: flex;
        flex-wrap: wrap; }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .swatch-size .item-swatch, .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .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;
          margin: 0 8px 8px 0; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .swatch-size .item-swatch.active, .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .swatch-stylecode .item-swatch.active {
            color: #FFFFFF;
            background: #000000;
            border-color: #000000; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .swatch-size .item-swatch.soldout, .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .option-swatch .swatch-stylecode .item-swatch.soldout {
            background: #F8F8F8;
            border-color: #E8E8E8;
            color: #D0D0D0;
            pointer-events: none; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .quantity-detail {
        margin: 24px 0; }
        @media (min-width: 1200px) {
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .quantity-detail {
            display: none; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .quantity-detail .wrapper-quantity {
          border: 1px solid #E8E8E8;
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 48px; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .quantity-detail .wrapper-quantity button {
            width: 48px;
            height: 48px;
            border: none;
            background: transparent;
            outline: none;
            box-shadow: none; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .quantity-detail .wrapper-quantity input {
            width: calc(100% - 96px);
            text-align: center;
            height: 48px;
            outline: none;
            border: none;
            background: transparent; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .action-detail {
        background: #000000;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 24px 0 0 0; }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .action-detail {
            position: fixed;
            bottom: 0;
            width: 100%;
            left: 0;
            height: auto;
            margin: 0;
            z-index: 9; }
            .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .action-detail span {
              display: none; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .action-detail button {
          width: 49%;
          border: none;
          background: transparent;
          font-size: 16px;
          line-height: 20px;
          color: #FFFFFF;
          text-transform: uppercase;
          font-weight: 400;
          height: 56px; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .action-detail button#btn-buynow {
            background: #B01722; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .action-detail-2 button {
        width: 100%;
        border: none;
        background: #F8F8F8;
        font-size: 16px;
        line-height: 20px;
        color: #000000;
        text-transform: uppercase;
        font-weight: 400;
        height: 56px;
        pointer-events: none; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .promotion-detail {
        width: 100%;
        text-align: center;
        margin: 14px 0;
        display: flex;
        align-items: center;
        justify-content: center; }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .selector-product-detail .selector-product-detail-inner .promotion-detail svg {
          margin-right: 8px; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .policy-product-detail {
        border-top: 1px solid #E8E8E8;
        padding-top: 24px;
        margin-top: 24px; }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .policy-product-detail {
            padding-left: 20px;
            padding-right: 20px; } }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .policy-product-detail .item-policy {
          display: flex; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .policy-product-detail .item-policy ~ .item-policy {
            margin-top: 12px; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .policy-product-detail .item-policy .icon-policy {
            margin-right: 20px;
            width: 20px; }
          .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .policy-product-detail .item-policy .content-policy {
            width: calc(100% - 20px); }
            .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .policy-product-detail .item-policy .content-policy h4 {
              font-size: 16px;
              line-height: 24px;
              font-weight: 400;
              margin: 0 0 5px 0; }
            .wrapper-product-detail .wrapper-product-inner .content-product-detail .info-product-detail .policy-product-detail .item-policy .content-policy p {
              font-size: 14px;
              line-height: 20px;
              color: #949494; }
      .wrapper-product-detail .wrapper-product-inner .content-product-detail.isSoldout .info-product-detail .selector-product-detail .promotion-detail {
        color: #D0D0D0;
        pointer-events: none; }
        .wrapper-product-detail .wrapper-product-inner .content-product-detail.isSoldout .info-product-detail .selector-product-detail .promotion-detail svg path {
          stroke: #D0D0D0; }
    .wrapper-product-detail .wrapper-product-inner .description-product-detail {
      width: 63%; }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner .description-product-detail {
          width: 100%;
          margin-top: 45px; } }
      .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .tab-description {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .tab-description {
            display: flex;
            flex-wrap: nowrap;
            white-space: nowrap;
            overflow-x: auto; } }
        .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .tab-description .item-tab-des {
          width: 100%;
          text-align: center;
          font-size: 14px;
          line-height: 20px;
          color: #000000;
          padding: 16px 0;
          border-bottom: 3px solid #FFFFFF;
          text-transform: uppercase;
          cursor: pointer; }
          @media (max-width: 991px) {
            .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .tab-description .item-tab-des {
              padding: 14px 15px; } }
          .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .tab-description .item-tab-des.active {
            color: #000000;
            border-color: #000000; }
      .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .content-tab-description {
        padding-top: 20px;
        line-height: 30px; }
        .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .content-tab-description .item-content-tab[data-tab="tab2"] * {
          font-family: 'Product sans', sans-serif !important;
          font-size: 14px !important; }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .content-tab-description {
            padding-left: 20px;
            padding-right: 20px; } }
        .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .content-tab-description .item-content-tab {
          display: none; }
          .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .content-tab-description .item-content-tab.active {
            display: block; }
        .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-description .content-tab-description ul {
          list-style: inherit;
          padding: 10px 0 10px 20px; }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner .description-product-detail .wrapper-relates {
          padding-left: 20px;
          padding-right: 15px; } }
    .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail {
      width: 55%;
      padding: 0 5%;
      display: flex;
      align-items: start;
      gap: 14px; }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail {
          width: 100%;
          padding: 0; } }
      .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .list-image-detail {
        width: 86%; }
        @media (min-width: 992px) {
          .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .list-image-detail {
            order: 2; } }
        @media (max-width: 991px) {
          .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .list-image-detail {
            width: 100%; } }
      .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail {
        margin-top: 0;
        width: 14%; }
        @media (min-width: 992px) {
          .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail {
            order: 1; } }
        .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail .list-thumb-image-detail {
          display: flex;
          flex-direction: column;
          gap: 14px;
          overflow: auto;
          padding-right: 8px; }
          .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail .list-thumb-image-detail::-webkit-scrollbar {
            width: 2px;
            height: 0;
            background-color: #2E2E2E; }
          .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail .list-thumb-image-detail::-webkit-scrollbar-thumb {
            background-color: #868D95;
            border: none; }
          .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail .list-thumb-image-detail::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px white;
            background-color: white; }
          .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail .list-thumb-image-detail .item-image-detail {
            position: relative;
            padding-top: 0;
            cursor: pointer; }
            .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail .list-thumb-image-detail .item-image-detail img {
              position: relative; }
            .wrapper-product-detail .wrapper-product-inner.style-02 .image-product-detail .wrapper-list-thumb-image-detail .list-thumb-image-detail .item-image-detail.active {
              border: 1px solid #E8E8E8; }
    .wrapper-product-detail .wrapper-product-inner.style-02 .content-product-detail {
      width: 45%; }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner.style-02 .content-product-detail {
          width: 100%; } }
    .wrapper-product-detail .wrapper-product-inner.style-02 .description-product-detail {
      width: 55%; }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner.style-02 .description-product-detail {
          width: 100%; } }
    .wrapper-product-detail .wrapper-product-inner.style-03 .image-product-detail {
      padding: 0 15%; }
      @media (max-width: 991px) {
        .wrapper-product-detail .wrapper-product-inner.style-03 .image-product-detail {
          padding: 0; } }
  .wrapper-product-detail .action-buy-mobile {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    padding: 20px 20px 30px 20px;
    width: 100%; }
    .wrapper-product-detail .action-buy-mobile button {
      background: rgba(0, 0, 0, 0.8);
      box-shadow: 0px 16px 16px rgba(0, 0, 0, 0.25);
      backdrop-filter: blur(10px);
      border-radius: 28px;
      width: 100%;
      color: #FFFFFF;
      font-size: 16px;
      line-height: 16px;
      padding: 20px;
      border: none;
      outline: none; }
      .wrapper-product-detail .action-buy-mobile button:nth-child(2) {
        display: none; }
    .wrapper-product-detail .action-buy-mobile.disabled button {
      cursor: none;
      pointer-events: none;
      background: gray; }
      .wrapper-product-detail .action-buy-mobile.disabled button:nth-child(1) {
        display: none; }
      .wrapper-product-detail .action-buy-mobile.disabled button:nth-child(2) {
        display: block; }

.section-relates {
  margin-top: 48px; }

#jGrowl.jGrowl {
  z-index: 99993; }
  #jGrowl.jGrowl.top-right {
    right: 0;
    top: 16%; }
  #jGrowl.jGrowl .jGrowl-notification {
    position: relative;
    background: #ffffff;
    border: 0;
    opacity: 1;
    width: 270px;
    -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3); }
    #jGrowl.jGrowl .jGrowl-notification:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #EBEBF0;
      display: none; }
    #jGrowl.jGrowl .jGrowl-notification .jGrowl-close {
      font-size: 0px;
      color: #ffffff;
      background-color: #EBEBF0;
      position: absolute;
      right: 6px;
      z-index: 99;
      border: none;
      float: right;
      font-weight: 700;
      cursor: pointer;
      display: block;
      width: 15px;
      height: 15px;
      line-height: 14px;
      border-radius: 50%; }
      #jGrowl.jGrowl .jGrowl-notification .jGrowl-close:focus {
        outline: none; }
      #jGrowl.jGrowl .jGrowl-notification .jGrowl-close:before {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        right: 0px;
        top: 0px;
        left: 0;
        bottom: 0;
        margin: auto;
        background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M638.6,500l322.7-322.7c38.3-38.3,38.3-100.3,0-138.6C923,0.4,861,0.4,822.7,38.7L500,361.4L177.3,38.7C139,0.4,77,0.4,38.7,38.7C0.4,77,0.4,139,38.7,177.3L361.4,500L38.7,822.7C0.4,861,0.4,923,38.7,961.3C57.9,980.4,82.9,990,108,990s50.1-9.6,69.3-28.7L500,638.6l322.7,322.7c19.1,19.1,44.2,28.7,69.3,28.7c25.1,0,50.1-9.6,69.3-28.7c38.3-38.3,38.3-100.3,0-138.6L638.6,500z'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
      #jGrowl.jGrowl .jGrowl-notification .jGrowl-close.ui-corner-all {
        display: none !important; }
  #jGrowl.jGrowl .jGrowl-message .jGowl-text {
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #27272A; }
  #jGrowl.jGrowl .jGrowl-message img {
    border: 1px solid #ececec; }
  #jGrowl.jGrowl .jGrowl-message .jGrowl-note .jGrowl-title {
    font-size: 13px;
    color: #27272A; }
  #jGrowl.jGrowl .jGrowl-message .jGrowl-note ins {
    display: block;
    color: #27272A; }
  #jGrowl.jGrowl .jGrowl-message .col-md-8 {
    padding-left: 0; }

/* cart */
.breadcrum-container {
  width: 100%;
  max-width: 1270px;
  padding: 0 15px;
  margin: 0 auto; }
  .breadcrum-container .container {
    padding: 0; }

.wrapper-cart {
  width: 100%;
  max-width: 1270px;
  padding: 0 15px;
  margin: 0 auto; }
  @media (max-width: 991px) {
    .wrapper-cart {
      padding: 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: 16px;
                line-height: 24px;
                font-weight: 700; }
              .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .price-item del {
                color: gray; }
              .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .price-item.price-sale {
                display: flex;
                flex-direction: column; }
                .wrapper-cart .container-wrapper-cart .main-cart .item-cart .box-media-item-cart .box-info .box-info-inner .price-item.price-sale span {
                  color: red;
                  font-weight: bold; }
          @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 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 .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; } }

.toast {
  position: fixed;
  z-index: 999;
  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; }

#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; }

.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; }

#suggest-products {
  padding: 0;
  width: 100%;
  max-width: 825px;
  border-radius: 8px; }
  @media (min-width: 992px) {
    #suggest-products {
      display: none; } }
  @media (max-width: 991px) {
    #suggest-products {
      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); }
      #suggest-products: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-suggest #suggest-products {
    bottom: 0;
    visibility: visible;
    opacity: 1; }
  #suggest-products .suggest-products-inner h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 16px 0;
    border-bottom: 1px solid #F8F8F8;
    margin: 0; }
    @media (max-width: 991px) {
      #suggest-products .suggest-products-inner h3 {
        padding: 0;
        border-bottom: none;
        text-align: left;
        margin: 0 0 8px 0; } }
  #suggest-products .suggest-products-inner .content-suggest-product {
    padding: 32px 24px; }
    @media (max-width: 991px) {
      #suggest-products .suggest-products-inner .content-suggest-product {
        padding: 0; } }
    #suggest-products .suggest-products-inner .content-suggest-product .title-suggest-product {
      font-weight: 500;
      font-size: 18px;
      line-height: 26px;
      margin: 0 0 24px 0; }
      @media (max-width: 991px) {
        #suggest-products .suggest-products-inner .content-suggest-product .title-suggest-product {
          font-weight: 400;
          font-size: 14px;
          line-height: 20px;
          margin: 0 0 12px 0; } }
    #suggest-products .suggest-products-inner .content-suggest-product .action-suggest-product {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
      margin-top: 32px; }
      @media (max-width: 991px) {
        #suggest-products .suggest-products-inner .content-suggest-product .action-suggest-product {
          margin-top: 28px; } }
      #suggest-products .suggest-products-inner .content-suggest-product .action-suggest-product .action-suggest-product-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%; }
        @media (max-width: 991px) {
          #suggest-products .suggest-products-inner .content-suggest-product .action-suggest-product .action-suggest-product-inner {
            background: #000000;
            height: 56px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 4px; } }
        #suggest-products .suggest-products-inner .content-suggest-product .action-suggest-product .action-suggest-product-inner 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) {
            #suggest-products .suggest-products-inner .content-suggest-product .action-suggest-product .action-suggest-product-inner a {
              border: none;
              color: #FFFFFF; } }
          @media (min-width: 992px) {
            #suggest-products .suggest-products-inner .content-suggest-product .action-suggest-product .action-suggest-product-inner a.countinued-shopping {
              background: #000000;
              color: #FFFFFF; } }

#modalWarning {
  width: 100%;
  max-width: 500px;
  padding: 24px;
  border-radius: 4px; }

#warning-form {
  width: 100%;
  max-width: 440px;
  padding: 44px 22px 22px 22px;
  border-radius: 4px; }
  #warning-form .warning-form-inner {
    text-align: center; }
  #warning-form h3 {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700; }
  #warning-form p {
    margin: 20px auto 10px auto;
    padding: 0 45px;
    font-size: 16px;
    line-height: 24px; }
  #warning-form a {
    padding: 12px 32px;
    border: none;
    border-radius: 4px;
    background: #000000;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    height: 48px;
    display: inline-block; }

.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: 430px; }
  @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 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; }
  @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 .wrapper-gender .item-gender ~ .item-gender {
        margin-top: 8px; }
      .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; }
      @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; }
  .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; }
        .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: block;
          background: linear-gradient(120.84deg, #D75FB8 0%, #725AC4 100%);
          padding: 14px;
          border-radius: 4px;
          width: 100%;
          display: flex;
          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: 25%;
        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); }
  .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; }

.style-recently {
  padding: 0;
  border-radius: 8px;
  width: 100%;
  max-width: 440px; }
  .style-recently .recently-popup-inner {
    padding: 56px 24px 36px 24px; }
    .style-recently .recently-popup-inner h3 {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 32px;
      text-align: center; }
    .style-recently .recently-popup-inner .recently-action-popup {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .style-recently .recently-popup-inner .recently-action-popup .recently-action-popup-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%; }
        .style-recently .recently-popup-inner .recently-action-popup .recently-action-popup-inner a {
          width: 49%;
          border: 1px solid #E8E8E8;
          border-radius: 4px;
          padding: 12px;
          text-align: center;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px; }
          .style-recently .recently-popup-inner .recently-action-popup .recently-action-popup-inner a.remove-recently-popup {
            background: #000000;
            color: #FFFFFF; }
          .style-recently .recently-popup-inner .recently-action-popup .recently-action-popup-inner a.close-recently {
            background: #000000;
            color: #FFFFFF; }
  .style-recently .fancybox-button.fancybox-close-small {
    width: 56px;
    height: 56px;
    padding: 15px; }

.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; }

#mini-search {
  position: fixed;
  top: 0;
  z-index: 9;
  background: #FFFFFF;
  min-height: 584px;
  width: 100%;
  display: none; }
  @media (max-width: 991px) {
    #mini-search {
      padding: 15px;
      min-height: 100%; } }
  .show-minisearch #mini-search {
    display: block; }
  #mini-search .mini-seach-inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 56px 0;
    position: relative; }
    @media (max-width: 991px) {
      #mini-search .mini-seach-inner {
        padding: 50px 0 0 0; } }
    #mini-search .mini-seach-inner .form-mini-search .form-search {
      position: relative; }
      #mini-search .mini-seach-inner .form-mini-search .form-search .input-search {
        border: none;
        height: 48px;
        border-bottom: 3px solid #000000;
        padding: 0 15px;
        width: 100%;
        outline: none;
        box-shadow: none;
        font-weight: 500;
        font-size: 20px;
        line-height: 28px; }
        #mini-search .mini-seach-inner .form-mini-search .form-search .input-search::placeholder {
          color: #BCBCBC;
          font-weight: 500;
          font-size: 20px;
          line-height: 28px; }
        #mini-search .mini-seach-inner .form-mini-search .form-search .input-search:-ms-input-placeholder {
          color: #BCBCBC;
          font-weight: 500;
          font-size: 20px;
          line-height: 28px; }
        #mini-search .mini-seach-inner .form-mini-search .form-search .input-search::-ms-input-placeholder {
          color: #BCBCBC;
          font-weight: 500;
          font-size: 20px;
          line-height: 28px; }
      #mini-search .mini-seach-inner .form-mini-search .form-search button {
        border: none;
        background: transparent;
        outline: none;
        box-shadow: none;
        position: absolute;
        bottom: 10px;
        right: 15px;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center; }
        #mini-search .mini-seach-inner .form-mini-search .form-search button svg {
          width: 20px;
          height: 20px; }
      #mini-search .mini-seach-inner .form-mini-search .form-search .clear-text-search {
        position: absolute;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 55px;
        bottom: 10px;
        cursor: pointer; }
    #mini-search .mini-seach-inner .result-search {
      position: absolute;
      width: 100%;
      height: calc(100% - 104px);
      background: #FFFFFF;
      z-index: 9; }
      #mini-search .mini-seach-inner .result-search .list-result-search {
        padding: 30px 0; }
        #mini-search .mini-seach-inner .result-search .list-result-search .empty-mini-search {
          text-align: center;
          color: #787878;
          font-size: 16px;
          line-height: 20px; }
        #mini-search .mini-seach-inner .result-search .list-result-search .item-product-search {
          display: flex;
          align-items: center; }
          #mini-search .mini-seach-inner .result-search .list-result-search .item-product-search ~ .item-product-search {
            margin-top: 12px; }
          #mini-search .mini-seach-inner .result-search .list-result-search .item-product-search .media-product-search {
            width: 48px; }
          #mini-search .mini-seach-inner .result-search .list-result-search .item-product-search .title-product-search {
            width: calc(100% - 48px);
            padding-left: 12px; }
    #mini-search .mini-seach-inner .history-search {
      margin-top: 40px; }
      #mini-search .mini-seach-inner .history-search .title-history {
        margin: 0 0 12px 0;
        display: flex;
        align-items: center; }
        #mini-search .mini-seach-inner .history-search .title-history h4 {
          font-weight: 700;
          font-size: 16px;
          line-height: 24px;
          margin: 0; }
        #mini-search .mini-seach-inner .history-search .title-history .clear-key-search {
          margin-left: 8px;
          color: #787878;
          font-weight: 500;
          font-size: 12px;
          line-height: 20px;
          text-decoration: underline;
          cursor: pointer; }
      #mini-search .mini-seach-inner .history-search ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap; }
        #mini-search .mini-seach-inner .history-search ul li {
          border: 1px solid #E8E8E8;
          border-radius: 18px;
          padding: 7px 12px;
          margin: 0 5px 5px 0;
          cursor: pointer; }
          #mini-search .mini-seach-inner .history-search ul li:hover {
            border-color: #000000;
            color: #FFFFFF;
            background: #000000; }
            #mini-search .mini-seach-inner .history-search ul li:hover a {
              color: #FFFFFF; }
    #mini-search .mini-seach-inner .suggest-mini-search {
      margin: 40px 0 0 0;
      display: flex; }
      @media (max-width: 991px) {
        #mini-search .mini-seach-inner .suggest-mini-search {
          /*display: none;*/
          margin: 20px 0 0 0; } }
      #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini {
        width: 30%; }
        @media (max-width: 991px) {
          #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini {
            width: 100%; } }
        #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .title-left-suggest {
          font-weight: 700;
          font-size: 16px;
          line-height: 24px;
          margin: 0 0 16px 0; }
        #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .content-left-suggest .item-content-suggest {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .content-left-suggest .item-content-suggest ~ .item-content-suggest {
            margin-top: 12px; }
          #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .content-left-suggest .item-content-suggest .media-item-content {
            display: flex;
            align-items: center; }
            #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .content-left-suggest .item-content-suggest .media-item-content .key-item-content {
              display: flex;
              align-items: center;
              margin-left: 12px; }
              #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .content-left-suggest .item-content-suggest .media-item-content .key-item-content span ~ span {
                margin-left: 12px; }
              #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .content-left-suggest .item-content-suggest .media-item-content .key-item-content span:nth-child(1) {
                font-weight: 700;
                font-size: 14px;
                line-height: 20px; }
              #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .content-left-suggest .item-content-suggest .media-item-content .key-item-content span:nth-child(2) {
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                padding-right: 10px; }
          #mini-search .mini-seach-inner .suggest-mini-search .left-suggest-mini .content-left-suggest .item-content-suggest .number-item-content {
            font-size: 9px;
            font-weight: bold; }
      #mini-search .mini-seach-inner .suggest-mini-search .right-suggest-mini {
        width: 70%;
        padding-left: 50px; }
        @media (max-width: 991px) {
          #mini-search .mini-seach-inner .suggest-mini-search .right-suggest-mini {
            display: none; } }
        #mini-search .mini-seach-inner .suggest-mini-search .right-suggest-mini .title-right-suggest {
          font-weight: 700;
          font-size: 16px;
          line-height: 24px;
          margin: 0 0 16px 0; }
        #mini-search .mini-seach-inner .suggest-mini-search .right-suggest-mini .product-loop .product-loop-inner .info-loop {
          display: none; }
  #mini-search .close-mini-search {
    position: absolute;
    top: 48px;
    right: 48px;
    width: 56px;
    height: 56px;
    border: 1px solid #E8E8E8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    cursor: pointer; }
    @media (max-width: 991px) {
      #mini-search .close-mini-search {
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px; } }
    #mini-search .close-mini-search svg {
      width: 14px;
      height: 14px; }

.paginate-wrapper #pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 90px; }
  @media (max-width: 991px) {
    .paginate-wrapper #pagination {
      flex-wrap: wrap;
      margin-top: 40px; } }
  .paginate-wrapper #pagination .item-pagi {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    font-size: 20px;
    border: 1px solid #DCE0EF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #DCE0EF;
    cursor: pointer;
    -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; }
    @media (max-width: 991px) {
      .paginate-wrapper #pagination .item-pagi {
        width: 30px;
        height: 30px;
        font-size: 12px; } }
    .paginate-wrapper #pagination .item-pagi ~ .item-pagi {
      margin-left: 15px; }
    .paginate-wrapper #pagination .item-pagi.active, .paginate-wrapper #pagination .item-pagi:hover {
      color: #000000;
      border-color: #000000; }

.layout-searchPage .form-page-search {
  padding: 110px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 991px) {
    .layout-searchPage .form-page-search {
      padding: 20px 0 0 0; } }
  .layout-searchPage .form-page-search .search-page {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    position: relative; }
    .layout-searchPage .form-page-search .search-page .search_box {
      height: 64px;
      padding: 0 15px;
      border: none;
      border-bottom: 3px solid #000000;
      width: 100%;
      font-weight: 500;
      font-size: 20px;
      line-height: 28px;
      outline: none;
      box-shadow: none; }
      @media (max-width: 991px) {
        .layout-searchPage .form-page-search .search-page .search_box {
          padding-left: 50px;
          font-weight: 500;
          font-size: 16px;
          line-height: 24px;
          height: 48px; } }
    .layout-searchPage .form-page-search .search-page button {
      border: none;
      background: transparent;
      outline: none;
      box-shadow: none;
      position: absolute;
      bottom: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 991px) {
        .layout-searchPage .form-page-search .search-page button {
          right: auto;
          left: 10px;
          width: 24px;
          height: 24px;
          bottom: 12px; } }
    .layout-searchPage .form-page-search .search-page .clear-text-page-search {
      position: absolute;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 55px;
      bottom: 15px;
      cursor: pointer; }
      @media (max-width: 991px) {
        .layout-searchPage .form-page-search .search-page .clear-text-page-search {
          right: 10px;
          bottom: 16px;
          width: 16px;
          height: 16px; } }

.content-lookbook .content-lookbook-inner {
  display: flex;
  flex-wrap: wrap; }
  .content-lookbook .content-lookbook-inner .item-lookbook {
    position: relative;
    width: 50%; }
    @media (max-width: 991px) {
      .content-lookbook .content-lookbook-inner .item-lookbook {
        width: 100%; } }
    .content-lookbook .content-lookbook-inner .item-lookbook a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      flex-wrap: wrap; }
      .content-lookbook .content-lookbook-inner .item-lookbook a img {
        width: 100%; }
      .content-lookbook .content-lookbook-inner .item-lookbook a .content-lookbook {
        position: absolute;
        z-index: 2;
        text-align: center;
        max-width: 80%; }
        .content-lookbook .content-lookbook-inner .item-lookbook a .content-lookbook h4 {
          font-weight: 600;
          font-size: 48px;
          line-height: 72px;
          color: #FFFFFF;
          margin: 0; }
          @media (max-width: 991px) {
            .content-lookbook .content-lookbook-inner .item-lookbook a .content-lookbook h4 {
              font-weight: 600;
              font-size: 36px;
              line-height: 52px; } }
        .content-lookbook .content-lookbook-inner .item-lookbook a .content-lookbook p {
          font-weight: 400;
          font-size: 16px;
          line-height: 24px;
          color: #FFFFFF;
          margin: 0; }
          @media (max-width: 991px) {
            .content-lookbook .content-lookbook-inner .item-lookbook a .content-lookbook p {
              font-weight: 400;
              font-size: 14px;
              line-height: 20px; } }
      .content-lookbook .content-lookbook-inner .item-lookbook a:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
        position: absolute;
        top: 0;
        left: 0; }
      .content-lookbook .content-lookbook-inner .item-lookbook a:hover:after {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)); }

.content-lookbook .content-lookbook-inner-list .tab-lookbook-list {
  margin: 0 0 32px 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 991px) {
    .content-lookbook .content-lookbook-inner-list .tab-lookbook-list {
      justify-content: start;
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow-x: auto;
      padding-left: 15px;
      padding-top: 12px;
      margin: 0 0 20px 0; }
      .content-lookbook .content-lookbook-inner-list .tab-lookbook-list::-webkit-scrollbar {
        display: none; } }
  @media (min-width: 992px) {
    .content-lookbook .content-lookbook-inner-list .tab-lookbook-list .item-tab-lookbook-list {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      padding: 14px 20px;
      border: 1px solid #E8E8E8;
      border-right: none;
      cursor: pointer; }
      .content-lookbook .content-lookbook-inner-list .tab-lookbook-list .item-tab-lookbook-list:first-child {
        border-radius: 4px 0 0 4px; }
      .content-lookbook .content-lookbook-inner-list .tab-lookbook-list .item-tab-lookbook-list:last-child {
        border-right: 1px solid #E8E8E8;
        border-radius: 0 4px 4px 0; }
      .content-lookbook .content-lookbook-inner-list .tab-lookbook-list .item-tab-lookbook-list.active, .content-lookbook .content-lookbook-inner-list .tab-lookbook-list .item-tab-lookbook-list:hover {
        background: #000000;
        border-color: #000000;
        color: #FFFFFF; } }
  @media (max-width: 991px) {
    .content-lookbook .content-lookbook-inner-list .tab-lookbook-list .item-tab-lookbook-list {
      font-size: 14px;
      line-height: 20px;
      padding: 8px;
      border-bottom: 2px solid #FFFFFF; }
      .content-lookbook .content-lookbook-inner-list .tab-lookbook-list .item-tab-lookbook-list ~ .item-tab-lookbook-list {
        margin-left: 8px; }
      .content-lookbook .content-lookbook-inner-list .tab-lookbook-list .item-tab-lookbook-list.active {
        border-color: #000000; } }

.content-lookbook .content-lookbook-inner-list .content-lookbook-list .item-content-lookbook-list {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between; }
  .content-lookbook .content-lookbook-inner-list .content-lookbook-list .item-content-lookbook-list.active {
    display: flex; }
  .content-lookbook .content-lookbook-inner-list .content-lookbook-list .item-content-lookbook-list .item-image-lookbook {
    width: calc(33.33333% - 4px); }
    @media (min-width: 992px) {
      .content-lookbook .content-lookbook-inner-list .content-lookbook-list .item-content-lookbook-list .item-image-lookbook:nth-child(3n) ~ .item-image-lookbook {
        margin-top: 8px; } }
    @media (max-width: 991px) {
      .content-lookbook .content-lookbook-inner-list .content-lookbook-list .item-content-lookbook-list .item-image-lookbook {
        width: 50%; } }
    .content-lookbook .content-lookbook-inner-list .content-lookbook-list .item-content-lookbook-list .item-image-lookbook img {
      cursor: pointer; }

.content-lookbook .content-lookbook-list-detail {
  max-width: 600px;
  margin: 0 auto; }

.content-lookbook .relates-lookbook {
  margin: 80px 0 0 0; }
  @media (max-width: 991px) {
    .content-lookbook .relates-lookbook {
      margin: 60px 0 0 0; }
      .content-lookbook .relates-lookbook .slider-collection-4 {
        flex-wrap: wrap; }
        .content-lookbook .relates-lookbook .slider-collection-4 .product-loop {
          width: 50%;
          padding: 0; }
          .content-lookbook .relates-lookbook .slider-collection-4 .product-loop:nth-child(2n) ~ .product-loop {
            margin-top: 30px; } }

.layout-page404 {
  width: 100%;
  max-width: 1270px;
  padding: 0 15px;
  margin: 0 auto; }
  .layout-page404 .container {
    padding: 0; }
  .layout-page404 .layout-page404-inner {
    padding: 48px 0;
    text-align: center; }
    @media (max-width: 991px) {
      .layout-page404 .layout-page404-inner {
        padding: 40px 0; } }
    .layout-page404 .layout-page404-inner h1 {
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      margin: 0 0 16px 0; }
      @media (max-width: 991px) {
        .layout-page404 .layout-page404-inner h1 {
          font-weight: 500;
          font-size: 24px;
          line-height: 32px; } }
    .layout-page404 .layout-page404-inner p {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      color: #787878; }
      @media (max-width: 991px) {
        .layout-page404 .layout-page404-inner p {
          font-weight: 400;
          font-size: 14px;
          line-height: 20px; } }

#templatePage {
  padding: 80px 0; }
  #templatePage ul, #templatePage ol {
    list-style: inherit;
    padding: 0 0 15px 30px; }
    #templatePage ul li ~ li, #templatePage ol li ~ li {
      margin-top: 10px; }
  @media (max-width: 991.98px) {
    #templatePage {
      padding: 40px 0; } }
  #templatePage .flex-mb {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin: auto; }
  #templatePage .flex-mb > div {
    padding: 0 15px; }
  #templatePage .page-col-right {
    width: 30%;
    margin-bottom: 30px; }
  #templatePage .sidebarpage-title {
    border-bottom: 2px solid #222;
    margin-bottom: 10px; }
  #templatePage .sidebarpage-title h2 {
    font-size: 15px;
    text-transform: uppercase;
    line-height: 22px;
    margin: 0 0 10px; }
  #templatePage .sidebar-page ul {
    margin-bottom: 0;
    overflow: hidden;
    list-style-type: none;
    padding: 0;
    margin: 0; }
  #templatePage .sidebar-page ul li {
    line-height: 30px; }
  #templatePage .sidebar-page ul li a {
    position: relative;
    padding: 5px 0px;
    overflow: hidden;
    -webkit-transition: padding .2s ease-in-out;
    -moz-transition: padding .2s ease-in-out;
    transition: padding .2s ease-in-out; }
  #templatePage .sidebar-page ul li a:before {
    content: '';
    left: -20px;
    -webkit-transition: left .2s ease-in-out;
    -moz-transition: left .2s ease-in-out;
    transition: left .2s ease-in-out;
    background-color: #222;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    top: 46%;
    height: 2px;
    width: 15px;
    color: inherit;
    font-size: 18px;
    line-height: inherit;
    font-weight: 400;
    font-style: normal;
    background: #222; }
  #templatePage .sidebar-page ul li.active a {
    color: #222;
    font-weight: 600; }
  #templatePage .pagelayout .sidebar-fix {
    margin-top: 0; }
  #templatePage .pagelayout .page-col-left {
    margin-bottom: 30px;
    width: 70%; }
  #templatePage .pagelayout .header-page h1 {
    font-size: 18px;
    font-weight: 600;
    margin: 5px 0 20px;
    padding: 0;
    text-transform: none;
    text-align: left; }
  @media (min-width: 992px) {
    #templatePage .flex-mb {
      width: 100%; }
    #templatePage .sidebar-page ul li a:hover {
      padding-left: 30px;
      color: #222;
      font-weight: 600; }
    #templatePage .sidebar-page ul li a:hover:before {
      left: 10px; } }
  @media (max-width: 767px) {
    #templatePage .sidebar-page ul li {
      padding-left: 20px; }
    #templatePage .sidebar-page ul li a:after {
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      content: "\f178";
      font-size: 10px;
      left: -18px;
      opacity: 1;
      position: absolute;
      transition: all 0.4s ease-in-out 0s;
      -webkit-transition: all 0.4s ease-in-out 0s;
      -moz-transition: all 0.4s ease-in-out 0s; }
    #templatePage .flex-mb {
      flex-wrap: wrap; }
    #templatePage .flex-mb .page-col-right {
      order: 2;
      margin-bottom: 30px;
      width: 100%; }
    #templatePage .flex-mb .page-col-left {
      order: 1;
      margin-top: 30px;
      width: 100%; } }

#page-store .storeslist .body {
  width: 100%; }
  #page-store .storeslist .body .table-stores--head {
    text-align: center;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;
    font-weight: bold; }
    #page-store .storeslist .body .table-stores--head .head-location {
      width: 10%; }
    #page-store .storeslist .body .table-stores--head .head-brand {
      width: 15%;
      display: none; }
    #page-store .storeslist .body .table-stores--head .head-phonenumber {
      width: 15%; }
    #page-store .storeslist .body .table-stores--head .head-address {
      width: 35%; }
    #page-store .storeslist .body .table-stores--head .head-google {
      width: 15%; }
  #page-store .storeslist .body .table-stores--body ul.body-line {
    padding: 0; }
  #page-store .storeslist .body .table-stores--body li {
    display: flex;
    justify-content: space-between;
    background: #fcfdfe;
    border-radius: 4px;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 0;
    border: 1px solid #f4f5f7; }
    #page-store .storeslist .body .table-stores--body li div {
      display: inline-flex;
      align-items: center;
      justify-content: center; }
    #page-store .storeslist .body .table-stores--body li .body-location {
      width: 10%;
      text-align: center; }
    #page-store .storeslist .body .table-stores--body li .body-brand {
      width: 15%;
      display: none; }
    #page-store .storeslist .body .table-stores--body li .body-phonenumber {
      width: 15%;
      font-size: 12px; }
    #page-store .storeslist .body .table-stores--body li .body-address {
      width: 35%;
      justify-content: start; }
    #page-store .storeslist .body .table-stores--body li .body-google {
      width: 15%; }

#page-store .storeslist .header-page {
  min-height: 400px;
  height: 50vh;
  border-radius: 0 0 0 30%;
  background: #e7f1fd;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 30px 0; }
  @media (max-width: 767px) {
    #page-store .storeslist .header-page {
      min-height: auto;
      height: auto;
      border-radius: 0;
      padding: 0 0 30px 0; } }
  #page-store .storeslist .header-page h1 {
    margin-bottom: 26px;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 1.2; }
    @media (max-width: 767px) {
      #page-store .storeslist .header-page h1 {
        font-size: 16px;
        margin: 0 0 20px 0; } }
  #page-store .storeslist .header-page .filter {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 767px) {
      #page-store .storeslist .header-page .filter {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center; } }
    #page-store .storeslist .header-page .filter > div {
      position: relative; }
      #page-store .storeslist .header-page .filter > div::before {
        content: '';
        position: absolute;
        display: block;
        width: 16px;
        height: 16px;
        bottom: 0;
        top: 0;
        left: 7px;
        margin: auto;
        background-size: contain;
        background-repeat: no-repeat; }
    #page-store .storeslist .header-page .filter > div:not(:last-child) {
      flex-basis: 40%; }
      #page-store .storeslist .header-page .filter > div:not(:last-child) > :first-child {
        outline: none;
        border: 0;
        padding: 10px 10px 10px 30px;
        width: 100%;
        appearance: none; }
      @media (max-width: 767px) {
        #page-store .storeslist .header-page .filter > div:not(:last-child) {
          flex-basis: 100%;
          margin: 0 0 10px 0; } }
    #page-store .storeslist .header-page .filter .filter__btn {
      background: #ff8000; }
      #page-store .storeslist .header-page .filter .filter__btn button {
        border: 0;
        outline: none;
        color: #fff;
        padding: 10px 40px;
        background: transparent;
        position: relative;
        z-index: 1; }
    #page-store .storeslist .header-page .filter .filter__type {
      display: none; }

#page-store .storeslist select {
  cursor: pointer; }

@media (max-width: 767px) {
  #page-store .storeslist .body__menu-stores {
    overflow: auto; }
    #page-store .storeslist .body__menu-stores .table-stores {
      width: 700px; } }

#page-store .storeslist .header-page h1 {
  margin: 30px 0; }

#page-store .stores {
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 40px; }

#page-store .center-store {
  width: 60%; }

#page-store .center-store .owl-item {
  overflow: hidden; }

#page-store .gallery-store {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center; }

#page-store .slide-store button {
  display: none; }

#page-store .btn-custom-left {
  margin-right: 15px;
  font-size: 50px; }

#page-store [class*="btn-custom-"] button {
  border: none;
  background: transparent; }

#page-store .btn-custom-right {
  margin-left: 15px;
  font-size: 50px; }

#page-store select.change-tinh, #page-store select.change-brand {
  display: inline-block;
  min-width: 60px;
  max-width: 100%;
  height: auto;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  box-shadow: 0 0 0 0 transparent inset;
  padding: .6em .8em;
  color: rgba(0, 0, 0, 0.5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjE2MTYxIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMzAgMjQiIHdpZHRoPSIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy40MSA3Ljg0TDEyIDEyLjQybDQuNTktNC41OEwxOCA5LjI1bC02IDYtNi02eiIvPjxwYXRoIGQ9Ik0wLS43NWgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==") no-repeat right center; }

#page-store .address-map h3 {
  font-size: 16px;
  font-weight: 400; }

#page-store .address-map .address-cont {
  margin-bottom: 30px; }

#page-store .address-map .address-cont .address-detail {
  overflow: auto;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px; }

#page-store .address-map .address-cont .address-detail::-webkit-scrollbar {
  width: 3px;
  height: 5px;
  background-color: #aaa; }

#page-store .address-map .address-cont .address-detail::-webkit-scrollbar-thumb {
  background: #222; }

#page-store .address-map .address-cont .address-detail ul li {
  padding-left: 14px;
  border: 1px solid #f5f5f5;
  border-top: 0;
  background: #fff; }

#page-store .address-map .address-cont .address-detail ul li.active {
  background: #dfdfdf; }

#page-store .address-map .address-cont .address-detail ul li a {
  color: #444;
  display: block;
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  padding: 8px 0;
  box-sizing: border-box; }

#page-store .address-map .address-cont .address-detail ul li a:before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  background: #222;
  margin-right: 10px;
  border-radius: 50%; }

#page-store .address-map .address-cont .address-detail ul li p.storePhone {
  color: #444;
  font-size: 14px; }

#page-store .address-map .address-cont .address-detail ul li p.storePhone i {
  font-size: 14px;
  margin-right: 5px; }

#page-store .address-map .change-tinh, #page-store .address-map .change-brand {
  width: 100%;
  border: 1px solid #d7d7d7;
  color: #333;
  text-indent: 5px;
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 20px; }

#page-store #address-link {
  border-top: 1px solid #f5f5f5;
  margin-bottom: 0px;
  padding: 0;
  list-style-type: none;
  margin: 0; }

#page-store #map-store {
  height: 500px;
  margin-bottom: 30px; }

#page-store #map-store iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#page-store .detail-address > strong {
  font-size: 17px;
  margin-bottom: 10px;
  display: block; }

#page-store .detail-address.open {
  margin-bottom: 23px; }

#page-store .gm-style-iw strong {
  color: #444;
  font-weight: 600;
  text-shadow: none; }

#page-store .slide-store img {
  width: auto !important;
  margin: 0 auto; }

#page-store h1 {
  font-size: 24px; }

.tab-header {
  margin-bottom: 30px;
  border-bottom: 2px solid #f7f8f9; }
  @media (max-width: 575px) {
    .tab-header {
      border: 0; } }

.tab .nav-tabs {
  border-bottom: 0;
  justify-content: space-between; }
  .tab .nav-tabs .nav-link {
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    color: #2E2E2E;
    border: 0;
    margin-bottom: -2px;
    padding: 0 10px 24px;
    border-bottom: 4px solid transparent;
    letter-spacing: 2px;
    box-shadow: none;
    outline: none; }
    .tab .nav-tabs .nav-link.active {
      border-color: #2E2E2E;
      font-weight: bold; }
    @media (max-width: 991.98px) {
      .tab .nav-tabs .nav-link {
        font-size: 12px;
        padding: 10px;
        margin-bottom: -2px; } }

#footer-main {
  background: #3A3839;
  margin-top: 45px; }
  #footer-main .footer-main-inner .container-fluid {
    padding-left: 0;
    padding-right: 0; }
    @media (max-width: 991.98px) {
      #footer-main .footer-main-inner .container-fluid {
        padding-left: 15px;
        padding-right: 15px; } }
  @media (max-width: 991.98px) {
    #footer-main .footer-main-inner .wrapper-line-item-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 0; } }
  #footer-main .footer-main-inner .footer--language-inner {
    padding: 15px 0 0 0;
    text-align: right;
    color: #FFFFFF; }
    @media (max-width: 991.98px) {
      #footer-main .footer-main-inner .footer--language-inner {
        padding: 0; } }
    #footer-main .footer-main-inner .footer--language-inner span {
      cursor: pointer; }
  #footer-main .footer-main-inner .footer--social {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: -30px;
    margin-top: 10px; }
    @media (max-width: 991.98px) {
      #footer-main .footer-main-inner .footer--social {
        margin-bottom: 0;
        margin-top: 0; } }
    #footer-main .footer-main-inner .footer--social a ~ a {
      margin: 0 0 0 10px; }
    #footer-main .footer-main-inner .footer--social a svg {
      width: 30px;
      height: 30px; }
  #footer-main .footer-main-inner .footer-main_left {
    width: 100%;
    order: 2;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 45px 30px 15px; }
    #footer-main .footer-main-inner .footer-main_left_copy-right {
      width: 100%;
      color: #C4C4C4;
      font-size: 12px;
      text-align: center;
      letter-spacing: 1px;
      margin-top: 30px; }
      #footer-main .footer-main-inner .footer-main_left_copy-right a {
        color: #C4C4C4; }
    @media (max-width: 991.98px) {
      #footer-main .footer-main-inner .footer-main_left {
        order: 1;
        width: 100%;
        padding: 30px 0px 15px; } }
    @media (max-width: 575px) {
      #footer-main .footer-main-inner .footer-main_left {
        padding: 10px 0px; } }
  #footer-main .footer-main-inner .footer-main_right {
    width: 30%;
    background: #2e2e2e;
    padding: 90px 15px 30px 15px;
    text-align: center; }
    @media (min-width: 992px) {
      #footer-main .footer-main-inner .footer-main_right {
        display: none; } }
    #footer-main .footer-main-inner .footer-main_right_logo {
      margin: 0 0 60px 0; }
    #footer-main .footer-main-inner .footer-main_right_social h4 {
      font-size: 12px;
      color: #fff;
      text-transform: uppercase;
      margin: 0 0 25px 0;
      letter-spacing: 3px; }
    #footer-main .footer-main-inner .footer-main_right_social ul li:not(:last-child) {
      margin-right: 40px; }
    #footer-main .footer-main-inner .footer-main_right_app {
      margin: 60px 0 0 0; }
      #footer-main .footer-main-inner .footer-main_right_app h4 {
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        letter-spacing: 3px; }
    @media (max-width: 991.98px) {
      #footer-main .footer-main-inner .footer-main_right {
        width: 100%;
        order: 2; } }
    @media (max-width: 991.98px) {
      #footer-main .footer-main-inner .footer-main_right {
        padding: 25px 0 30px; }
        #footer-main .footer-main-inner .footer-main_right_app {
          margin: 0;
          padding: 30px 0;
          width: 100%; } }
  #footer-main .footer-main-inner .footer-main__menu {
    width: 100%; }
    #footer-main .footer-main-inner .footer-main__menu > div {
      display: flex;
      justify-content: center; }
    #footer-main .footer-main-inner .footer-main__menu h4 {
      padding: 0;
      color: #fff;
      font-size: 12px;
      letter-spacing: 3px;
      text-transform: uppercase;
      min-height: 30px;
      outline: none;
      box-shadow: none;
      border: none; }
      @media (max-width: 575px) {
        #footer-main .footer-main-inner .footer-main__menu h4 {
          text-align: center;
          padding: 10px 0; } }
    #footer-main .footer-main-inner .footer-main__menu a {
      display: inline-block;
      margin-bottom: 15px;
      font-size: 14px;
      color: #fff;
      letter-spacing: 2px; }
    #footer-main .footer-main-inner .footer-main__menu li:last-child a {
      margin-bottom: 0; }
    #footer-main .footer-main-inner .footer-main__menu-title > *, #footer-main .footer-main-inner .footer-main__menu-items > * {
      flex: 0 0 25%; }
      @media (max-width: 991px) {
        #footer-main .footer-main-inner .footer-main__menu-title > *, #footer-main .footer-main-inner .footer-main__menu-items > * {
          flex: 0 0 33.33333%; } }
    @media (min-width: 1200px) {
      #footer-main .footer-main-inner .footer-main__menu-title h4:nth-child(1) {
        flex: 0 0 25%; }
      #footer-main .footer-main-inner .footer-main__menu-title h4:nth-child(2) {
        flex: 0 0 25%;
        padding: 0 10px; }
      #footer-main .footer-main-inner .footer-main__menu-title h4:nth-child(3) {
        flex: 0 0 25%;
        padding: 0 10px; }
      #footer-main .footer-main-inner .footer-main__menu-title h4:nth-child(4) {
        flex: 0 0 25%; } }
    @media (min-width: 1200px) {
      #footer-main .footer-main-inner .footer-main__menu-items ul:nth-child(1) {
        flex: 0 0 25%; }
      #footer-main .footer-main-inner .footer-main__menu-items ul:nth-child(2) {
        flex: 0 0 25%;
        padding: 0 10px; }
      #footer-main .footer-main-inner .footer-main__menu-items ul:nth-child(3) {
        flex: 0 0 25%;
        padding: 0 10px; }
      #footer-main .footer-main-inner .footer-main__menu-items ul:nth-child(4) {
        flex: 0 0 25%; } }
    @media (max-width: 991.98px) {
      #footer-main .footer-main-inner .footer-main__menu-items .tab-pane.active {
        flex: 0 0 100%;
        padding: 10px;
        opacity: 1;
        display: block;
        padding: 20px 10px 10px 10px; } }
    #footer-main .footer-main-inner .footer-main__menu .nav-tabs {
      border-bottom: 0;
      flex-wrap: nowrap;
      align-items: center; }
      #footer-main .footer-main-inner .footer-main__menu .nav-tabs .nav-link {
        background-color: unset;
        border: 1px solid transparent; }
        @media (max-width: 991px) {
          #footer-main .footer-main-inner .footer-main__menu .nav-tabs .nav-link.active {
            border-bottom: 1px solid white; } }
    #footer-main .footer-main-inner .footer-main__menu .footer-main-logo svg path {
      fill: #FFFFFF; }
    #footer-main .footer-main-inner .footer-main__menu .social-logo .social-logo-inner div ~ div {
      margin-left: 30px; }
    @media (min-width: 992px) {
      #footer-main .footer-main-inner .footer-main__menu .nav-tabs .nav-link {
        border: 0;
        margin-bottom: 13px; }
      #footer-main .footer-main-inner .footer-main__menu .tab-content > .tab-pane {
        display: block; }
        #footer-main .footer-main-inner .footer-main__menu .tab-content > .tab-pane[data-id="tabContent1"] {
          margin-top: -41px; }
      #footer-main .footer-main-inner .footer-main__menu .fade {
        opacity: 1; } }
  #footer-main .footer-main-inner .footer-main_left_support {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 5px 0 0 0;
    color: #C4C4C4; }
    #footer-main .footer-main-inner .footer-main_left_support ul {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media (max-width: 991px) {
        #footer-main .footer-main-inner .footer-main_left_support ul {
          justify-content: space-between; } }
      #footer-main .footer-main-inner .footer-main_left_support ul li {
        margin: 0 5px;
        display: flex; }
        @media (max-width: 991px) {
          #footer-main .footer-main-inner .footer-main_left_support ul li {
            margin: 0 3px; } }
        #footer-main .footer-main-inner .footer-main_left_support ul li a {
          color: #C4C4C4; }
          @media (max-width: 991px) {
            #footer-main .footer-main-inner .footer-main_left_support ul li a {
              font-size: 13px; } }

.page-lookbook-main .heading-lookbook {
  text-align: center; }
  .page-lookbook-main .heading-lookbook h1 {
    border-bottom: 2px solid black;
    padding: 24px 0;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px; }

.page-lookbook-main .content-lookbook .content-loolbook-inner {
  display: flex;
  justify-content: space-between;
  gap: 30px; }
  @media (max-width: 991px) {
    .page-lookbook-main .content-lookbook .content-loolbook-inner {
      gap: 0;
      flex-wrap: wrap; } }
  .page-lookbook-main .content-lookbook .content-loolbook-inner .sidebar-lookbook {
    width: 250px; }
    @media (max-width: 991px) {
      .page-lookbook-main .content-lookbook .content-loolbook-inner .sidebar-lookbook {
        width: 100%; } }
    .page-lookbook-main .content-lookbook .content-loolbook-inner .sidebar-lookbook .items-lookbook ~ .items-lookbook {
      border-top: 1px solid #dddddd;
      margin-top: 20px;
      padding-top: 20px; }
    .page-lookbook-main .content-lookbook .content-loolbook-inner .sidebar-lookbook .items-lookbook h4 {
      word-break: break-word;
      margin: 0 0 18px 0;
      line-height: 24px;
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 1px;
      border-bottom: transparent 1px solid;
      display: inline-block;
      vertical-align: middle;
      cursor: pointer; }
    .page-lookbook-main .content-lookbook .content-loolbook-inner .sidebar-lookbook .items-lookbook .list-sub-lookbook .items-list-lookbook {
      color: #999999;
      display: inline-block;
      width: 100%;
      cursor: pointer; }
      .page-lookbook-main .content-lookbook .content-loolbook-inner .sidebar-lookbook .items-lookbook .list-sub-lookbook .items-list-lookbook ~ .items-list-lookbook {
        margin-top: 10px; }
  .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook {
    width: calc(100% - 250px); }
    @media (max-width: 991px) {
      .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook {
        width: 100%; } }
    .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .list-lookbook-items h4 {
      font-size: 16px;
      margin: 0 0 20px 0; }
    .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .list-lookbook-items:not(.active) {
      display: none; }
    .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .list-lookbook-items .banner-lookbook-item {
      cursor: pointer; }
      .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .list-lookbook-items .banner-lookbook-item ~ .banner-lookbook-item {
        margin-top: 20px; }
    .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list ul {
      display: flex;
      margin: 0 0 20px 0; }
      .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list ul li {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        padding-left: 27px;
        margin-right: 15px;
        text-align: left; }
        .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list ul li:first-child {
          padding-left: 0px;
          margin-left: 0px; }
          .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list ul li:first-child:before {
            display: none; }
        .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list ul li:before {
          width: 14px;
          height: 20px;
          content: "";
          position: absolute;
          left: 0px;
          top: 50%;
          margin-top: -10px;
          background: url(https://file.hstatic.net/200000642007/file/dp_look_ar_4f4044c1a8e346eb9bb2bb4ac9f5d55b.png) no-repeat; }
    .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list .wrapper-collection-list-inner {
      display: flex;
      flex-wrap: wrap;
      gap: 30px; }
      @media (max-width: 991px) {
        .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list .wrapper-collection-list-inner {
          gap: 10px; } }
      .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list .wrapper-collection-list-inner .collection-list-image {
        width: calc(33.33333% - 20px); }
        @media (max-width: 991px) {
          .page-lookbook-main .content-lookbook .content-loolbook-inner .list-lookbook .wrapper-collection-list .wrapper-collection-list-inner .collection-list-image {
            width: calc(50% - 5px); } }

.detail-lookbook .heading-lookbook {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0; }
  @media (max-width: 991px) {
    .detail-lookbook .heading-lookbook {
      flex-wrap: wrap; } }
  .detail-lookbook .heading-lookbook .left-heading {
    width: 20%;
    text-align: left; }
    @media (max-width: 991px) {
      .detail-lookbook .heading-lookbook .left-heading {
        width: auto; } }
    .detail-lookbook .heading-lookbook .left-heading .back-tolist-lookbook {
      border: 1px solid #dddddd;
      padding: 5px;
      display: inline-block; }
      .detail-lookbook .heading-lookbook .left-heading .back-tolist-lookbook a {
        display: flex;
        align-items: center; }
      .detail-lookbook .heading-lookbook .left-heading .back-tolist-lookbook svg {
        width: 16px;
        height: 16px;
        margin-right: 5px; }
  .detail-lookbook .heading-lookbook .nav-lookbook {
    display: flex;
    align-items: center;
    width: 60%;
    justify-content: center; }
    @media (max-width: 991px) {
      .detail-lookbook .heading-lookbook .nav-lookbook {
        width: 100%;
        margin-top: 15px; } }
    .detail-lookbook .heading-lookbook .nav-lookbook .prev-lookbook {
      width: 220px;
      cursor: pointer; }
      @media (max-width: 991px) {
        .detail-lookbook .heading-lookbook .nav-lookbook .prev-lookbook {
          width: auto; } }
    .detail-lookbook .heading-lookbook .nav-lookbook .next-lookbook {
      width: 220px;
      cursor: pointer; }
      @media (max-width: 991px) {
        .detail-lookbook .heading-lookbook .nav-lookbook .next-lookbook {
          width: auto; } }
      .detail-lookbook .heading-lookbook .nav-lookbook .next-lookbook svg {
        transform: rotate(180deg); }
    .detail-lookbook .heading-lookbook .nav-lookbook svg {
      width: 100px;
      height: 52px; }
      @media (max-width: 991px) {
        .detail-lookbook .heading-lookbook .nav-lookbook svg {
          width: 34px; } }
    .detail-lookbook .heading-lookbook .nav-lookbook h1 {
      margin: 0; }
      @media (max-width: 991px) {
        .detail-lookbook .heading-lookbook .nav-lookbook h1 {
          margin: 0 15px; } }
  .detail-lookbook .heading-lookbook .right-heading {
    width: 20%; }

.detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner {
  display: flex;
  flex-wrap: wrap; }
  .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .media-slider {
    width: 65%; }
    @media (max-width: 991px) {
      .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .media-slider {
        width: 100%; } }
  .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product {
    width: 35%;
    padding: 30px;
    background: #f8f8f8; }
    @media (max-width: 991px) {
      .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product {
        width: 100%;
        padding: 15px; } }
    .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product {
      display: flex;
      align-items: start; }
      .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product ~ .item-product {
        margin-top: 20px; }
      .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .medita-item-product {
        width: 30%; }
      .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product {
        width: 70%;
        padding-left: 30px; }
        .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .variant-loop {
          display: flex;
          flex-wrap: wrap;
          gap: 5px; }
          .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .variant-loop .item-variant-loop {
            width: 30px;
            cursor: pointer; }
            .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .variant-loop .item-variant-loop.active {
              border: 1px solid #000000; }
        .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .variant-loop-size {
          display: flex;
          flex-wrap: wrap;
          gap: 5px;
          margin-top: 10px; }
          .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .variant-loop-size .item-variant-size {
            background: #FFF;
            border: 1px solid #dddddd;
            width: 30px;
            text-align: center;
            font-size: 12px;
            cursor: pointer; }
            .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .variant-loop-size .item-variant-size.active {
              border-color: #000000; }
        .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .price-loop {
          margin: 10px 0; }
        .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .action-loop {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: 10px; }
          .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .action-loop a {
            border: 1px solid #000;
            width: 15%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer; }
            .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .action-loop a.js-inWishlist path {
              fill: #000; }
            .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .action-loop a svg {
              width: 28px;
              height: 28px; }
          .detail-lookbook .content-lookbook .slider-lookbook .item-slider .item-slider-inner .list-product .item-product .info-item-product .action-loop button {
            background: #000000;
            width: 80%;
            border: none;
            color: #FFF;
            padding: 5px; }

.heading-pageDetail h1 {
  margin: 30px 0 15px 0; }

#form-delete-account {
  width: 100%;
  max-width: 500px;
  padding: 20px;
  border-radius: 4px; }
  #form-delete-account .form-delete-account-inner h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 15px 0; }
  #form-delete-account .form-delete-account-inner .content-delete textarea {
    width: 100%;
    margin: 0 0 10px 0;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    padding: 5px 10px; }
  #form-delete-account .form-delete-account-inner .content-delete .confirm-delete {
    background: #000;
    color: #FFF;
    font-size: 14px;
    border: none;
    padding: 7px 18px;
    border-radius: 4px;
    outline: none;
    box-shadow: none; }

.section-collector .wrapper-tab-collection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px; }
  @media (max-width: 991px) {
    .section-collector .wrapper-tab-collection {
      flex-wrap: wrap;
      padding-bottom: 20px; } }
  @media (max-width: 991px) {
    .section-collector .wrapper-tab-collection .section-head {
      margin: 0 0 10px 0; } }
  .section-collector .wrapper-tab-collection .section-head h4 {
    display: block;
    font-size: 32px;
    font-weight: 400;
    margin: 0; }
    @media (max-width: 991px) {
      .section-collector .wrapper-tab-collection .section-head h4 {
        font-size: 22px;
        line-height: 30px; } }
  @media (max-width: 991px) {
    .section-collector .wrapper-tab-collection .tab-collection {
      overflow-y: hidden;
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .section-collector .wrapper-tab-collection .tab-collection::-webkit-scrollbar {
        display: none; } }
  .section-collector .wrapper-tab-collection .tab-collection ul {
    display: flex;
    gap: 15px; }
    @media (max-width: 991px) {
      .section-collector .wrapper-tab-collection .tab-collection ul {
        white-space: nowrap; } }
    .section-collector .wrapper-tab-collection .tab-collection ul li {
      margin-right: 0px;
      padding: 0 20px;
      border-radius: 34px;
      background-color: #fff;
      font-size: 18px;
      line-height: 34px;
      font-weight: 500;
      border: 1px solid #666;
      color: #666;
      cursor: pointer; }
      @media (max-width: 991px) {
        .section-collector .wrapper-tab-collection .tab-collection ul li {
          font-size: 16px;
          line-height: 30px; } }
      .section-collector .wrapper-tab-collection .tab-collection ul li.active, .section-collector .wrapper-tab-collection .tab-collection ul li:hover {
        border: 1px solid #0a0a0a;
        background-color: #0a0a0a;
        color: #fff;
        text-decoration: none; }

@media (max-width: 991px) {
  .section-collector .section-contect-collector {
    margin: 0 -15px; } }

.section-collector .section-contect-collector .item-collector {
  display: none;
  position: relative;
  overflow: hidden;
  align-items: center;
  justify-content: end; }
  @media (max-width: 991px) {
    .section-collector .section-contect-collector .item-collector {
      flex-direction: column; } }
  .section-collector .section-contect-collector .item-collector.active {
    display: flex; }
  .section-collector .section-contect-collector .item-collector .img-collector {
    width: 100%;
    padding-top: calc(100% * 803 / 1581);
    position: relative; }
    .section-collector .section-contect-collector .item-collector .img-collector img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    @media (max-width: 991px) {
      .section-collector .section-contect-collector .item-collector .img-collector {
        padding-top: calc(100% * 68 / 75); } }
  .section-collector .section-contect-collector .item-collector .wrapper-content-collector {
    position: absolute;
    width: 60%; }
    @media (max-width: 991px) {
      .section-collector .section-contect-collector .item-collector .wrapper-content-collector {
        position: relative;
        width: calc(100% - 30px);
        padding: 15px;
        background: #FFF;
        margin-top: -35px; } }
    .section-collector .section-contect-collector .item-collector .wrapper-content-collector .head-collector {
      margin: 0 0 15px 0; }
      .section-collector .section-contect-collector .item-collector .wrapper-content-collector .head-collector h5 {
        font-size: 18px;
        font-weight: 500;
        margin: 0 0 10px 0; }
      .section-collector .section-contect-collector .item-collector .wrapper-content-collector .head-collector h4 {
        font-size: 40px;
        line-height: 45px;
        font-weight: 500;
        margin: 0; }
      @media (max-width: 991px) {
        .section-collector .section-contect-collector .item-collector .wrapper-content-collector .head-collector h5 {
          font-size: 16px;
          color: #000 !important; }
        .section-collector .section-contect-collector .item-collector .wrapper-content-collector .head-collector h4 {
          font-size: 24px;
          line-height: 1.2;
          color: #000 !important; } }
    .section-collector .section-contect-collector .item-collector .wrapper-content-collector .collection-list .slider-collector:not(.owl-loaded) {
      white-space: nowrap;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - 45px) / 2.5);
      overflow-x: auto;
      grid-template-columns: unset;
      gap: 15px;
      display: grid;
      width: 100%;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .section-collector .section-contect-collector .item-collector .wrapper-content-collector .collection-list .slider-collector:not(.owl-loaded)::-webkit-scrollbar {
        display: none; }
      .section-collector .section-contect-collector .item-collector .wrapper-content-collector .collection-list .slider-collector:not(.owl-loaded) .product-loop {
        padding: 0; }
      @media (max-width: 991px) {
        .section-collector .section-contect-collector .item-collector .wrapper-content-collector .collection-list .slider-collector:not(.owl-loaded) {
          grid-auto-columns: calc((100% - 20px) / 2.5);
          gap: 10px; } }
    @media (max-width: 991px) {
      .section-collector .section-contect-collector .item-collector .wrapper-content-collector .collection-list {
        margin: 0 -30px; } }
  .section-collector .section-contect-collector .item-collector:nth-child(1) .wrapper-content-collector .head-collector h4, .section-collector .section-contect-collector .item-collector:nth-child(1) .wrapper-content-collector .head-collector h5 {
    color: #000000; }
  .section-collector .section-contect-collector .item-collector:nth-child(2) .wrapper-content-collector .head-collector h4, .section-collector .section-contect-collector .item-collector:nth-child(2) .wrapper-content-collector .head-collector h5 {
    color: #ffffff; }
  .section-collector .section-contect-collector .item-collector:nth-child(3) .wrapper-content-collector .head-collector h4, .section-collector .section-contect-collector .item-collector:nth-child(3) .wrapper-content-collector .head-collector h5 {
    color: #ffffff; }
  .section-collector .section-contect-collector .item-collector:nth-child(4) .wrapper-content-collector .head-collector h4, .section-collector .section-contect-collector .item-collector:nth-child(4) .wrapper-content-collector .head-collector h5 {
    color: #ffffff; }

.section-6-banner .list-6-banner {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 991px) {
    .section-6-banner .list-6-banner {
      gap: 10px; } }
  .section-6-banner .list-6-banner .item-6-banner {
    width: calc(33.333333% - 10px);
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 991px) {
      .section-6-banner .list-6-banner .item-6-banner {
        width: calc(50% - 5px); } }
    .section-6-banner .list-6-banner .item-6-banner:hover {
      background: #000; }
      .section-6-banner .list-6-banner .item-6-banner:hover img {
        opacity: 0.5; }
      .section-6-banner .list-6-banner .item-6-banner:hover a span {
        opacity: 1; }
    .section-6-banner .list-6-banner .item-6-banner a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      padding-top: calc(100% * 599 / 517);
      position: relative; }
      .section-6-banner .list-6-banner .item-6-banner a img {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute; }
      .section-6-banner .list-6-banner .item-6-banner a span {
        position: absolute;
        border: 1px solid #fff;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        opacity: 0;
        border-radius: 5px;
        padding: 15px 35px;
        top: calc((100% - 52px) / 2); }
      @media (max-width: 991px) {
        .section-6-banner .list-6-banner .item-6-banner a {
          padding-top: calc(100% * 51 / 44); } }

@media (max-width: 991px) {
  .sub-tab-heading-slider {
    width: 100%;
    position: relative;
    margin-top: 10px;
    display: flex;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .sub-tab-heading-slider::-webkit-scrollbar {
      display: none; } }

.sub-tab-heading-slider .slider-sub-tab-3 {
  display: flex;
  gap: 10px; }
  @media (min-width: 992px) {
    .sub-tab-heading-slider .slider-sub-tab-3 {
      width: 100%; } }
  @media (max-width: 991px) {
    .sub-tab-heading-slider .slider-sub-tab-3 {
      flex-wrap: nowrap;
      white-space: nowrap; } }
  .sub-tab-heading-slider .slider-sub-tab-3 .item-slider-sub {
    margin-right: 0px;
    padding: 0 19.5px;
    border-radius: 34px;
    background-color: #fff;
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
    text-align: center;
    cursor: pointer; }
    @media (max-width: 991px) {
      .sub-tab-heading-slider .slider-sub-tab-3 .item-slider-sub {
        padding: 6px 15px;
        font-size: 16px;
        line-height: 30px; } }
    .sub-tab-heading-slider .slider-sub-tab-3 .item-slider-sub.active {
      background: #000000;
      color: #FFFFFF; }

.slick-collection-3:not(.slick-initialized) {
  display: flex;
  overflow: hidden; }
  .slick-collection-3:not(.slick-initialized) .content-collection {
    width: 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%; }

@media (max-width: 991px) {
  .slick-collection-3 {
    margin: 0 -15px; } }

.slider-main-banner .slider-banner .item-slider {
  width: 100%; }
  .slider-main-banner .slider-banner .item-slider a {
    display: block;
    padding-top: calc(100% * 1 / 3);
    position: relative;
    transition: none; }
    .slider-main-banner .slider-banner .item-slider a img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
    @media (max-width: 991px) {
      .slider-main-banner .slider-banner .item-slider a {
        padding-top: calc(100% * 701 / 576); } }
  .slider-main-banner .slider-banner .item-slider ~ .item-slider {
    display: none; }

@media (max-width: 991px) {
  .wrapper-collection-2 {
    margin-left: -15px;
    margin-right: -15px; } }

.slider-collection-5:not(.owl-loaded) {
  white-space: nowrap;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 60px) / 5);
  overflow-x: auto;
  grid-template-columns: unset;
  gap: 15px;
  display: grid;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .slider-collection-5:not(.owl-loaded)::-webkit-scrollbar {
    display: none; }
  @media (max-width: 991px) {
    .slider-collection-5:not(.owl-loaded) {
      grid-auto-columns: calc((100% - 20px) / 2.5);
      gap: 10px; } }
  .slider-collection-5:not(.owl-loaded) .product-loop {
    padding: 0; }

@media (max-width: 991px) {
  .slider-collection-5 .product-loop .product-loop-inner .info-loop {
    padding: 8px 10px 0 10px; } }

.break {
  flex-basis: 100%; }

.slider-suggest-product:not(.owl-loaded) {
  display: flex;
  display: -ms-flex;
  overflow: hidden; }
  .slider-suggest-product:not(.owl-loaded) .product-loop {
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 7.5px; }
    @media (max-width: 991px) {
      .slider-suggest-product:not(.owl-loaded) .product-loop {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 7.5px; } }

#denyBuy {
  width: 100%;
  max-width: 500px;
  padding: 15px;
  border-radius: 4px; }
  #denyBuy h4 {
    font-size: 18px;
    margin: 0 0 15px 0; }

#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; }

#banner-popup {
  padding: 0;
  max-width: 1200px;
  width: calc(100vw * 0.714285714); }
  #banner-popup a {
    position: relative;
    display: block;
    padding-top: calc(100% / 3); }
    #banner-popup a img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
  @media (max-width: 767px) {
    #banner-popup {
      width: calc(100vw * 0.971014493); } }
  #banner-popup .fancybox-close-small {
    background: #000;
    opacity: 1; }
    #banner-popup .fancybox-close-small svg path {
      fill: #FFF; }

#topbar-text {
  background: #000; }
  @media (min-width: 1200px) {
    #topbar-text {
      min-height: 42px; } }
  @media (max-width: 991px) {
    #topbar-text {
      min-height: 43.5px; } }
  #topbar-text .slider-topbar-text:not(.slick-initialized) {
    display: -ms-flexbox;
    display: flex; }
    #topbar-text .slider-topbar-text:not(.slick-initialized) .product-loop {
      flex: 0 0 auto;
      width: 100%; }
  #topbar-text .slick-slide {
    display: block;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: center; }
    #topbar-text .slick-slide a {
      color: #FFF; }
      @media (max-width: 991px) {
        #topbar-text .slick-slide a {
          font-size: 11px; } }

.details__promotion2 {
  background-color: #fafafa;
  border: 1px solid #dfdfdf;
  padding: 12px 10px;
  position: relative;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-top: 10px; }
  .details__promotion2 .box-gift-detail {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    flex-wrap: wrap;
    position: relative;
    padding-left: 18px; }
    .details__promotion2 .box-gift-detail b {
      position: relative;
      width: 100%; }
      .details__promotion2 .box-gift-detail b:before {
        content: "◈";
        position: absolute;
        left: -20px;
        top: 0;
        width: auto;
        height: auto; }

/* Animation */
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

.animated-background, .post-item.post-item-empty .post-thumb .aspect-ratio, .post-item.post-item-empty .post-content .post-title, .post-item.post-item-empty .post-content .post-descr p, .post-item.post-item-empty .post-content .post-tags {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative; }

.post-item {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  flex: 1 1 300px; }
  .post-item .post-thumb {
    margin-bottom: 20px;
    border-radius: 4px;
    position: relative; }
    .post-item .post-thumb .aspect-ratio {
      position: relative;
      padding-bottom: 100%;
      display: block;
      z-index: 1; }
    .post-item .post-thumb .aspect-ratio picture {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      height: 100%;
      -webkit-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
    .post-item .post-thumb img {
      width: 100%; }
    .post-item .post-thumb .post-cate {
      background: #000000;
      color: #fff;
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      padding: 6px 12px; }
  .post-item .post-content {
    margin-bottom: 40px; }
    .post-item .post-content .post-title {
      font-weight: 700;
      font-size: 24px;
      line-height: 32px;
      position: relative;
      margin-bottom: 8px; }
      .post-item .post-content .post-title:after {
        position: absolute;
        content: none;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 50px;
        height: 2px;
        background: #111111; }
      .post-item .post-content .post-title a {
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .post-item .post-content .post-descr {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 8px;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
    .post-item .post-content .post-descr p {
      margin-bottom: 0; }
    .post-item .post-content .post-tags {
      color: #787878;
      font-size: 14px; }
  .post-item.post-item-empty .post-content .post-title {
    width: 100%;
    height: 25px; }
  .post-item.post-item-empty .post-content .post-descr p {
    width: 80%;
    height: 40px; }
  .post-item.post-item-empty .post-content .post-tags {
    width: 60%;
    height: 15px; }

.section-banner-head .slider-banner:not(.owl-loaded) {
  display: flex;
  overflow: hidden;
  height: 700px;
  flex-direction: column; }
  .section-banner-head .slider-banner:not(.owl-loaded) .item-slider {
    width: 100%; }
    .section-banner-head .slider-banner:not(.owl-loaded) .item-slider a {
      padding-bottom: 70%;
      position: relative;
      display: block; }
      .section-banner-head .slider-banner:not(.owl-loaded) .item-slider a picture {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain; }
      .section-banner-head .slider-banner:not(.owl-loaded) .item-slider a img {
        width: 100%; }

@media (max-width: 767px) {
  .section-banner-head .container {
    padding: 0; }
  .section-banner-head .slider-banner:not(.owl-loaded) {
    height: 180px; } }

.section-blogs-list .blog-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0 32px; }
  .section-blogs-list .blog-tabs ul {
    padding: 0;
    margin: 0;
    display: flex; }
  .section-blogs-list .blog-tabs li {
    overflow: hidden;
    border: 1px solid #E8E8E8;
    background: #fff;
    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; }
    .section-blogs-list .blog-tabs li:first-child {
      border-radius: 4px 0px 0px 4px;
      border-right: none; }
    .section-blogs-list .blog-tabs li:last-child {
      border-radius: 0 4px 4px 0;
      border-left: none; }
    .section-blogs-list .blog-tabs li a {
      color: #000;
      padding: 12px 24px;
      display: inline-flex;
      transition: none !important; }
    .section-blogs-list .blog-tabs li.active {
      background: #000000;
      border-color: #000000; }
      .section-blogs-list .blog-tabs li.active a {
        color: #fff; }

.section-blogs-list .blog-list .tabs-content {
  display: none; }

.section-blogs-list .blog-list .tabs-content.active {
  display: block; }

.section-blogs-list .posts-list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
  flex-wrap: wrap; }
  .section-blogs-list .posts-list .post-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 4px; }

@media (max-width: 991px) {
  .section-blogs-list .posts-list .post-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; } }

@media (max-width: 767px) {
  .section-blogs-list .container {
    padding: 0; }
  .section-blogs-list .blog-tabs {
    display: block;
    margin: 0; }
    .section-blogs-list .blog-tabs ul {
      justify-content: space-between; }
    .section-blogs-list .blog-tabs li {
      background: #fff;
      width: 100%;
      border-radius: 0 !important;
      border: none;
      border-bottom: 2px solid transparent; }
      .section-blogs-list .blog-tabs li a {
        color: #000000; }
      .section-blogs-list .blog-tabs li.active {
        background: #ffffff;
        border-color: #000000; }
        .section-blogs-list .blog-tabs li.active a {
          color: #000000;
          font-weight: 700; }
  .section-blogs-list .posts-list {
    margin: 0; }
    .section-blogs-list .posts-list .post-item {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      margin-bottom: 0;
      padding: 0; }
      .section-blogs-list .posts-list .post-item .post-cate {
        left: auto;
        right: 0; }
      .section-blogs-list .posts-list .post-item .post-content {
        padding: 16px; }
      .section-blogs-list .posts-list .post-item .post-descr {
        font-size: 14px; }
      .section-blogs-list .posts-list .post-item .post-tags {
        font-size: 12px; } }

.section-collection-list .s-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 64px 0 40px; }
  .section-collection-list .s-tab ul {
    padding: 0;
    margin: 0;
    display: flex; }
  .section-collection-list .s-tab li + li {
    margin-left: 8px; }
  .section-collection-list .s-tab li a {
    background: #ffffff;
    color: #000;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    padding: 8px 16px;
    display: inline-flex; }
  .section-collection-list .s-tab li.active a {
    background: #000000;
    border-color: #000000;
    color: #fff; }

.section-collection-list .s-listing .s-head {
  padding: 30px;
  background: #fff;
  text-align: center;
  margin-bottom: 24px; }
  .section-collection-list .s-listing .s-head h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0; }
  .section-collection-list .s-listing .s-head p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px; }
  .section-collection-list .s-listing .s-head.bg-1 {
    background: #F176B8;
    color: #fff; }
    .section-collection-list .s-listing .s-head.bg-1 h2 {
      color: #fff; }
  .section-collection-list .s-listing .s-head.bg-2 {
    background: #7E2AC0;
    color: #fff; }
    .section-collection-list .s-listing .s-head.bg-2 h2 {
      color: #fff; }

.section-collection-list .s-listing .product-loop {
  margin-bottom: 40px; }

@media (max-width: 767px) {
  .section-collection-list .container {
    padding: 0 10px; }
  .section-collection-list .s-listing .s-head {
    margin: 0 -10px; }
  .section-collection-list .s-listing .product-loop {
    margin-bottom: 0; }
    .section-collection-list .s-listing .product-loop .product-loop-inner .info-loop {
      padding: 16px 12px; }
  .section-collection-list .s-listing + .s-listing {
    margin-top: 24px; } }

.section-post-list .s-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 40px 0 24px; }
  .section-post-list .s-head h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0; }
  .section-post-list .s-head a {
    display: inline-flex;
    align-items: center; }

.section-post-list .s-listing .posts-list {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -4px;
  flex-wrap: wrap; }
  .section-post-list .s-listing .posts-list .post-item {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 4px; }

@media (max-width: 991px) {
  .section-post-list .s-listing .posts-list {
    flex-wrap: nowrap;
    overflow-x: auto; }
    .section-post-list .s-listing .posts-list .post-item {
      -ms-flex: 0 0 40%;
      flex: 0 0 40%;
      max-width: 40%; }
      .section-post-list .s-listing .posts-list .post-item .post-cate {
        font-size: 14px; }
      .section-post-list .s-listing .posts-list .post-item .post-title {
        font-weight: 400;
        font-size: 14px; }
      .section-post-list .s-listing .posts-list .post-item .post-content {
        margin-bottom: 15px; } }

/* 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; }

/* fresh chat custom */
.fake-chat-new {
  align-items: center;
  border-radius: 34px 8px 34px 34px;
  bottom: 21px;
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.26);
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: fixed;
  right: 20px;
  z-index: 9995;
  height: 60px;
  width: 60px;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: transparent #000000 transparent transparent; }
  @media (max-width: 991px) {
    .fake-chat-new {
      bottom: 65px; }
      .template-product .fake-chat-new {
        bottom: 105px; } }
  .fake-chat-new .fake-chat-new-icon {
    border-radius: 6px 6px 6px 2px;
    height: 17px;
    left: 32%;
    position: absolute;
    top: 37%;
    width: 38%;
    background: #ffffff !important; }
    .fake-chat-new .fake-chat-new-icon::before {
      border-radius: 2px 2px 2px 2px;
      border-top: 5px;
      content: "";
      height: 2px;
      left: 4px;
      position: absolute;
      top: 5px;
      width: 65%;
      background-color: #000000 !important; }
    .fake-chat-new .fake-chat-new-icon::after {
      border-radius: 2px 2px 2px 2px;
      border-top: 5px;
      content: "";
      height: 2px;
      left: 4px;
      position: absolute;
      top: 10px;
      width: 44%;
      background-color: #000000 !important; }
  .fake-chat-new.open::after {
    content: '';
    position: absolute;
    top: 22%;
    left: 22%;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 5px solid grey;
    border-top-color: black;
    animation: loading22 2s linear infinite; }

@media (max-width: 991px) {
  #fc_frame, #fc_frame.fc-widget-small {
    bottom: 55px !important; }
    .template-product #fc_frame, .template-product #fc_frame.fc-widget-small {
      bottom: 95px; } }

@keyframes loading22 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.newsletter-footer {
  background: #f7f7f7;
  padding: 56px 0;
  margin-top: 45px; }
  @media (max-width: 991px) {
    .newsletter-footer {
      margin-top: 0;
      padding: 40px 0; } }
  .newsletter-footer + #footer-main {
    margin-top: 0; }
  .newsletter-footer .wrapper-newsletter h4 {
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin: 0 0 5px 0; }
    @media (max-width: 991px) {
      .newsletter-footer .wrapper-newsletter h4 {
        font-size: 20px;
        line-height: 28px; } }
  .newsletter-footer .wrapper-newsletter p {
    text-align: center;
    font-size: 16px;
    line-height: 20.8px;
    max-width: 850px;
    margin: 0 auto 30px auto; }
    @media (max-width: 991px) {
      .newsletter-footer .wrapper-newsletter p {
        font-size: 14px;
        line-height: 18.6px;
        max-width: none;
        margin: 0 0 20px 0; } }
  .newsletter-footer .wrapper-newsletter form {
    width: 500px;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 991px) {
      .newsletter-footer .wrapper-newsletter form {
        width: 100%; } }
    .newsletter-footer .wrapper-newsletter form input {
      padding: 10px 15px;
      border-radius: 4px;
      border: 1px solid black;
      width: 100%;
      outline: none;
      box-shadow: none;
      font-size: 16px;
      height: 42px;
      background: #FFFFFF; }
    .newsletter-footer .wrapper-newsletter form button {
      position: absolute;
      right: 0;
      top: 0;
      height: 42px;
      background: #000000;
      border: none;
      outline: none;
      box-shadow: none;
      color: #FFFFFF;
      padding: 10px 15px;
      border-radius: 0 4px 4px 0;
      font-weight: 700; }

@keyframes bling {
  0% {
    color: #d1d1d1; }
  50% {
    color: #ff0000; }
  100% {
    color: #000000; } }

.mix-with-app {
  margin: 0 0 24px 0; }
  @media (max-width: 991px) {
    .mix-with-app {
      margin: 20px; } }
  .mix-with-app .head-mix-app {
    margin: 0 0 5px 0; }
  .mix-with-app .content-prod-mix-app {
    display: flex;
    gap: 12px; }
    .mix-with-app .content-prod-mix-app .item-prod-mix {
      width: 25%; }
      .mix-with-app .content-prod-mix-app .item-prod-mix .inner-item-prod-mix {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding-top: calc(100% * 120 / 97);
        background: #F7F8F9;
        cursor: pointer; }
        .mix-with-app .content-prod-mix-app .item-prod-mix .inner-item-prod-mix img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 97 / 120;
          width: 100%;
          height: 100%; }

.modal-mix-app {
  position: fixed;
  z-index: 10;
  top: 0;
  background: #fff;
  width: auto;
  min-width: 760px;
  max-width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  right: -100%;
  -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;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px; }
  @media (max-width: 991px) {
    .modal-mix-app {
      min-width: auto;
      width: 100%;
      padding: 40px 20px; } }
  .modal-mix-app .head-modal-mix {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 20px 0; }
    .modal-mix-app .head-modal-mix .title-modal-mix {
      font-size: 16px; }
    .modal-mix-app .head-modal-mix .close-modal-mix {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
  .open-mix-modal .modal-mix-app {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    right: 0; }
  .modal-mix-app .content-mix-app {
    width: 100%;
    position: relative; }
    .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .media-mix {
      margin: 0 0 10px 0; }
      .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .media-mix a {
        position: relative;
        display: block;
        padding-bottom: calc(100% * 480 / 388);
        background: #f7f7f7; }
        .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .media-mix a img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 388 / 480;
          width: 100%;
          height: 100%; }
    .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .info-mix .price-prd-mix {
      margin: 8px 0;
      display: flex;
      align-items: center;
      gap: 6px; }
    .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .info-mix .variant-prd-mix {
      display: flex;
      align-items: center;
      gap: 4px; }
      .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .info-mix .variant-prd-mix .item-size {
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #eaeaea;
        cursor: pointer;
        border-radius: 4px; }
        .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .info-mix .variant-prd-mix .item-size.active {
          background: #000000;
          color: #FFFFFF; }
        .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .info-mix .variant-prd-mix .item-size.soldout {
          opacity: 0.5;
          pointer-events: none;
          cursor: none; }
    .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .info-mix .action-prd-mix {
      margin: 20px 0 0 0; }
      .modal-mix-app .content-mix-app .js-modal-mix .item-modal-mix .inner-item-modal-mix .info-mix .action-prd-mix button {
        background: #000000;
        padding: 10px 24px;
        color: #FFFFFF;
        border: none;
        outline: none;
        box-shadow: none;
        width: 100%; }

.overflow-mix-app {
  background: #000000;
  opacity: 0.4;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
  cursor: pointer; }
  .open-mix-modal .overflow-mix-app {
    display: block; }

.slider-collection-config:not(.owl-loaded) {
  white-space: nowrap;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 60px) / 5);
  overflow-x: auto;
  grid-template-columns: unset;
  gap: 15px;
  display: grid;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .slider-collection-config:not(.owl-loaded)::-webkit-scrollbar {
    display: none; }
  @media (max-width: 991px) {
    .slider-collection-config:not(.owl-loaded) {
      grid-auto-columns: calc((100% - 20px) / 2.5);
      gap: 10px; } }
  .slider-collection-config:not(.owl-loaded) .product-loop {
    padding: 0; }

@media (max-width: 991px) {
  .slider-collection-config .product-loop .product-loop-inner .info-loop {
    padding: 8px 10px 0 10px; } }

.wrapper-store-content {
  display: flex;
  align-items: start;
  flex-direction: column; }
  .wrapper-store-content .select-address-store {
    width: 100%; }

#find-store-mso select {
  width: 100%;
  border: 1px solid #868D95;
  border-radius: 4px;
  padding: 12px 16px;
  outline: none;
  cursor: pointer;
  appearance: none;
  background: url(https://file.hstatic.net/1000284478/file/chevron-down_5b7d85bb254a414badfaeda78ef8a057.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  height: 44px;
  line-height: 18.2px; }

#find-store-mso .list-address-store {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 0; }
  #find-store-mso .list-address-store .item-address-store {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 8px; }
    #find-store-mso .list-address-store .item-address-store ~ .item-address-store {
      border-top: 1px solid #F7F8F9; }
    #find-store-mso .list-address-store .item-address-store .bold {
      font-size: 14px;
      font-weight: 700;
      line-height: 18.2px;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin: 0; }
    #find-store-mso .list-address-store .item-address-store .wrapper-address-store {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #find-store-mso .list-address-store .item-address-store .wrapper-address-store .status {
        margin: 0; }
      #find-store-mso .list-address-store .item-address-store .wrapper-address-store .action-address-store {
        display: flex;
        align-items: center;
        gap: 16px; }

#find-store-mso .wrapper-store-content {
  display: flex;
  align-items: start;
  flex-direction: column; }
  #find-store-mso .wrapper-store-content .select-address-store {
    width: 100%; }

.details__promotion_new {
  background-color: #fafafa;
  border: 1px solid #dfdfdf;
  padding: 12px 10px;
  position: relative;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-top: 10px; }
  .details__promotion_new .title-promotion {
    position: relative;
    width: 100%;
    font-weight: bold; }
    .details__promotion_new .title-promotion:before {
      content: "◈";
      position: absolute;
      left: -20px;
      top: 0;
      width: auto;
      height: auto; }
  .details__promotion_new .box-gift-detail {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    flex-wrap: wrap;
    position: relative;
    padding-left: 18px; }
  .details__promotion_new ul {
    list-style: inherit;
    padding: 0 0 0 13px; }
    .details__promotion_new ul li span {
      text-decoration: underline;
      cursor: pointer; }

#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; }
        @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; }

#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; }

#modal-newsletter {
  width: 100%;
  max-width: 900px;
  padding: 0;
  overflow: hidden; }
  #modal-newsletter .fancybox-close-small {
    background: #FFF; }
  #modal-newsletter .m_newsletter {
    display: flex; }
    @media (max-width: 991px) {
      #modal-newsletter .m_newsletter {
        flex-direction: column; } }
    #modal-newsletter .m_newsletter .column-left-modal {
      width: 50%;
      padding: 20px;
      display: flex;
      align-items: center; }
      @media (max-width: 991px) {
        #modal-newsletter .m_newsletter .column-left-modal {
          width: 100%;
          position: relative;
          z-index: 2;
          background: rgba(255, 255, 255, 0.8); } }
      #modal-newsletter .m_newsletter .column-left-modal .m_column-left-modal .heading-newsletter h2 {
        font-size: 30px;
        text-align: center;
        margin: 0 0 30px 0;
        font-weight: 500; }
      #modal-newsletter .m_newsletter .column-left-modal .m_column-left-modal .heading-newsletter .short-heading {
        font-size: 16px; }
        #modal-newsletter .m_newsletter .column-left-modal .m_column-left-modal .heading-newsletter .short-heading p {
          margin: 0 0 15px; }
    #modal-newsletter .m_newsletter .column-banner-modal {
      width: 50%; }
      @media (max-width: 991px) {
        #modal-newsletter .m_newsletter .column-banner-modal {
          width: 100%;
          position: absolute;
          z-index: 1; } }
  #modal-newsletter #form-newsletter-modal {
    display: flex;
    flex-direction: column;
    gap: 15px; }
  #modal-newsletter .form-item .m_form-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px; }
  #modal-newsletter .form-item input.form-input {
    width: 100%;
    height: 40px;
    padding: 8px 15px;
    outline: none;
    box-shadow: none;
    border: 1px solid gray; }
  #modal-newsletter .form-item .item-gender {
    display: flex;
    align-items: center;
    gap: 5px; }
  #modal-newsletter .form-item button {
    width: 100%;
    background: #000000;
    border: none;
    box-shadow: none;
    height: 40px;
    color: #FFFFFF;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    cursor: pointer; }
  #modal-newsletter .form-item.error input.form-input {
    border-color: red; }
  #modal-newsletter .error-text {
    color: red; }

.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; }

#size-guide-modal-new .modal-dialog {
  width: 900px;
  max-width: 100%; }

#size-guide-modal-new button {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  right: 16px;
  top: 16px;
  border: none;
  box-shadow: none;
  outline: none;
  z-index: 9; }

.layout-pageDetail .wrapper-pageDetail {
  padding: 0 70px; }
  @media (max-width: 991px) {
    .layout-pageDetail .wrapper-pageDetail {
      padding: 0 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; }

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

.notify-choose-size {
  position: absolute;
  z-index: 1;
  top: -50px;
  left: 2%;
  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: 12px 19px;
  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; }

.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__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; }
  .cart-invoice .invoice-fields-personal, .cart-invoice .invoice-fields-company {
    display: flex;
    flex-direction: column;
    gap: 16px; }

.pagi-ajax {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 60px 0 0 0; }
  .pagi-ajax .pagination-custom-ajax {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px; }
    .pagi-ajax .pagination-custom-ajax .titlePagi {
      margin-right: 12px;
      color: #000;
      font-weight: 500; }
    .pagi-ajax .pagination-custom-ajax .pagi-item {
      display: flex;
      align-items: center;
      justify-content: center; }
      .pagi-ajax .pagination-custom-ajax .pagi-item span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        background-color: #fff;
        border: 1px solid #000;
        border-radius: 50%;
        color: #000;
        cursor: pointer;
        transition: all 0.2s ease;
        font-weight: 500; }
        .pagi-ajax .pagination-custom-ajax .pagi-item span:hover:not(.disabled):not(.active) {
          background-color: #000;
          color: #fff; }
        .pagi-ajax .pagination-custom-ajax .pagi-item span.active {
          background-color: #000;
          color: #fff;
          font-weight: 700;
          pointer-events: none; }
        .pagi-ajax .pagination-custom-ajax .pagi-item span.disabled {
          background-color: #f0f0f0;
          color: #999;
          border-color: #ccc;
          cursor: default;
          pointer-events: none; }
        .pagi-ajax .pagination-custom-ajax .pagi-item span.prev-pagi, .pagi-ajax .pagination-custom-ajax .pagi-item span.next-pagi {
          background-color: #fff;
          border: 1px solid #000;
          border-radius: 50%;
          width: 36px;
          height: 36px; }
          .pagi-ajax .pagination-custom-ajax .pagi-item span.prev-pagi svg, .pagi-ajax .pagination-custom-ajax .pagi-item span.next-pagi svg {
            width: 12px;
            height: 12px; }
            .pagi-ajax .pagination-custom-ajax .pagi-item span.prev-pagi svg path, .pagi-ajax .pagination-custom-ajax .pagi-item span.next-pagi svg path {
              stroke: #000; }
          .pagi-ajax .pagination-custom-ajax .pagi-item span.prev-pagi.disabled svg path, .pagi-ajax .pagination-custom-ajax .pagi-item span.next-pagi.disabled svg path {
            stroke: #ccc; }