@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");
:root {
  --header-height: 54px; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

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

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

img {
  max-width: 100%; }

.container {
  padding-right: 60px;
  padding-left: 60px;
  max-width: none; }
  @media (max-width: 1199px) {
    .container {
      padding-right: 16px;
      padding-left: 16px; } }

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

body {
  font-family: "Cabin", sans-serif;
  color: #222222;
  overflow-x: hidden;
  background: #ffffff;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4; }
  body.open-menu-mb, body.fancybox-active {
    overflow: hidden; }
  body.template-cart {
    background: #fff; }

.wrap-main.wrap-page-index {
  padding-top: 34px; }

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

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

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

img {
  max-width: 100%; }

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

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

a:active {
  outline: none; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

textarea {
  resize: none; }

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

img.lazyload {
  opacity: 0; }

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

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

.btn {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 2px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  outline: none;
  box-shadow: none !important; }
  .btn.btn-recaptcha {
    padding-top: 15px;
    padding-bottom: 15px; }
  .btn:hover {
    color: currentColor; }
  .btn--fill-black, .btn--fill-black:hover, .btn--fill-black:focus {
    background-color: #2E2E2E;
    color: #fff; }
  .btn--fill-gray2, .btn--fill-gray2:hover, .btn--fill-gray2:focus {
    background-color: #F7F8F9;
    color: black; }
  .btn--fill-gray, .btn--fill-gray:hover, .btn--fill-gray:focus {
    background-color: #999;
    color: #fff; }
  .btn--fill-yellow {
    background-color: #FFD62C; }
  .btn--solid-white {
    border-color: #fff; }
  .btn--solid-black {
    border-color: #000; }
  .btn--solid-gray {
    background-color: #f7f8f9;
    border-color: #000; }

.fix-style:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  gap: 10px; }
  @media (max-width: 991px) {
    .fix-style:not(.swiper-initialized) .swiper-wrapper[item-gap-mb="5"] {
      gap: 5px; } }
  .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="1"] {
    grid-template-columns: repeat(1, 1fr); }
    .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="1"] .swiper-slide:nth-child(n+2) {
      display: none; }
  .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="2"] {
    grid-template-columns: repeat(2, 1fr); }
    .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="2"] .swiper-slide:nth-child(n+3) {
      display: none; }
  .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="3"] {
    grid-template-columns: repeat(3, 1fr); }
    .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="3"] .swiper-slide:nth-child(n+4) {
      display: none; }
  .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="4"] {
    grid-template-columns: repeat(4, 1fr); }
    .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="4"] .swiper-slide:nth-child(n+5) {
      display: none; }
  .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="5"] {
    grid-template-columns: repeat(5, 1fr); }
    .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show="5"] .swiper-slide:nth-child(n+6) {
      display: none; }
  @media (max-width: 991px) {
    .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show-mb="2"] {
      grid-template-columns: repeat(2, 1fr); }
      .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show-mb="2"] .swiper-slide:nth-child(n+3) {
        display: none; } }
  @media (max-width: 991px) {
    .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show-mb="1.2"] {
      display: flex;
      overflow-x: hidden; }
      .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show-mb="1.2"] .swiper-slide {
        flex: 0 0 83%;
        max-width: 83%; }
      .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show-mb="1.2"] .swiper-slide:nth-child(n+2) {
        display: block; }
      .fix-style:not(.swiper-initialized) .swiper-wrapper[item-show-mb="1.2"] .swiper-slide:nth-child(n+3) {
        display: none; } }
  .fix-style:not(.swiper-initialized) .swiper-wrapper.no-product {
    grid-template-columns: auto; }

.swiper-container {
  position: relative;
  width: 100%;
  overflow: hidden; }

.style-navigation-2 {
  position: relative; }
  .style-navigation-2 .btn-nav {
    margin-top: 0;
    top: 32%;
    color: gray;
    position: absolute;
    z-index: 1;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), inset 4px 4px 60px rgba(233, 233, 233, 0.2);
    opacity: 1; }
    @media (max-width: 991px) {
      .style-navigation-2 .btn-nav {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.7);
        top: 26%; } }
    .style-navigation-2 .btn-nav:after {
      font-size: 20px; }
      @media (max-width: 991px) {
        .style-navigation-2 .btn-nav:after {
          font-size: 18px; } }

.style-navigation-4 {
  position: relative; }
  .style-navigation-4 .btn-nav {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: gray;
    position: absolute;
    z-index: 1;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 0;
    opacity: 1; }
    @media (max-width: 991px) {
      .style-navigation-4 .btn-nav {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.7); } }
    .style-navigation-4 .btn-nav:after {
      font-size: 20px;
      color: #fff; }
      @media (max-width: 991px) {
        .style-navigation-4 .btn-nav:after {
          font-size: 14px; } }
  .style-navigation-4:hover .group-swiper-button {
    opacity: 1;
    visibility: visible; }

.style-navigation-5 {
  position: relative; }
  .style-navigation-5 .btn-nav {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: gray;
    position: absolute;
    z-index: 1;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), inset 4px 4px 60px rgba(233, 233, 233, 0.2);
    opacity: 1; }
    @media (max-width: 991px) {
      .style-navigation-5 .btn-nav {
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.7); } }
    .style-navigation-5 .btn-nav:after {
      font-size: 20px; }
      @media (max-width: 991px) {
        .style-navigation-5 .btn-nav:after {
          font-size: 18px; } }

@media (min-width: 992px) {
  .style-navigation-3 .swiper-button-prev {
    top: 0; }
    .style-navigation-3 .swiper-button-prev:after {
      font-size: 20px;
      transform: rotate(90deg); }
  .style-navigation-3 .swiper-button-next {
    top: auto;
    bottom: 0; }
    .style-navigation-3 .swiper-button-next:after {
      font-size: 20px;
      transform: rotate(90deg); }
  .style-navigation-3 .btn-nav {
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    height: auto;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    left: 0; } }

.css-pagination-2 .custom-sw-pagination {
  max-width: 80%;
  margin: 50px auto 0 auto; }
  @media (max-width: 991px) {
    .css-pagination-2 .custom-sw-pagination {
      max-width: none;
      margin: 20px 0 0 0; } }

.css-pagination-2 .swiper-pagination {
  position: relative;
  bottom: 0;
  width: 100%;
  display: flex; }
  .css-pagination-2 .swiper-pagination span {
    background: rgba(148, 148, 148, 0.2) !important;
    opacity: 1;
    flex: 1 1 0;
    width: 100%;
    height: 15px;
    display: inline-block;
    border-radius: 0;
    margin-left: 5px;
    margin-right: 5px;
    background: none;
    position: relative;
    height: 4px; }
    .css-pagination-2 .swiper-pagination span:hover, .css-pagination-2 .swiper-pagination span.swiper-pagination-bullet-active {
      opacity: 1;
      background: rgba(0, 0, 0, 0.75) !important; }

.css-pagination .custom-sw-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 10px;
  z-index: 5; }
  .css-pagination .custom-sw-pagination.custom-sw-pagination-fix {
    width: 90%;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    margin: 0 auto; }
  @media (max-width: 991px) {
    .css-pagination .custom-sw-pagination {
      padding: 0 20px; } }

.css-pagination .swiper-pagination {
  max-width: 400px;
  position: relative;
  bottom: 0;
  width: 100%;
  display: flex; }
  .css-pagination .swiper-pagination span {
    opacity: .7;
    flex: 1 1 0;
    width: 100%;
    height: 15px;
    display: inline-block;
    border-radius: 0;
    margin-left: 5px;
    margin-right: 5px;
    background: none;
    position: relative; }
    .css-pagination .swiper-pagination span:hover, .css-pagination .swiper-pagination span.swiper-pagination-bullet-active {
      opacity: 1; }
    .css-pagination .swiper-pagination span:after {
      content: "";
      display: block;
      border-top: 3px solid #fff;
      width: 100%;
      position: absolute;
      top: 50%;
      margin-top: -1.5px;
      left: 0;
      right: 0; }

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

@keyframes line {
  0% {
    width: 0; }
  to {
    width: 100%; } }

@keyframes out {
  0% {
    margin-left: 0;
    width: 100%; }
  to {
    margin-left: 100%;
    width: 0; } }

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

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

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

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

.messenger-fb {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 9;
  transition: 0.2s all; }
  @media (max-width: 991px) {
    .messenger-fb {
      bottom: 100px; } }
  .toggle-sticky .messenger-fb {
    bottom: 180px; }
    @media (max-width: 991px) {
      .toggle-sticky .messenger-fb {
        bottom: 255px; } }
  .messenger-fb img {
    width: 60px; }

#scrollToTop {
  position: fixed;
  bottom: 30px;
  right: 20px;
  padding: 10px 15px;
  background-color: #fff;
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s all;
  width: 60px;
  height: 60px;
  border: 1px solid #cacaca;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9; }
  @media (max-width: 991px) {
    #scrollToTop {
      bottom: 60; } }
  .toggle-sticky #scrollToTop {
    bottom: 110px; }
    @media (max-width: 991px) {
      .toggle-sticky #scrollToTop {
        bottom: 185px; } }
  #scrollToTop svg {
    width: 25px;
    height: 25px; }
  #scrollToTop.isShow {
    opacity: 1;
    visibility: visible; }

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

/* TOPBAR */
.topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #000;
  color: #fff;
  z-index: 9;
  overflow: hidden;
  transition: 0.3s all; }
  .topbar .topbar-wrap {
    height: 35px;
    position: relative; }
    .topbar .topbar-wrap .topbar-swiper {
      height: 100%;
      position: relative; }
  .is-scroll .topbar {
    top: -100%; }
  .topbar .item-topbar {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    white-space: nowrap;
    letter-spacing: 0.5px; }
  .topbar .item-topbar a {
    display: block;
    color: #fff;
    padding: 8px 0; }

/* HEADER */
.wrap-site-header {
  min-height: 90px; }

.site-header {
  position: fixed;
  top: 34px;
  left: 0;
  width: 100%;
  background: transparent;
  z-index: 9;
  transition: 0.3s all; }
  .site-header-normal .site-header {
    position: relative; }
  .is-firstscroll .site-header {
    background: #fff;
    position: fixed !important; }
  .is-scroll .site-header {
    top: -100% !important;
    background: #fff;
    position: fixed !important; }
  .is-show .site-header {
    top: 0 !important; }
  .hover-menu .site-header {
    background: #fff; }
  .site-header .header-inner {
    max-width: 100%;
    padding: 12px 20px;
    height: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    position: relative;
    align-items: start; }
    .is-scroll .site-header .header-inner,
    .is-firstscroll .site-header .header-inner {
      align-items: center; }
    @media (max-width: 1199px) {
      .site-header .header-inner {
        align-items: center;
        gap: 10px;
        padding: 12px 15px; } }
  @media (min-width: 1200px) {
    .site-header .header-humber-mb {
      display: none; } }
  .site-header .header-humber-mb svg path {
    stroke: #fff; }
    .is-scroll .site-header .header-humber-mb svg path,
    .is-firstscroll .site-header .header-humber-mb svg path {
      stroke: #000; }
    .site-header-normal .site-header .header-humber-mb svg path {
      stroke: #000; }
    .hover-menu .site-header .header-humber-mb svg path {
      stroke: #000; }
  .site-header .header-logo svg {
    width: 170px;
    height: 78px;
    transition: 0.3s all; }
    @media (max-width: 1199px) {
      .site-header .header-logo svg {
        width: 120px;
        height: auto; } }
    body:not(.template-index) .site-header .header-logo svg {
      width: 100px;
      height: 30px; }
      @media (max-width: 1199px) {
        body:not(.template-index) .site-header .header-logo svg {
          width: 60px;
          height: auto; } }
    .is-scroll .site-header .header-logo svg,
    .is-firstscroll .site-header .header-logo svg {
      width: 100px;
      height: 30px; }
      @media (max-width: 1199px) {
        .is-scroll .site-header .header-logo svg,
        .is-firstscroll .site-header .header-logo svg {
          width: 60px;
          height: auto; } }
    .site-header .header-logo svg path {
      fill: #fff; }
      .is-scroll .site-header .header-logo svg path,
      .is-firstscroll .site-header .header-logo svg path {
        fill: #000; }
      .site-header-normal .site-header .header-logo svg path {
        fill: #000; }
      .hover-menu .site-header .header-logo svg path {
        fill: #000; }
  .site-header .header-menu {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: 40px; }
    @media (max-width: 1199px) {
      .site-header .header-menu {
        display: none; } }
    .site-header .header-menu > ul {
      display: flex;
      gap: 15px;
      list-style: none;
      margin: 0;
      padding: 0; }
      .site-header .header-menu > ul > li > a {
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 0 20px 25px; }
        .template-index .site-header .header-menu > ul > li > a {
          padding: 0 20px 90px; }
        .site-header .header-menu > ul > li > a[href="/"] {
          cursor: default; }
        .site-header .header-menu > ul > li > a span {
          position: relative; }
          .site-header .header-menu > ul > li > a span:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            bottom: 0;
            left: 0;
            margin-bottom: -10px;
            border-bottom: 1px solid;
            visibility: hidden;
            transform: scaleX(0);
            transition: all .2s ease-in-out 0s; }
        .site-header .header-menu > ul > li > a:hover span:before {
          visibility: visible;
          transform: scale(1); }
        .is-scroll .site-header .header-menu > ul > li > a,
        .is-firstscroll .site-header .header-menu > ul > li > a {
          color: #000; }
        .site-header-normal .site-header .header-menu > ul > li > a {
          color: #000; }
        .hover-menu .site-header .header-menu > ul > li > a {
          color: #000; }
      .site-header .header-menu > ul .menu-lv1 .wrap-submenu {
        position: absolute;
        left: 0;
        right: 0;
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        overflow-y: auto;
        transition: opacity 0.5s linear, padding 0.5s linear, max-height 0.5s .2s linear;
        z-index: 1;
        background: #fff;
        top: 100%;
        border-top: 1px solid; }
        .site-header .header-menu > ul .menu-lv1 .wrap-submenu .mega-menu {
          display: grid;
          grid-template-columns: 3fr 2fr;
          gap: 40px;
          padding: 20px 20px; }
        .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-columns {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 20px; }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-columns[data-sub1="SALE"], .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-columns[data-sub1="EXPLORE"] {
            grid-template-columns: 1fr;
            gap: 15px; }
            .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-columns[data-sub1="SALE"] .menu-col, .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-columns[data-sub1="EXPLORE"] .menu-col {
              border-right: none; }
              .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-columns[data-sub1="SALE"] .menu-col h4, .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-columns[data-sub1="EXPLORE"] .menu-col h4 {
                margin: 0;
                font-weight: 500; }
        .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col {
          border-right: 1px solid #d1d1d1; }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col .menu-label {
            display: inline-block;
            font-size: 12px;
            background: #000;
            color: #fff;
            padding: 2px 8px;
            margin-bottom: 16px; }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col h4 {
            font-size: 16px;
            margin-bottom: 20px; }
            .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col h4 a span {
              position: relative; }
              .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col h4 a span:before {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                bottom: 0;
                left: 0;
                margin-bottom: -2px;
                border-bottom: 1px solid;
                visibility: hidden;
                transform: scaleX(0);
                transition: all .2s ease-in-out 0s; }
            .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col h4 a:hover span:before {
              visibility: visible;
              transform: scale(1); }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col ul {
            list-style: none; }
            .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col ul li {
              cursor: pointer; }
              .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col ul li:nth-child(1) a {
                padding-top: 0; }
              .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col ul li:last-child a {
                padding-bottom: 0; }
              .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col ul li a {
                display: block;
                padding: 8px 0; }
                .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col ul li a span {
                  position: relative; }
                  .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col ul li a span:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 1px;
                    bottom: 0;
                    left: 0;
                    margin-bottom: -2px;
                    border-bottom: 1px solid;
                    visibility: hidden;
                    transform: scaleX(0);
                    transition: all .2s ease-in-out 0s; }
                .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col ul li a:hover span:before {
                  visibility: visible;
                  transform: scale(1); }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .menu-col .mt {
            margin-top: 32px; }
        .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card {
          position: relative;
          overflow: hidden;
          border-radius: 28px;
          background: #000;
          max-width: 100%;
          cursor: pointer;
          max-height: 400px;
          /* overlay gradient */ }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover; }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.4) 40%, transparent 70%);
            z-index: 1; }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card:hover .banner-overlay {
            transform: translateY(-20px); }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card:hover .banner-btn {
            opacity: 1; }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card .banner-overlay {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            text-align: center;
            transform: translateY(50px);
            transition: all 0.2s ease; }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card .banner-title {
            color: #fff;
            font-size: 24px;
            letter-spacing: 3px;
            font-weight: 500;
            margin-bottom: 20px; }
          .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card .banner-btn {
            color: #fff;
            border: 1px solid #ffffff;
            padding: 10px 24px;
            border-radius: 8px;
            font-size: 14px;
            letter-spacing: 1px;
            text-decoration: none;
            background: transparent;
            opacity: 0;
            transition: all 0.35s ease; }
            .site-header .header-menu > ul .menu-lv1 .wrap-submenu .banner-card .banner-btn:hover {
              background: #fff;
              color: #000; }
      .site-header .header-menu > ul .menu-lv1:hover .wrap-submenu {
        max-height: none;
        opacity: 1;
        pointer-events: all; }
  .site-header .header-actions {
    display: flex;
    gap: 16px; }
    .site-header .header-actions a {
      text-decoration: none;
      display: flex;
      align-items: center;
      gap: 4px;
      font-size: 10px;
      position: relative; }
      .site-header .header-actions a .count-item {
        width: 15px;
        height: 15px;
        color: #ffffff;
        box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
        background: #000000;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: -7px;
        right: -7px;
        border-radius: 100%;
        font-size: 8px; }
      .site-header .header-actions a svg {
        width: 20px;
        height: 20px; }
        .site-header .header-actions a svg path {
          fill: #fff; }
          .is-scroll .site-header .header-actions a svg path,
          .is-firstscroll .site-header .header-actions a svg path {
            fill: #000; }
          .site-header-normal .site-header .header-actions a svg path {
            fill: #000; }
          .hover-menu .site-header .header-actions a svg path {
            fill: #000; }
      .site-header .header-actions a.action-search {
        color: #fff; }
        .is-scroll .site-header .header-actions a.action-search,
        .is-firstscroll .site-header .header-actions a.action-search {
          color: #000; }
        .site-header-normal .site-header .header-actions a.action-search {
          color: #000; }
        .hover-menu .site-header .header-actions a.action-search {
          color: #000; }

/* BANNER */
.home-banner .swiper,
.home-banner .swiper-slide {
  width: 100%; }

.home-banner picture,
.home-banner img {
  width: 100%; }

.dual-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%; }
  .dual-banner__item {
    position: relative;
    overflow: hidden; }
    .dual-banner__item picture,
    .dual-banner__item img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover; }
  .dual-banner__content {
    position: absolute;
    color: #fff;
    z-index: 2;
    text-transform: uppercase;
    padding: 20px; }
    .dual-banner__content .subtitle {
      display: block;
      font-size: 18px;
      letter-spacing: 1px;
      margin-bottom: 12px; }
    .dual-banner__content .cta {
      font-size: 13px;
      letter-spacing: 1px;
      text-decoration: none;
      color: #fff;
      position: relative;
      padding-bottom: 2px; }
      .dual-banner__content .cta:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #fff; }
    .dual-banner__content.align-left {
      left: 48px;
      text-align: left; }
    .dual-banner__content.align-right {
      right: 48px;
      text-align: right; }
      .dual-banner__content.align-right .cta:after {
        left: auto;
        right: 0; }
  @media (max-width: 991px) {
    .dual-banner {
      grid-template-columns: 1fr; }
      .dual-banner__item {
        height: 60vh; }
      .dual-banner__content.align-left {
        left: 24px; }
      .dual-banner__content.align-right {
        right: 24px; } }

.category-slider {
  width: 100%;
  background: #fff;
  margin-top: 1px;
  /* BUTTON */
  /* MOBILE */ }
  .category-slider .swiper {
    padding: 0; }
  .category-slider .category-item img {
    width: 100%; }
  .category-slider .category-btn {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 22px;
    background: #fff;
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap; }
    .category-slider .category-btn:hover {
      background: transparent;
      color: #000;
      border-color: #fff; }
  @media (max-width: 991px) {
    .category-slider .category-btn {
      bottom: 24px;
      font-size: 12px; } }

.fullpage-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* CONTENT */
  /* MOBILE */ }
  .fullpage-banner .banner-content {
    position: absolute;
    color: #fff;
    z-index: 2; }
    .fullpage-banner .banner-content .banner-subtitle {
      font-size: 14px;
      letter-spacing: 1px;
      font-weight: 400;
      display: block; }
    .fullpage-banner .banner-content .banner-cta {
      font-size: 13px;
      letter-spacing: 1px;
      color: #fff;
      text-decoration: none;
      position: relative;
      padding-bottom: 2px; }
      .fullpage-banner .banner-content .banner-cta:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #fff; }
  @media (max-width: 991px) {
    .fullpage-banner .banner-content .banner-subtitle {
      font-size: 13px; }
    .fullpage-banner .banner-content .banner-cta {
      font-size: 12px; } }

.hero-banner {
  width: 100%;
  /* BUTTON CENTER */
  /* MOBILE */ }
  .hero-banner .hero-swiper,
  .hero-banner .hero-swiper .swiper-slide {
    width: 100%;
    height: 100%; }
  .hero-banner .hero-swiper picture,
  .hero-banner .hero-swiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .hero-banner .item-slider {
    position: relative; }
  .hero-banner .hero-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 12px 28px;
    background: #fff;
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    border: 1px solid #fff;
    transition: all 0.3s ease;
    z-index: 2;
    white-space: nowrap; }
    .hero-banner .hero-btn:hover {
      background: transparent;
      color: #fff;
      border-color: #fff; }
  .hero-banner .hero-btn-2 {
    position: absolute;
    padding: 12px 28px;
    background: #fff;
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    border: 1px solid #fff;
    transition: all 0.3s ease;
    z-index: 2;
    white-space: nowrap;
    margin: 20px; }
    .hero-banner .hero-btn-2:hover {
      background: transparent;
      color: #fff;
      border-color: #fff; }
  @media (max-width: 991px) {
    .hero-banner .hero-btn, .hero-banner .hero-btn-2 {
      font-size: 12px;
      padding: 10px 22px; } }

#breadcrumb {
  margin: 30px 0; }
  @media (max-width: 991px) {
    #breadcrumb {
      margin: 15px 0; } }
  #breadcrumb ol {
    margin: 0;
    display: flex;
    gap: 10px;
    white-space: nowrap; }
  #breadcrumb .breadcrumb-item {
    color: #787878;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1;
    flex: 0 0 auto; }
    @media (max-width: 991px) {
      #breadcrumb .breadcrumb-item {
        max-width: 150px; } }
    #breadcrumb .breadcrumb-item a {
      color: #787878; }
    #breadcrumb .breadcrumb-item span {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #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; }

/* =========================
   CATEGORY HEADER
========================= */
.category-header {
  padding: 32px 0 48px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .category-header {
      padding: 20px 0; } }
  .category-header .category-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.8px;
    letter-spacing: 2.4px;
    text-align: center;
    text-transform: uppercase;
    margin: 0; }
  .category-header .category-description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    max-width: 575px;
    text-align: center;
    margin: 0 auto; }

/* =========================
   TOOLBAR
========================= */
.category-toolbar {
  padding: 24px 0 40px; }
  @media (max-width: 991px) {
    .category-toolbar {
      padding: 0 0 30px 0; } }
  .category-toolbar .toolbar-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .category-toolbar .results-count {
    font-size: 16px;
    color: #1c1c1c; }
  .category-toolbar .toolbar-right {
    display: flex;
    align-items: center;
    gap: 16px; }
  .category-toolbar .toolbar-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 20px;
    border: 1px solid #1c1c1c;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px; }
    @media (max-width: 991px) {
      .category-toolbar .toolbar-btn {
        display: none; } }
    .category-toolbar .toolbar-btn:hover {
      background-color: rgba(0, 0, 0, 0.05); }
  .category-toolbar .view-toggle {
    display: flex;
    gap: 16px; }
    @media (max-width: 991px) {
      .category-toolbar .view-toggle {
        display: none; } }
    .category-toolbar .view-toggle .view-btn {
      width: 40px;
      height: 40px;
      border: none;
      background: transparent;
      cursor: pointer;
      border-radius: 8px;
      border: 1px solid #1c1c1c;
      outline: none;
      box-shadow: none; }
      .category-toolbar .view-toggle .view-btn.active {
        background-color: rgba(0, 0, 0, 0.1); }

.collection-list {
  display: grid;
  gap: 10px 2px;
  grid-template-columns: repeat(4, 1fr); }
  .collection-list.empty-product {
    grid-template-columns: repeat(1, 1fr); }
    @media (max-width: 991px) {
      .template-search .collection-list.empty-product {
        grid-template-columns: repeat(1, 1fr); } }
  .collection-list.view-two {
    grid-template-columns: repeat(2, 1fr); }
  @media (max-width: 991px) {
    .collection-list {
      grid-template-columns: repeat(2, 1fr); }
      .template-search .collection-list {
        grid-template-columns: repeat(2, 1fr); } }

.product-loop {
  position: relative;
  overflow: hidden;
  transition: 0.2s all; }
  .product-loop:hover .product-prev,
  .product-loop:hover .product-next {
    opacity: 1;
    visibility: visible; }
  .product-loop:hover .quick-buy span {
    transform: translateY(-100%); }
  .product-loop .label-loop {
    position: absolute;
    z-index: 5;
    top: 2px;
    left: 2px;
    display: flex;
    flex-direction: column;
    gap: 1px;
    align-items: start; }
    .product-loop .label-loop .label-sale {
      font-size: 12px;
      border: .12rem solid #B01722;
      border-radius: 0;
      padding: 4px 8px;
      display: block;
      line-height: 12px;
      font-weight: bold;
      background: #B01722;
      color: #fff; }
    .product-loop .label-loop .label-preorder, .product-loop .label-loop .label-new {
      font-size: 12px;
      border: .12rem solid #000;
      border-radius: 0;
      padding: 4px 8px;
      display: block;
      line-height: 12px;
      font-weight: bold;
      background: #000;
      color: #fff; }
  .product-loop .product-image {
    position: relative;
    overflow: hidden;
    width: 100%; }
    .product-loop .product-image .box-image {
      position: relative;
      overflow: hidden; }
      .product-loop .product-image .box-image a {
        position: relative;
        display: block;
        padding-bottom: calc(100% * 480 / 388);
        background: #f7f7f7; }
        .product-loop .product-image .box-image a img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 388 / 480;
          width: 100%;
          height: 100%; }
        .product-loop .product-image .box-image a picture {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: flex;
          transition: all 0.6s ease-in-out 0s;
          -moz-transition: all 0.6s ease-in-out 0s;
          -o-transition: all 0.6s ease-in-out 0s;
          -webkit-transition: all 0.6s ease-in-out 0s;
          -ms-transition: all 0.6s ease-in-out 0s; }
          .product-loop .product-image .box-image a picture:nth-child(2) {
            opacity: 0;
            visibility: hidden; }
  .product-loop .quick-buy {
    display: none;
    position: absolute;
    bottom: 0;
    right: 10px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    overflow: hidden;
    background: inherit;
    z-index: 9;
    cursor: pointer; }
    .product-loop .quick-buy .btn_icon {
      background: url(https://file.hstatic.net/200000959085/file/icon-addtocart.png) no-repeat;
      background-size: 22px 22px;
      background-position: center right;
      display: block;
      width: 100%;
      height: 40px;
      margin: 0 0 0 auto; }
    .product-loop .quick-buy span {
      display: block;
      height: 40px;
      line-height: 40px;
      transition: all .4s ease;
      text-decoration: underline; }
  .product-loop .img-metafield {
    position: absolute;
    left: 12px;
    bottom: 0;
    padding: 0 0 5px 0;
    z-index: 1; }
    .product-loop .img-metafield ul {
      display: flex;
      align-items: center;
      gap: 8px; }
      .product-loop .img-metafield ul li {
        position: relative;
        cursor: pointer; }
        .product-loop .img-metafield ul li .tool-tip {
          text-align: center;
          background: #232323;
          color: #fff;
          bottom: 100%;
          padding: 4px 7px;
          display: block;
          position: absolute;
          z-index: 2;
          min-width: 44px;
          left: 50%;
          -moz-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          transform: translate(-50%);
          margin-bottom: 12px;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: all .25s ease-out;
          -moz-transition: all .25s ease-out;
          -ms-transition: all .25s ease-out;
          -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
          -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          font-size: 11px;
          font-weight: 500;
          letter-spacing: normal;
          pointer-events: none;
          line-height: 16px;
          white-space: nowrap; }
          .product-loop .img-metafield ul li .tool-tip:after {
            border-left: solid transparent 7px;
            border-right: solid transparent 7px;
            border-top: solid #232323 7px;
            bottom: -7px;
            content: " ";
            height: 0;
            left: 50%;
            -moz-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translate(-50%);
            position: absolute;
            width: 0; }
        .product-loop .img-metafield ul li span {
          width: 18px;
          height: 18px;
          border: 2px solid #fff;
          -webkit-box-shadow: 0 0 0 1px #e6e6e6;
          -moz-box-shadow: 0 0 0 1px #e6e6e6;
          box-shadow: 0 0 0 1px #e6e6e6;
          outline: none;
          display: block;
          position: relative;
          overflow: hidden;
          border-radius: 100%; }
  .product-loop .product-prev,
  .product-loop .product-next {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    color: #000;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 1px 1px #fff;
    outline: none;
    color: #fff; }
    .product-loop .product-prev:after,
    .product-loop .product-next:after {
      font-size: 14px; }
    .product-loop .product-prev:hover,
    .product-loop .product-next:hover {
      background: rgba(0, 0, 0, 0.7); }
  .product-loop .product-prev {
    left: 16px; }
  .product-loop .product-next {
    right: 16px; }
  .product-loop .product-info {
    padding: 16px; }
  .product-loop .product-title {
    font-size: 14px;
    margin-bottom: 6px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400; }
  .product-loop .product-price {
    display: flex;
    gap: 8px;
    align-items: center; }
    .product-loop .product-price.on_sale .m-price {
      color: #B01722;
      font-weight: bold; }
    .product-loop .product-price .m-price {
      font-size: 14px; }
    .product-loop .product-price .del-price {
      font-size: 13px;
      color: gray; }
  .product-loop.effect-loading .product-title {
    background: #fff;
    color: #fff; }
  .product-loop.effect-loading .product-price {
    background: #fff;
    color: #fff; }
    .product-loop.effect-loading .product-price .del-price {
      color: #fff; }

.sort-collection {
  position: relative; }
  @media (max-width: 991px) {
    .sort-collection {
      margin: 0;
      order: 1; } }
  .sort-collection .btn-sort {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 20px;
    border: 1px solid #1c1c1c;
    background: transparent;
    font-size: 14px;
    cursor: pointer;
    border-radius: 8px; }
    @media (max-width: 991px) {
      .sort-collection .btn-sort {
        display: none; } }
    .sort-collection .btn-sort .value-sort {
      color: #222222; }
    .sort-collection .btn-sort.opened .value-sort svg {
      transform: rotate(180deg); }
  .sort-collection ul {
    list-style: none;
    position: absolute;
    background: #f4efe7;
    padding: 0;
    z-index: 9999;
    text-align: left;
    right: 0;
    top: 100%;
    margin: 0;
    display: none;
    border: none;
    width: 245px;
    box-shadow: 0 2px 4px rgba(142, 142, 142, 0.3);
    border-radius: 8px;
    border: 1px solid #000; }
    @media (max-width: 991px) {
      .sort-collection ul {
        position: fixed;
        left: 0;
        right: 0;
        bottom: -100%;
        background: #fff;
        z-index: 99;
        padding: 0 0 60px 0;
        border-radius: 16px 16px 0 0;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
        transition: all .35s ease;
        max-height: 60vh;
        overflow-y: auto;
        display: block;
        width: 100%;
        top: auto; }
        .sort-collection ul.sort-active {
          bottom: 0; } }
    .sort-collection ul li {
      cursor: pointer; }
      .sort-collection ul li.head-mobile-cus {
        display: none;
        position: sticky;
        top: 0;
        padding: 8px 20px;
        font-size: 16px;
        font-weight: 500;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #E6E6E6;
        background: #fff;
        z-index: 9; }
        .sort-collection ul li.head-mobile-cus .sort-close {
          position: absolute;
          right: 0;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0; }
        @media (max-width: 991px) {
          .sort-collection ul li.head-mobile-cus {
            display: flex; } }
      .sort-collection ul li span {
        display: block;
        padding: 0 20px;
        line-height: 40px; }
      .sort-collection ul li.active {
        background: #ffffff url(https://file.hstatic.net/200000959085/file/checked.png);
        background-position: calc(100% - 16px) center;
        background-repeat: no-repeat;
        background-size: 16px auto; }

.sort-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 98;
  opacity: 0;
  visibility: hidden;
  transition: all .25s ease; }
  .sort-overlay.overlay-active {
    opacity: 1;
    visibility: visible; }

.filter-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 99; }

.filter-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: 484px;
  height: 100vh;
  background: #f3ebdc;
  transform: translateX(-100%);
  transition: 0.4s ease;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  /* Header */
  /* Body */
  /* Footer */ }
  @media (max-width: 991px) {
    .filter-sidebar {
      max-width: 100%;
      width: 100%; } }
  .filter-sidebar .filter-header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
    .filter-sidebar .filter-header .btn-close-new {
      background: none;
      border: none;
      cursor: pointer;
      font-size: 13px; }
  .filter-sidebar .filter-body {
    padding: 20px;
    overflow-y: auto;
    flex: 1; }
  .filter-sidebar .filter-group {
    margin-bottom: 24px; }
    .filter-sidebar .filter-group .filter-title {
      display: flex;
      justify-content: space-between;
      font-weight: 600;
      margin-bottom: 12px;
      cursor: pointer; }
      .filter-sidebar .filter-group .filter-title svg {
        width: 14px;
        height: 14px;
        transition: 0.3s all; }
      .filter-sidebar .filter-group .filter-title:not(.opened) svg {
        transform: rotate(180deg); }
    .filter-sidebar .filter-group ul {
      padding-left: 16px; }
      .filter-sidebar .filter-group ul li {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        justify-content: space-between; }
        .filter-sidebar .filter-group ul li ~ li {
          margin-top: 10px; }
        .filter-sidebar .filter-group ul li label {
          margin: 0; }
        .filter-sidebar .filter-group ul li input {
          order: 2; }
      .filter-sidebar .filter-group ul.size-list {
        display: flex;
        gap: 10px;
        list-style: none;
        padding: 0;
        margin: 15px 0 0 0;
        flex-wrap: wrap; }
        .filter-sidebar .filter-group ul.size-list li ~ li {
          margin-top: 0; }
        .filter-sidebar .filter-group ul.size-list li input {
          display: none; }
          .filter-sidebar .filter-group ul.size-list li input:checked + label {
            background: #000;
            color: #fff; }
        .filter-sidebar .filter-group ul.size-list li label {
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #000;
          font-size: 14px;
          padding: 8px 0;
          cursor: pointer;
          transition: background 0.2s;
          min-width: 45px;
          height: 45px;
          padding: 0 5px; }
          .filter-sidebar .filter-group ul.size-list li label:hover {
            background: #000;
            color: #fff; }
      .filter-sidebar .filter-group ul.color-list {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px 0;
        align-items: center;
        justify-content: space-between;
        padding: 0; }
        .filter-sidebar .filter-group ul.color-list li {
          display: flex; }
          .filter-sidebar .filter-group ul.color-list li ~ li {
            margin-top: 0; }
          .filter-sidebar .filter-group ul.color-list li:nth-child(5n + 1) {
            justify-content: flex-start; }
          .filter-sidebar .filter-group ul.color-list li:nth-child(5n + 2) {
            justify-content: center; }
          .filter-sidebar .filter-group ul.color-list li:nth-child(5n + 3) {
            justify-content: center; }
          .filter-sidebar .filter-group ul.color-list li:nth-child(5n + 4) {
            justify-content: center; }
          .filter-sidebar .filter-group ul.color-list li:nth-child(5n) {
            justify-content: flex-end; }
        .filter-sidebar .filter-group ul.color-list input {
          display: none; }
          .filter-sidebar .filter-group ul.color-list input:checked ~ label {
            border: 1px solid #000;
            color: #222; }
        .filter-sidebar .filter-group ul.color-list label {
          align-items: center;
          border: 1px solid #dfdfdf;
          border-radius: 8px;
          color: #555;
          display: flex;
          font-size: 14px;
          justify-content: center;
          line-height: 17px;
          padding: 9px 11px;
          height: 40px;
          min-width: 92px;
          position: relative;
          cursor: pointer;
          overflow: hidden;
          width: 38px;
          height: 38px;
          padding: 0;
          min-width: auto;
          border-radius: 100%; }
          .filter-sidebar .filter-group ul.color-list label span {
            width: 30px;
            height: 30px;
            border-radius: 100%; }
  .filter-sidebar .filter-footer {
    padding: 20px;
    display: flex;
    gap: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.15); }
    .filter-sidebar .filter-footer button {
      flex: 1;
      padding: 12px;
      font-weight: 600;
      cursor: pointer; }
    .filter-sidebar .filter-footer .btn-clear {
      background: transparent;
      border: 1px solid #000; }
    .filter-sidebar .filter-footer .btn-apply {
      background: #000;
      color: #fff;
      border: 1px solid #000; }

body.filter-open {
  overflow: hidden; }
  body.filter-open .filter-sidebar {
    transform: translateX(0); }
  body.filter-open .filter-overlay {
    opacity: 1;
    visibility: visible; }

.customer-actions {
  background-color: #F7F8F9;
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 15px 0; }
  .customer-actions #customer_login,
  .customer-actions #create_customer {
    padding-bottom: 16px;
    border-bottom: 1px solid #F0F0F0; }
  .customer-actions .login-phone {
    padding-bottom: 16px;
    border-bottom: 1px solid #F0F0F0; }
  .customer-actions .wrapper-left-account {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .customer-actions__wrapper {
    background-color: #fff;
    padding: 32px;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.04); }
    @media (max-width: 991px) {
      .customer-actions__wrapper {
        padding: 16px; } }
  .customer-actions__greeting h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
    margin: 64px 0 0 0; }
    .customer-actions__greeting h1 span {
      display: block; }
  .customer-actions__greeting svg {
    width: 130px; }
  @media (max-width: 991px) {
    .customer-actions__greeting {
      text-align: center; }
      .customer-actions__greeting svg {
        width: 70px;
        height: auto; }
      .customer-actions__greeting h1 {
        margin: 24px 0;
        line-height: unset;
        font-size: 24px;
        line-height: 28.8px; }
        .customer-actions__greeting h1 span {
          display: initial; } }
  .customer-actions__forms {
    position: relative;
    overflow: hidden; }
    .customer-actions__forms form > div {
      position: relative; }
    .customer-actions__forms .tab-header, .customer-actions__forms .nav-tabs, .customer-actions__forms .nav-link {
      border: 0; }
    .customer-actions__forms .tab-header {
      margin-bottom: 16px; }
    .customer-actions__forms .nav-tabs .nav-item {
      width: 50%; }
    .customer-actions__forms .nav-link {
      width: 100%;
      font-size: 16px;
      line-height: 20.8px;
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: 16px;
      border-bottom: 2px solid #F0F0F0; }
      .customer-actions__forms .nav-link.active {
        font-weight: bold;
        border-color: #2E2E2E; }
    .customer-actions__forms .error-status {
      line-height: 15.6px;
      color: #EB5757;
      margin: 0 0 16px 0;
      line-height: 18.2px;
      background: url(https://file.hstatic.net/1000284478/file/x-circle_5a09cb6a5a5f42deb7fece091c21f300.svg);
      padding-left: 28px;
      min-height: 20px;
      margin-top: 16px;
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: left center; }
    .customer-actions__forms .success-status {
      line-height: 15.6px;
      color: #2E2E2E;
      margin: 0 0 16px 0;
      line-height: 18.2px;
      background: url(https://file.hstatic.net/1000284478/file/check-circle-broken_8e0b7fc6a36842aca5539e885bc69560.svg);
      padding-left: 28px;
      min-height: 20px;
      margin-top: 16px;
      background-repeat: no-repeat;
      background-size: 20px;
      background-position: left center; }
    .customer-actions__forms .item-input-form {
      position: relative; }
      .customer-actions__forms .item-input-form ~ .item-input-form {
        margin: 16px 0 0 0; }
      .customer-actions__forms .item-input-form .text-error {
        font-size: 12px;
        line-height: 15.6px;
        color: #EB5757;
        margin: 4px 0 0 0;
        display: none; }
      .customer-actions__forms .item-input-form.error .text-error {
        display: block; }
      .customer-actions__forms .item-input-form.error .form-control {
        border-color: #EB5757; }
    .customer-actions__forms .form-label {
      font-size: 12px;
      font-weight: 500;
      line-height: 15.6px;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin: 0 0 8px 0;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between; }
      .customer-actions__forms .form-label #change_login-phone, .customer-actions__forms .form-label #change_login-email {
        background: transparent;
        border: none;
        outline: none;
        box-shadow: none;
        font-size: 12px;
        font-weight: 500;
        line-height: 15.6px;
        letter-spacing: 1px;
        text-transform: uppercase; }
      .customer-actions__forms .form-label.error + input {
        border: 1px solid #f00; }
      .customer-actions__forms .form-label.error:after {
        content: attr(data-error);
        color: #f00;
        font-weight: 700; }
    .customer-actions__forms .form-control {
      font-size: 14px;
      height: 44px;
      padding: 12px 16px;
      border-color: #868D95;
      outline: none;
      box-shadow: none; }
      .customer-actions__forms .form-control::placeholder {
        font-size: 14px;
        color: #C6CBD0; }
      .customer-actions__forms .form-control.error {
        border-color: #E24C4C; }
        .customer-actions__forms .form-control.error + .form-error {
          display: block; }
      .customer-actions__forms .form-control:-webkit-autofill {
        background-color: white; }
    .customer-actions__forms .form-error {
      position: absolute;
      right: 0;
      display: none;
      margin-top: 5px;
      font-size: 12px;
      color: #E24C4C; }
    .customer-actions__forms .redirect-form:not(.nav-link) {
      margin-top: 12px;
      text-align: center;
      font-weight: 700;
      text-decoration-line: underline; }
      .customer-actions__forms .redirect-form:not(.nav-link) svg {
        margin-right: 8px; }
    .customer-actions__forms .form-title, .customer-actions__forms .form-desc {
      margin-bottom: 25px;
      text-align: center; }
      .customer-actions__forms .form-title__link, .customer-actions__forms .form-desc__link {
        text-decoration: underline;
        display: block; }
    .customer-actions__forms .form-title {
      font-size: 24px;
      font-weight: 700;
      text-transform: uppercase; }
    .customer-actions__forms .form-desc {
      font-size: 12px;
      margin-bottom: 16px; }
    .customer-actions__forms .register-now {
      text-align: center; }
      .customer-actions__forms .register-now a {
        font-weight: bold;
        text-transform: uppercase;
        margin-left: 15px;
        color: #2C82F5; }
    .customer-actions__forms input[type="submit"] {
      letter-spacing: 2px; }
    .customer-actions__forms input[name="customer[gender]"] + label {
      font-size: 16px; }
    .customer-actions__forms .verify-input-element {
      position: absolute;
      right: 16px;
      top: 38px;
      color: #50555B;
      text-decoration: underline;
      cursor: pointer; }
      .customer-actions__forms .verify-input-element.disabled {
        cursor: none;
        pointer-events: none;
        opacity: 0.5; }
  .customer-actions .login-n-sigup {
    transform: translateX(-590px); }
    .customer-actions .login-n-sigup__socials {
      padding-top: 16px; }
      .customer-actions .login-n-sigup__socials .google-login, .customer-actions .login-n-sigup__socials .facebook-login {
        position: relative;
        color: #fff;
        border-radius: 0;
        padding: 2px;
        text-align: left;
        letter-spacing: 0.14px;
        font-weight: 500; }
        .customer-actions .login-n-sigup__socials .google-login img, .customer-actions .login-n-sigup__socials .facebook-login img {
          margin-right: 12px; }
      .customer-actions .login-n-sigup__socials .google-login {
        background-color: #4285F4;
        margin-bottom: 16px; }
      .customer-actions .login-n-sigup__socials .facebook-login {
        background-color: #1877F2; }
  .customer-actions .forgotten-password {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 530px;
    transform: translateX(590px); }
  .customer-actions .login-n-sigup,
  .customer-actions .forgotten-password {
    transition: all 1s;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 5px; }
    .customer-actions .login-n-sigup.show,
    .customer-actions .forgotten-password.show {
      transform: translateX(0); }
  .customer-actions button[type="submit"],
  .customer-actions button[type="button"] {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 16px;
    height: 42px;
    border-radius: 0; }
  @media (max-width: 991px) {
    .customer-actions {
      padding: 8px 0;
      min-height: auto; } }

.eyes-password {
  position: absolute;
  top: 34px;
  right: 16px;
  cursor: pointer;
  pointer-events: none; }
  .eyes-password svg path {
    stroke: #C6CBD0; }

.input-password.error ~ .eyes-password, .input-password.hasValue ~ .eyes-password {
  pointer-events: all; }
  .input-password.error ~ .eyes-password svg path, .input-password.hasValue ~ .eyes-password svg path {
    stroke: black; }

.input-password[type="password"] + .eyes-password svg:nth-child(2) {
  display: none; }

.input-password[type="password"] + span + .eyes-password svg:nth-child(2) {
  display: none; }

.input-password[type="text"] + .eyes-password svg:nth-child(1) {
  display: none; }

.input-password[type="text"] + span + .eyes-password svg:nth-child(1) {
  display: none; }

.password-rules {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 12px; }
  .password-rules .rule {
    display: flex;
    align-items: center;
    color: #666666;
    gap: 6px; }
    .password-rules .rule path {
      fill: #666666; }
    .password-rules .rule.valid {
      color: #000; }
      .password-rules .rule.valid path {
        fill: #66CC6F; }
    .password-rules .rule.invalid path {
      fill: #666666; }

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

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

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

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

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

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

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

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

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

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

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

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

.heading-combo, .heading-normal, .heading-xy {
  width: 100%;
  margin-bottom: 0; }
  .heading-combo h4, .heading-normal h4, .heading-xy h4 {
    padding: 15px;
    margin: 0;
    border: 1px solid #F5F5FA;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background: #F5F5FA;
    color: #000; }
  .heading-combo .wrapper-quantity-combo, .heading-normal .wrapper-quantity-combo, .heading-xy .wrapper-quantity-combo {
    padding: 10px 15px;
    border: 1px solid #f1f1f1;
    border-top: none; }
    .heading-combo .wrapper-quantity-combo .label-quantity-combo, .heading-normal .wrapper-quantity-combo .label-quantity-combo, .heading-xy .wrapper-quantity-combo .label-quantity-combo {
      margin: 0 15px 0 0; }
    .heading-combo .wrapper-quantity-combo .update-quantity button, .heading-normal .wrapper-quantity-combo .update-quantity button, .heading-xy .wrapper-quantity-combo .update-quantity button {
      font-weight: 500;
      font-size: 12px;
      height: 25px;
      padding: 0;
      text-align: center;
      width: 25px;
      border: 1px solid #F5F5FA;
      border-radius: 0;
      float: left;
      -webkit-appearance: none;
      background: #F5F5FA;
      outline: none;
      box-shadow: none; }
    .heading-combo .wrapper-quantity-combo .update-quantity input, .heading-normal .wrapper-quantity-combo .update-quantity input, .heading-xy .wrapper-quantity-combo .update-quantity input {
      background: #fff;
      font-weight: 500;
      font-size: 15px;
      height: 25px;
      padding: 0;
      width: 35px;
      border: 1px solid #F5F5FA;
      border-left: none;
      border-right: none;
      border-radius: 0;
      float: left;
      -webkit-appearance: none;
      pointer-events: none;
      text-align: center; }
    .heading-combo .wrapper-quantity-combo .delete-combo, .heading-normal .wrapper-quantity-combo .delete-combo, .heading-xy .wrapper-quantity-combo .delete-combo {
      cursor: pointer;
      margin-left: auto; }

.heading-normal {
  order: 1;
  margin-top: 0 !important; }

.heading-combo {
  order: 2;
  margin-top: 0; }

.heading-xy {
  order: 3;
  margin-top: 0; }
  .heading-xy.is-3 {
    order: 4; }
  .heading-xy.is-4 {
    order: 5; }

.body-cart {
  display: flex;
  flex-direction: column;
  gap: 24px; }
  .body-cart .item-cart.isNormal {
    order: 1; }
  .body-cart .item-cart.isCombo {
    order: 2; }
  .body-cart .item-cart.isPEGift {
    order: 3; }
  .body-cart .item-cart.isXY {
    order: 4; }
    .body-cart .item-cart.isXY.is-3 {
      order: 5; }
    .body-cart .item-cart.isXY.is-4 {
      order: 6; }

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

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

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

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

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

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

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

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

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

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

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

.newsletter-footer {
  background: #f7f7f7;
  padding: 56px 0; }
  @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 30px 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; }

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

.lookbook-page .lookbook-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px; }
  @media (max-width: 991px) {
    .lookbook-page .lookbook-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px; } }
  .lookbook-page .lookbook-grid .lookbook-item {
    text-align: center; }
    .lookbook-page .lookbook-grid .lookbook-item h3 {
      font-size: 16px;
      margin: 15px 0 0 0;
      font-weight: normal;
      text-align: left; }
    .lookbook-page .lookbook-grid .lookbook-item .box-img {
      position: relative;
      display: block;
      padding-bottom: calc(100% * 720 / 900);
      background: #f7f7f7; }
      .lookbook-page .lookbook-grid .lookbook-item .box-img img {
        position: absolute;
        left: 0;
        top: 0;
        aspect-ratio: 900 / 720;
        width: 100%;
        height: 100%; }

.lookbook-page .pagination {
  margin-top: 40px;
  text-align: center; }
  .lookbook-page .pagination a {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #333;
    border-radius: 4px;
    font-size: 14px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .lookbook-page .pagination a.active {
      background-color: #000;
      color: #fff;
      border-color: #000; }
    .lookbook-page .pagination a:hover {
      background-color: #eee; }

.article-lookbook {
  margin: 0 0 45px 0; }
  @media (min-width: 992px) {
    .article-lookbook .container {
      padding-right: calc(7% + 30px) !important;
      padding-left: calc(7% + 30px) !important; } }
  .article-lookbook h1 {
    font-size: 30px;
    text-align: center;
    margin: 45px 0 30px 0; }
    @media (max-width: 991px) {
      .article-lookbook h1 {
        margin: 30px 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; }

.promotions {
  padding: 40px 0; }
  .promotions__title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px; }
  .promotions__content {
    display: flex;
    align-items: flex-start;
    gap: 40px; }
    .promotions__content ~ .promotions__content {
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid #ddd; }
    @media (max-width: 991px) {
      .promotions__content {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30px; } }
    @media (min-width: 992px) {
      .promotions__content .promotions__image {
        flex: 0 0 300px; } }
    .promotions__content .promotions__image img {
      max-width: 100%;
      border: 1px solid #eee; }
    .promotions__content .promotions__text {
      flex: 1; }
      .promotions__content .promotions__text .promotions__subtitle {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 15px; }
      .promotions__content .promotions__text p {
        margin-bottom: 10px;
        line-height: 1.5; }
      .promotions__content .promotions__text .btn-buy {
        background: #000;
        color: #fff;
        padding: 10px 20px;
        border: none;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s;
        border-radius: 4px;
        display: inline-block; }
        @media (max-width: 991px) {
          .promotions__content .promotions__text .btn-buy {
            width: 100%;
            padding: 14px 20px;
            font-size: 16px;
            text-align: center; } }
        .promotions__content .promotions__text .btn-buy:hover {
          background: #333; }
  .promotions__terms {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    font-size: 13px;
    color: #333;
    margin-top: 20px; }
    .promotions__terms a {
      color: #000;
      text-decoration: underline; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mix-with-app {
  margin: 0 0 24px 0; }
  @media (max-width: 991px) {
    .mix-with-app {
      margin: 20px 0; } }
  .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; }

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

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

.viewmore-zone {
  padding: 30px 0;
  text-align: center; }
  .viewmore-zone.loadmore-ajax #btn-loadmore-ajax {
    background: #000;
    color: #fff;
    border: none;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.25s ease;
    letter-spacing: 0.5px; }
    .viewmore-zone.loadmore-ajax #btn-loadmore-ajax:hover {
      background: #222; }
    .viewmore-zone.loadmore-ajax #btn-loadmore-ajax:disabled {
      opacity: 0.5;
      cursor: not-allowed; }

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

.kitonismo {
  overflow: hidden;
  position: relative; }

.kitonismo-scrolling-gallery {
  height: 100%; }

@media (min-width: 1200px) {
  .smooth-slide__content {
    width: max-content; } }

.page-wrapper {
  padding: 40px 0;
  color: #333;
  line-height: 1.8;
  background-color: #fff; }
  .page-wrapper .page-header {
    text-align: center;
    margin-bottom: 40px; }
    .page-wrapper .page-header h1 {
      font-size: 32px;
      font-weight: bold;
      margin: 0;
      color: #111;
      border-bottom: 2px solid #eee;
      padding-bottom: 15px; }
  .page-wrapper .page-content {
    font-size: 16px; }
    .page-wrapper .page-content h2, .page-wrapper .page-content h3, .page-wrapper .page-content h4 {
      margin-top: 30px;
      margin-bottom: 15px;
      color: #111; }
    .page-wrapper .page-content p {
      margin-bottom: 20px; }
    .page-wrapper .page-content ul, .page-wrapper .page-content ol {
      margin-left: 20px;
      margin-bottom: 20px; }
    .page-wrapper .page-content blockquote {
      border-left: 4px solid #ccc;
      padding-left: 15px;
      font-style: italic;
      color: #666;
      margin: 20px 0; }
    .page-wrapper .page-content img {
      max-width: 100%;
      height: auto;
      margin: 20px 0;
      display: block; }
    .page-wrapper .page-content table {
      width: 100%;
      border-collapse: collapse;
      margin: 20px 0; }
      .page-wrapper .page-content table th, .page-wrapper .page-content table td {
        border: 1px solid #ddd;
        padding: 12px;
        text-align: left; }
      .page-wrapper .page-content table th {
        background-color: #f7f7f7; }

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

.marquee-full {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .marquee-full .swiper-wrapper {
    transition-timing-function: linear !important; }

.swiper-bottom-marquee {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* MOBILE */ }
  .swiper-bottom-marquee .hero-btn-2 {
    position: absolute;
    padding: 12px 28px;
    background: #fff;
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    border: 1px solid #fff;
    transition: all 0.3s ease;
    z-index: 2;
    white-space: nowrap;
    margin: 20px; }
    .swiper-bottom-marquee .hero-btn-2:hover {
      background: transparent;
      color: #fff;
      border-color: #fff; }
  .swiper-bottom-marquee .swiper-wrapper {
    transition-timing-function: linear !important; }
  @media (max-width: 991px) {
    .swiper-bottom-marquee .hero-btn, .swiper-bottom-marquee .hero-btn-2 {
      font-size: 12px;
      padding: 10px 22px; } }

#kitonismo__hero img {
  height: 100%;
  width: 100%;
  object-fit: cover; }

@media (min-width: 940px) {
  .kitonismo-scrolling-gallery .highlight.large {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase;
    color: #2d2926;
    margin: 0; }
  .kitonismo-scrolling-gallery .smooth-slide__content--image.full-height {
    width: calc((100dvh - var(--header-height)) / 4 * 3) !important; } }

#page-lookbook {
  /* Responsive */ }
  #page-lookbook .hero-media {
    position: relative;
    width: 100%;
    background: #fff;
    /* Banner */
    /* Video */
    /* CTA button */ }
    #page-lookbook .hero-media__banner, #page-lookbook .hero-media__video {
      position: relative;
      width: 100%;
      overflow: hidden; }
    #page-lookbook .hero-media__banner picture,
    #page-lookbook .hero-media__banner img {
      display: block;
      width: 100%;
      height: auto; }
    #page-lookbook .hero-media__video video {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover; }
    #page-lookbook .hero-media__cta {
      position: absolute;
      left: 50%;
      bottom: 40px;
      transform: translateX(-50%);
      z-index: 2;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 12px 36px;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: #000;
      background: #fff;
      border: 1px solid #fff;
      text-decoration: none;
      transition: all 0.3s ease; }
      #page-lookbook .hero-media__cta:hover {
        background: transparent;
        color: #fff;
        border-color: #fff; }
  #page-lookbook .editorial-grid {
    padding: 40px 0;
    background: #fff; }
    #page-lookbook .editorial-grid__inner {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px; }
  #page-lookbook .editorial-card {
    display: flex;
    flex-direction: column; }
    #page-lookbook .editorial-card__media {
      position: relative;
      display: block;
      overflow: hidden; }
      #page-lookbook .editorial-card__media img {
        width: 100%;
        height: auto;
        display: block; }
      #page-lookbook .editorial-card__media:hover img {
        transform: scale(1.03); }
      #page-lookbook .editorial-card__media img {
        transition: transform 0.6s ease; }
    #page-lookbook .editorial-card__overlay {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #fff;
      pointer-events: none; }
    #page-lookbook .editorial-card__content {
      padding-top: 24px; }
    #page-lookbook .editorial-card__category {
      display: block;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: #777;
      margin-bottom: 8px; }
    #page-lookbook .editorial-card__title {
      font-size: 20px;
      font-weight: 600;
      margin: 0 0 12px;
      text-transform: uppercase; }
    #page-lookbook .editorial-card__desc {
      font-size: 14px;
      line-height: 1.6;
      color: #444;
      margin-bottom: 20px;
      max-width: 90%; }
    #page-lookbook .editorial-card__cta {
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #000;
      text-decoration: underline;
      width: fit-content; }
      #page-lookbook .editorial-card__cta:hover {
        opacity: 0.6; }
  @media (max-width: 991px) {
    #page-lookbook .editorial-grid {
      padding: 60px 20px; }
      #page-lookbook .editorial-grid__inner {
        grid-template-columns: 1fr;
        gap: 60px; }
    #page-lookbook .editorial-card__desc {
      max-width: 100%; } }

.wrapper-filter-mobile {
  position: fixed;
  bottom: 16px;
  width: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; }
  @media (min-width: 992px) {
    .wrapper-filter-mobile {
      display: none; } }
  .wrapper-filter-mobile .inner-filter-mobile {
    display: flex;
    align-items: center; }
  .wrapper-filter-mobile .btn-item-mb {
    background: #2E2E2E;
    color: #FFFFFF;
    padding: 8px 24px;
    position: relative; }
    .wrapper-filter-mobile .btn-item-mb img.lazyload {
      opacity: 0; }
    .wrapper-filter-mobile .btn-item-mb.sort-mobile {
      padding-right: 16px; }
      .wrapper-filter-mobile .btn-item-mb.sort-mobile:after {
        content: "";
        width: 1px;
        height: 20px;
        background: #50555B;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
    .wrapper-filter-mobile .btn-item-mb.filter-mobile {
      padding-left: 16px; }

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

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

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

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

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

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

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

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

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