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

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

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

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

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

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

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

body:not(.template-index) .wrap-main .container:not(.not-fix, .not-fix), body:not(.template-index) .site-footer .container:not(.not-fix, .not-fix) {
  padding-right: 210px;
  padding-left: 210px; }
  @media (max-width: 1199px) {
    body:not(.template-index) .wrap-main .container:not(.not-fix, .not-fix), body:not(.template-index) .site-footer .container:not(.not-fix, .not-fix) {
      padding-right: 16px;
      padding-left: 16px; } }
  body:not(.template-index) .wrap-main .container:not(.not-fix, .not-fix).promotion-page, body:not(.template-index) .site-footer .container:not(.not-fix, .not-fix).promotion-page {
    padding-right: 13%;
    padding-left: 13%; }
    @media (max-width: 1199px) {
      body:not(.template-index) .wrap-main .container:not(.not-fix, .not-fix).promotion-page, body:not(.template-index) .site-footer .container:not(.not-fix, .not-fix).promotion-page {
        padding-right: 16px;
        padding-left: 16px; } }

body.template-article .wrap-main .container {
  padding-right: 13%;
  padding-left: 13%; }
  @media (max-width: 1199px) {
    body.template-article .wrap-main .container {
      padding-right: 16px;
      padding-left: 16px; } }

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

body {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  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; }
  @media (max-width: 991px) {
    body.show-mini-search {
      overflow: hidden; } }
  body.show-mini-search .site-header .wrapper-header-center #mini-search {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }

: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); }

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

.promo-text {
  background: #000000;
  text-align: center;
  padding: 8px 0;
  font-weight: bold;
  font-size: 12px; }
  .promo-text:hover {
    text-decoration: underline; }
  .promo-text a {
    color: #ffffff; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 9; }
  .site-header .wrapper-header-center {
    background: #fff;
    border-bottom: 1px solid #eee;
    position: relative; }
    @media (max-width: 1199px) {
      .site-header .wrapper-header-center {
        padding: 10px 0; } }
    .site-header .wrapper-header-center .header-inner {
      display: flex;
      align-items: center; }
      @media (max-width: 1199px) {
        .site-header .wrapper-header-center .header-inner {
          justify-content: space-between; } }
      .site-header .wrapper-header-center .header-inner .header-left-mb {
        display: none;
        width: 25%; }
        @media (max-width: 1199px) {
          .site-header .wrapper-header-center .header-inner .header-left-mb {
            display: flex; } }
        .site-header .wrapper-header-center .header-inner .header-left-mb .icon-mb-head {
          position: relative;
          cursor: pointer;
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .site-header .wrapper-header-center .header-inner .header-left-mb .icon-mb-head svg {
            width: 28px;
            height: 28px; }
      @media (max-width: 1199px) {
        .site-header .wrapper-header-center .header-inner .header-left {
          width: 50%;
          text-align: center; } }
      .site-header .wrapper-header-center .header-inner .header-left .logo svg {
        height: 40px; }
      .site-header .wrapper-header-center .header-inner .header-nav {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 0 0 80px; }
        @media (max-width: 1199px) {
          .site-header .wrapper-header-center .header-inner .header-nav {
            display: none; } }
        .site-header .wrapper-header-center .header-inner .header-nav .menu {
          display: flex;
          gap: 20px;
          list-style: none;
          padding: 0;
          margin: 0; }
          .site-header .wrapper-header-center .header-inner .header-nav .menu > li > a {
            text-decoration: none;
            font-weight: bold;
            color: #000;
            padding: 20px 0;
            display: block;
            position: relative; }
            .site-header .wrapper-header-center .header-inner .header-nav .menu > li > a[href="#"] {
              cursor: auto; }
            .site-header .wrapper-header-center .header-inner .header-nav .menu > li > a:after {
              content: "";
              margin-top: -3px;
              display: block;
              width: 0;
              position: relative;
              top: 2px;
              border-top: 3px solid #ffffff;
              animation: out .6s 1 forwards; }
            .site-header .wrapper-header-center .header-inner .header-nav .menu > li > a.added:after {
              border-top: 3px solid #000000; }
            .site-header .wrapper-header-center .header-inner .header-nav .menu > li > a:hover:after {
              animation: line .6s 1 forwards; }
          .site-header .wrapper-header-center .header-inner .header-nav .menu > li:hover .submenu {
            opacity: 1;
            visibility: visible;
            pointer-events: auto; }
          .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: 0.2s all;
            position: absolute;
            top: 100%;
            left: 0;
            background: #fff;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 99;
            min-width: 600px;
            width: 100%;
            padding: 30px 0; }
            .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu .wrap-sub {
              margin: 0 auto;
              width: 100%;
              display: flex;
              justify-content: space-between;
              padding-right: 60px;
              padding-left: 210px; }
              .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu .wrap-sub .column-left {
                width: calc(100% - 400px);
                display: flex;
                gap: 40px; }
                .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu .wrap-sub .column-left .item-column h4 {
                  font-size: 14px;
                  margin: 0 0 10px 0; }
                  .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu .wrap-sub .column-left .item-column h4 a[href="#"] {
                    cursor: auto; }
                .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu .wrap-sub .column-left .item-column ul li a:hover {
                  text-decoration: underline; }
              .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu .wrap-sub .column-right {
                width: 400px;
                display: flex;
                gap: 10px; }
                .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu .wrap-sub .column-right a {
                  display: flex;
                  flex-direction: column;
                  gap: 5px; }
                  .site-header .wrapper-header-center .header-inner .header-nav .menu .submenu .wrap-sub .column-right a span {
                    font-weight: bold; }
      .site-header .wrapper-header-center .header-inner .header-right {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-left: auto; }
        @media (max-width: 1199px) {
          .site-header .wrapper-header-center .header-inner .header-right {
            margin-left: 0;
            width: 25%;
            justify-content: end; } }
        .site-header .wrapper-header-center .header-inner .header-right .search-box {
          position: relative; }
          @media (max-width: 1199px) {
            .site-header .wrapper-header-center .header-inner .header-right .search-box {
              display: none; } }
          .site-header .wrapper-header-center .header-inner .header-right .search-box input {
            padding: 6px 6px 6px 36px;
            border: 1px solid #ccc;
            border-radius: 2px;
            height: 40px; }
          .site-header .wrapper-header-center .header-inner .header-right .search-box .icon-search {
            position: absolute;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
            color: #999;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center; }
        .site-header .wrapper-header-center .header-inner .header-right .right-icon {
          display: flex;
          align-items: center; }
          .site-header .wrapper-header-center .header-inner .header-right .right-icon .icon-user,
          .site-header .wrapper-header-center .header-inner .header-right .right-icon .icon-cart {
            position: relative;
            cursor: pointer; }
            .site-header .wrapper-header-center .header-inner .header-right .right-icon .icon-user > a,
            .site-header .wrapper-header-center .header-inner .header-right .right-icon .icon-cart > a {
              width: 40px;
              height: 40px;
              display: flex;
              align-items: center;
              justify-content: center; }
          @media (min-width: 992px) {
            .site-header .wrapper-header-center .header-inner .header-right .right-icon .icon-cart:hover #mini-cart {
              opacity: 1;
              pointer-events: auto;
              visibility: visible; } }
          .site-header .wrapper-header-center .header-inner .header-right .right-icon .icon-user svg {
            width: 28px;
            height: 28px; }
            .site-header .wrapper-header-center .header-inner .header-right .right-icon .icon-user svg path {
              stroke: #000000; }
          .site-header .wrapper-header-center .header-inner .header-right .right-icon .cart-count {
            position: absolute;
            top: -6px;
            right: -6px;
            background: gold;
            color: black;
            font-size: 10px;
            border-radius: 50%;
            padding: 2px 5px;
            width: 18px;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center; }
          .site-header .wrapper-header-center .header-inner .header-right .right-icon .lang-switch {
            margin-left: 20px; }
            @media (max-width: 1199px) {
              .site-header .wrapper-header-center .header-inner .header-right .right-icon .lang-switch {
                display: none; } }
            .site-header .wrapper-header-center .header-inner .header-right .right-icon .lang-switch a {
              text-decoration: none;
              color: #000;
              font-weight: bold;
              margin: 0 2px; }
          .site-header .wrapper-header-center .header-inner .header-right .right-icon .mobile-menu-icon {
            display: none;
            font-size: 24px;
            cursor: pointer; }
            @media (max-width: 1199px) {
              .site-header .wrapper-header-center .header-inner .header-right .right-icon .mobile-menu-icon {
                display: block; } }
    .site-header .wrapper-header-center #mini-cart {
      position: absolute;
      background: #fff;
      right: 0;
      width: 400px;
      z-index: 9;
      opacity: 0;
      pointer-events: none;
      visibility: hidden;
      transition: 0.2s all; }
      .site-header .wrapper-header-center #mini-cart .minicart {
        border: 1px solid #e0e0e0;
        max-width: 400px; }
        .site-header .wrapper-header-center #mini-cart .minicart .minicart-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid #d9d9d9;
          padding: 20px; }
          .site-header .wrapper-header-center #mini-cart .minicart .minicart-header h3 {
            margin: 0;
            font-weight: bold;
            font-size: 18px; }
          .site-header .wrapper-header-center #mini-cart .minicart .minicart-header .view-shopping-bag {
            text-decoration: underline;
            font-size: 14px; }
        .site-header .wrapper-header-center #mini-cart .minicart .minicart-item {
          display: flex;
          padding: 16px; }
          .site-header .wrapper-header-center #mini-cart .minicart .minicart-item ~ .minicart-item {
            border-top: 1px solid #d9d9d9; }
          .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-image {
            width: 70px; }
            .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-image img {
              width: 100%; }
          .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-info {
            margin-left: 12px;
            font-size: 14px; }
            .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-info .product-name {
              font-weight: normal;
              font-size: 14px;
              margin: 0 0 8px 0; }
            .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-info .product-variant {
              margin: 0 0 8px 0; }
            .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-info .product-price {
              margin: 0 0 8px 0; }
              .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-info .product-price .current-price {
                color: #a12d2f;
                font-weight: bold;
                font-size: 16px; }
              .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-info .product-price .original-price {
                text-decoration: line-through;
                color: gray;
                margin-left: 5px; }
            .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-info .product-summary {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .site-header .wrapper-header-center #mini-cart .minicart .minicart-item .item-info .product-summary .item-summary {
                display: flex;
                align-items: center;
                gap: 8px; }
        .site-header .wrapper-header-center #mini-cart .minicart .minicart-subtotal {
          font-weight: bold;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 16px;
          border-top: 2px solid #ccc;
          text-transform: uppercase; }
          .site-header .wrapper-header-center #mini-cart .minicart .minicart-subtotal .ajax-subtotal {
            font-weight: bold;
            font-size: 18px; }
        .site-header .wrapper-header-center #mini-cart .minicart .minicart-actions {
          padding: 0 16px 16px 16px; }
          .site-header .wrapper-header-center #mini-cart .minicart .minicart-actions .btn-checkout {
            width: 100%;
            background: black;
            color: white;
            padding: 12px;
            font-weight: bold;
            border: none;
            cursor: pointer;
            text-transform: uppercase; }
          .site-header .wrapper-header-center #mini-cart .minicart .minicart-actions .continue-shopping {
            display: block;
            text-align: center;
            margin-top: 10px;
            text-decoration: underline; }
        .site-header .wrapper-header-center #mini-cart .minicart .ajax-mini-cart {
          max-height: 300px;
          overflow: auto; }
          .site-header .wrapper-header-center #mini-cart .minicart .ajax-mini-cart .empty-cart {
            text-align: center;
            padding: 40px; }
    .site-header .wrapper-header-center #mini-search {
      position: absolute;
      width: 100%;
      z-index: 9;
      background: #fff;
      padding: 30px 0;
      top: 100%;
      border-top: 1px solid #eee;
      -webkit-box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.2);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: 0.2s all; }
      @media (max-width: 991px) {
        .site-header .wrapper-header-center #mini-search .container {
          padding: 0; } }
      @media (max-width: 991px) {
        .site-header .wrapper-header-center #mini-search {
          padding: 0;
          height: calc(100vh - 100px);
          overflow: auto;
          border-top: none; } }
      .site-header .wrapper-header-center #mini-search.loading .search-loading-overlay {
        display: flex; }
      .site-header .wrapper-header-center #mini-search .search-loading-overlay {
        display: none;
        justify-content: center;
        align-items: center;
        position: absolute;
        inset: 0;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 10;
        border-radius: 16px; }
        .site-header .wrapper-header-center #mini-search .search-loading-overlay .spinner {
          width: 36px;
          height: 36px;
          border: 4px solid #ccc;
          border-top-color: #2563eb;
          border-radius: 50%;
          animation: spin 0.8s linear infinite; }
      .site-header .wrapper-header-center #mini-search form {
        margin: 0 0 30px 0;
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        z-index: 8; }
        @media (min-width: 992px) {
          .site-header .wrapper-header-center #mini-search form {
            display: none; } }
        .site-header .wrapper-header-center #mini-search form input {
          border: none;
          border-bottom: 1px solid #d9d9d9;
          padding: 5px 8px;
          width: calc(100% - 30px);
          border-radius: 0;
          outline: none;
          box-shadow: none;
          height: 44px; }
        .site-header .wrapper-header-center #mini-search form button {
          position: absolute;
          right: 37px;
          top: 10px;
          background: transparent;
          border: none;
          outline: none;
          box-shadow: none; }
      .site-header .wrapper-header-center #mini-search .wrap-mini {
        display: flex; }
        @media (max-width: 991px) {
          .site-header .wrapper-header-center #mini-search .wrap-mini {
            flex-direction: column;
            height: 100%;
            overflow: auto;
            padding: 0 15px 120px 15px; } }
        .site-header .wrapper-header-center #mini-search .wrap-mini label {
          font-size: 18px;
          font-weight: bold;
          margin: 0 0 10px 0; }
        .site-header .wrapper-header-center #mini-search .wrap-mini .column-left {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
          border-right: 1px solid #d9d9d9;
          margin: 0 1.875rem 0 0;
          padding: 0 1.25rem 0 0; }
          @media (max-width: 991px) {
            .site-header .wrapper-header-center #mini-search .wrap-mini .column-left {
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              max-width: 100%;
              padding: 15px 0 0 0;
              margin: 15px 0 0 0;
              border-right: none;
              order: 2;
              border-top: 1px solid #d9d9d9; } }
          .site-header .wrapper-header-center #mini-search .wrap-mini .column-left ul {
            display: flex;
            flex-direction: column;
            gap: 10px;
            font-size: 16px; }
            @media (min-width: 1200px) {
              .site-header .wrapper-header-center #mini-search .wrap-mini .column-left ul {
                max-height: 400px;
                overflow: auto; } }
            .site-header .wrapper-header-center #mini-search .wrap-mini .column-left ul li:first-child {
              font-weight: bold; }
        .site-header .wrapper-header-center #mini-search .wrap-mini .column-center {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; }
          @media (max-width: 991px) {
            .site-header .wrapper-header-center #mini-search .wrap-mini .column-center {
              -ms-flex: 0 0 100%;
              flex: 0 0 100%;
              max-width: 100%;
              order: 1; } }
          .site-header .wrapper-header-center #mini-search .wrap-mini .column-center .wrap-product {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px; }
            @media (max-width: 991px) {
              .site-header .wrapper-header-center #mini-search .wrap-mini .column-center .wrap-product {
                grid-template-columns: repeat(1, 1fr); } }
            .site-header .wrapper-header-center #mini-search .wrap-mini .column-center .wrap-product .item-product {
              display: flex;
              gap: 10px; }
              .site-header .wrapper-header-center #mini-search .wrap-mini .column-center .wrap-product .item-product .box-img {
                width: 80px; }
              .site-header .wrapper-header-center #mini-search .wrap-mini .column-center .wrap-product .item-product .box-info {
                width: calc(100% - 80px); }
                .site-header .wrapper-header-center #mini-search .wrap-mini .column-center .wrap-product .item-product .box-info h4 {
                  font-size: 14px;
                  font-weight: 400;
                  margin: 0; }

.section-home {
  margin: 0 0 40px 0; }
  @media (max-width: 991px) {
    .section-home {
      margin: 0 0 30px 0; } }
  .section-home .section-heading {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 30px 0; }

.section-detail {
  margin: 0 0 60px 0; }
  .section-detail .section-heading {
    text-align: center;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 30px 0; }

.main-banner {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%; }
  @media (max-width: 991px) {
    .main-banner .container {
      padding: 0; } }
  @media (max-width: 991px) {
    .main-banner.css-pagination .custom-sw-pagination {
      padding: 0 35%; } }
  .main-banner .res-banner {
    /*
    display: block;
    padding-top: calc(100% * 700 / 1920);
    position: relative;
    transition: none;
    background: #F7F8F9;
    @media(max-width: 991px){
      padding-top: calc(100% * 1350 / 1125);
    }
    img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 1920 / 700;
      width: 100%;
      height: 100%;
      @media(max-width: 991px){
        aspect-ratio: 1125 / 1350;
      }
    }
    */ }

.product-loop {
  position: relative;
  overflow: hidden;
  background: #fff; }
  .product-loop:not(.loop-wishlist):hover .box-info .box-action .custom-btn-loop {
    right: 15px; }
  .product-loop .group-label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 5px; }
    .product-loop .group-label .ranking {
      display: block;
      line-height: 30px;
      width: 30px;
      height: 35px;
      text-align: center;
      font-size: 18px;
      color: #fff;
      font-weight: normal;
      z-index: 5;
      background: url(https://file.hstatic.net/200000642007/file/bg_rank_c21e90ddb3c74242970a777d424a1ae5.png) no-repeat; }
    .product-loop .group-label .label-new {
      background: #000;
      color: #fff;
      font-size: 12px;
      padding: 4px 7px;
      border-radius: 0; }
    .product-loop .group-label .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 .btn-mobile-addtocart {
    background: rgba(0, 0, 0, 0.1);
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 100%;
    position: absolute;
    z-index: 1;
    top: 16px;
    right: 16px;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    display: none;
    align-items: center;
    justify-content: center; }
  .product-loop .box-image {
    position: relative;
    overflow: hidden; }
    .product-loop .box-image a {
      position: relative;
      display: block;
      padding-bottom: calc(100% * 480 / 388);
      background: #f7f7f7; }
      .product-loop .box-image a img {
        position: absolute;
        left: 0;
        top: 0;
        aspect-ratio: 388 / 480;
        width: 100%;
        height: 100%; }
      .product-loop .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 .box-image a picture:nth-child(2) {
          opacity: 0;
          visibility: hidden; }
      @media (min-width: 1200px) {
        .product-loop .box-image a:hover picture:nth-child(1) {
          visibility: hidden;
          opacity: 0; }
        .product-loop .box-image a:hover picture:nth-child(2) {
          opacity: 1;
          visibility: visible; } }
  .product-loop .img-metafield {
    margin: 0 0 10px 0;
    padding: 2px; }
    .product-loop .img-metafield ul {
      display: flex;
      gap: 4px; }
      .product-loop .img-metafield ul li.active span {
        box-shadow: 0 0 0px 1px #000000; }
      .product-loop .img-metafield ul li span {
        display: flex;
        width: 24px;
        height: 24px;
        position: relative;
        box-shadow: 0 0 0px 1px #ababab;
        padding: 2px;
        border-radius: 100%;
        cursor: pointer; }
        .product-loop .img-metafield ul li span img {
          border-radius: 100%; }
  .product-loop .box-info {
    padding: 10px 0 0 0; }
    .product-loop .box-info h4 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      white-space: initial;
      overflow: hidden;
      margin: 0 0 17.5px 0;
      font-size: 14px;
      font-weight: normal; }
    .product-loop .box-info .box-action {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 10px 0 0 0; }
      .product-loop .box-info .box-action .box-price {
        display: flex;
        align-items: center;
        gap: 4px;
        justify-content: space-between;
        width: 100%; }
        @media (max-width: 991px) {
          .product-loop .box-info .box-action .box-price {
            flex-wrap: wrap;
            align-items: start; } }
        .product-loop .box-info .box-action .box-price.on_sale span {
          color: #B01722; }
        .product-loop .box-info .box-action .box-price span {
          font-size: 16px;
          font-weight: bold; }
        .product-loop .box-info .box-action .box-price .label-sale-cus {
          font-size: 14px;
          border: .12rem solid #B01722;
          border-radius: 4px;
          padding: 2px 4px;
          display: block;
          line-height: 12px;
          font-weight: bold;
          background: #B01722;
          color: #fff; }
          .product-loop .box-info .box-action .box-price .label-sale-cus small {
            font-size: 8px; }
        .product-loop .box-info .box-action .box-price del {
          color: #666666; }

.section-banner-center .collection-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; }
  @media (max-width: 991px) {
    .section-banner-center .collection-grid {
      grid-template-columns: 1fr;
      gap: 30px; } }
  .section-banner-center .collection-grid .collection-item {
    text-align: center; }
    .section-banner-center .collection-grid .collection-item img {
      width: 100%;
      height: auto;
      display: block; }
    .section-banner-center .collection-grid .collection-item h3 {
      font-size: 18px;
      letter-spacing: 2px;
      margin: 15px 0 10px;
      font-weight: bold; }
    .section-banner-center .collection-grid .collection-item .btn-discover {
      display: inline-block;
      padding: 10px 20px;
      background-color: #2f2f2f;
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 1px;
      transition: 0.3s; }
      .section-banner-center .collection-grid .collection-item .btn-discover:hover {
        background-color: #000; }

.newsletter-section {
  background-color: #f7f6f7;
  padding: 60px 20px;
  text-align: center; }
  @media (max-width: 991px) {
    .newsletter-section {
      padding: 30px 15px; } }
  .newsletter-section .newsletter-content {
    max-width: 600px;
    margin: 0 auto; }
    .newsletter-section .newsletter-content h2 {
      font-size: 22px;
      letter-spacing: 6px;
      font-weight: bold;
      margin-bottom: 20px; }
    .newsletter-section .newsletter-content p {
      font-size: 18px;
      color: #222;
      line-height: 1.6;
      margin-bottom: 30px; }
    .newsletter-section .newsletter-content .newsletter-form-homepage {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px; }
      .newsletter-section .newsletter-content .newsletter-form-homepage input[type="email"] {
        border: none;
        border-bottom: 1px solid #000;
        background: transparent;
        font-size: 16px;
        padding: 10px 5px;
        width: 100%;
        max-width: 400px;
        text-align: center;
        outline: none;
        color: #000; }
        .newsletter-section .newsletter-content .newsletter-form-homepage input[type="email"]::placeholder {
          color: #bbb; }
        .newsletter-section .newsletter-content .newsletter-form-homepage input[type="email"]:focus {
          border-color: #000; }
      .newsletter-section .newsletter-content .newsletter-form-homepage .newsletter-agree {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #000;
        max-width: 500px;
        text-align: left;
        gap: 10px; }
        .newsletter-section .newsletter-content .newsletter-form-homepage .newsletter-agree a {
          color: #000;
          text-decoration: underline;
          font-weight: 500; }
      .newsletter-section .newsletter-content .newsletter-form-homepage button {
        background-color: #2f3a41;
        color: #fff;
        border: none;
        padding: 12px 30px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        transition: background 0.3s; }
        .newsletter-section .newsletter-content .newsletter-form-homepage button:hover {
          background-color: #000; }
  @media (max-width: 480px) {
    .newsletter-section .newsletter-content h2 {
      font-size: 18px;
      letter-spacing: 3px; }
    .newsletter-section .newsletter-content p {
      font-size: 16px; }
    .newsletter-section .newsletter-content .newsletter-form {
      gap: 16px; }
      .newsletter-section .newsletter-content .newsletter-form .newsletter-agree {
        font-size: 13px;
        flex-direction: column;
        align-items: center;
        text-align: center; } }

.site-footer {
  background-color: #fff;
  font-family: sans-serif;
  color: #000;
  font-size: 14px;
  border-top: 1px solid #ddd; }
  .site-footer .logo-bct {
    margin: 30px 0 0 0; }
  .site-footer .footer-top {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0px;
    gap: 40px; }
    .site-footer .footer-top .footer-newsletter {
      flex: 1 1 300px;
      max-width: 400px; }
      @media (max-width: 991px) {
        .site-footer .footer-top .footer-newsletter {
          flex: inherit;
          max-width: none; } }
      .site-footer .footer-top .footer-newsletter h4 {
        font-weight: bold;
        margin-bottom: 0;
        font-size: 14px; }
      .site-footer .footer-top .footer-newsletter p {
        margin-bottom: 15px; }
      .site-footer .footer-top .footer-newsletter .newsletter-form-footer label {
        display: block;
        font-weight: bold;
        margin: 10px 0 5px; }
      .site-footer .footer-top .footer-newsletter .newsletter-form-footer .input-group {
        display: flex;
        margin-bottom: 10px; }
        .site-footer .footer-top .footer-newsletter .newsletter-form-footer .input-group input {
          flex: 1;
          padding: 10px;
          border: 1px solid #ccc; }
        .site-footer .footer-top .footer-newsletter .newsletter-form-footer .input-group button {
          padding: 10px 20px;
          background: #000;
          color: #fff;
          font-weight: bold;
          border: none;
          cursor: pointer; }
          .site-footer .footer-top .footer-newsletter .newsletter-form-footer .input-group button:hover {
            background: #333; }
      .site-footer .footer-top .footer-newsletter .newsletter-form-footer .checkbox {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 10px; }
        .site-footer .footer-top .footer-newsletter .newsletter-form-footer .checkbox input {
          margin-top: 2px; }
        .site-footer .footer-top .footer-newsletter .newsletter-form-footer .checkbox span {
          line-height: 1.4; }
      .site-footer .footer-top .footer-newsletter .newsletter-form-footer .privacy-note {
        font-size: 13px; }
        .site-footer .footer-top .footer-newsletter .newsletter-form-footer .privacy-note a {
          text-decoration: underline; }
      .site-footer .footer-top .footer-newsletter .footer-social h5 {
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 14px;
        text-transform: uppercase; }
      .site-footer .footer-top .footer-newsletter .footer-social .social-icons a {
        font-size: 18px;
        margin-right: 15px;
        color: #000; }
        .site-footer .footer-top .footer-newsletter .footer-social .social-icons a:hover {
          color: #555; }
        .site-footer .footer-top .footer-newsletter .footer-social .social-icons a svg {
          width: 20px;
          height: 20px; }
          .site-footer .footer-top .footer-newsletter .footer-social .social-icons a svg.zalo-icon {
            width: 26px;
            height: 26px; }
    .site-footer .footer-top .footer-menus {
      display: flex;
      flex: 3;
      gap: 40px; }
      .site-footer .footer-top .footer-menus .footer-column {
        width: 25%; }
        @media (max-width: 991px) {
          .site-footer .footer-top .footer-menus .footer-column {
            width: 100%; } }
        .site-footer .footer-top .footer-menus .footer-column h5 {
          font-weight: bold;
          margin-bottom: 10px;
          font-size: 14px; }
          @media (max-width: 991px) {
            .site-footer .footer-top .footer-menus .footer-column h5 {
              margin-bottom: 0;
              position: relative;
              padding-right: 20px;
              cursor: pointer; }
              .site-footer .footer-top .footer-menus .footer-column h5::after {
                content: "+";
                position: absolute;
                right: 0;
                top: 0;
                transition: all 0.2s ease; }
              .site-footer .footer-top .footer-menus .footer-column h5.active::after {
                content: "-"; } }
        .site-footer .footer-top .footer-menus .footer-column ul {
          list-style: none;
          padding: 0;
          margin: 0; }
          @media (max-width: 991px) {
            .site-footer .footer-top .footer-menus .footer-column ul {
              display: none;
              margin: 15px 0 0 0; }
              .site-footer .footer-top .footer-menus .footer-column ul.show {
                display: block; } }
          .site-footer .footer-top .footer-menus .footer-column ul li {
            margin-bottom: 6px; }
            .site-footer .footer-top .footer-menus .footer-column ul li a {
              text-decoration: none;
              color: #000; }
              .site-footer .footer-top .footer-menus .footer-column ul li a:hover {
                text-decoration: underline; }
  .site-footer .footer-bottom {
    border-top: 1px solid #ddd;
    text-align: center;
    padding: 20px; }
    .template-product .site-footer .footer-bottom {
      padding-bottom: 100px; }
    .site-footer .footer-bottom .logo {
      font-family: serif;
      font-weight: bold;
      font-size: 24px;
      margin-bottom: 20px; }
      .site-footer .footer-bottom .logo svg {
        height: 30px; }
    .site-footer .footer-bottom p {
      margin-bottom: 0;
      font-size: 13px; }
    .site-footer .footer-bottom .footer-links {
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 12px; }
      .site-footer .footer-bottom .footer-links li {
        display: inline-block;
        margin: 0 10px; }
        .site-footer .footer-bottom .footer-links li a {
          text-decoration: none;
          color: #000; }
          .site-footer .footer-bottom .footer-links li a:hover {
            text-decoration: underline; }
  @media (max-width: 991px) {
    .site-footer .footer-top {
      flex-direction: column;
      gap: 30px;
      flex-wrap: inherit; }
      .site-footer .footer-top .footer-menus {
        flex-direction: column;
        gap: 30px; }
    .site-footer .footer-bottom .footer-links li {
      display: block;
      margin: 5px 0; } }

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

.layout-form-account .wrapper-login {
  margin: 60px auto;
  width: 100%;
  max-width: 430px; }
  @media (max-width: 991px) {
    .layout-form-account .wrapper-login {
      margin: 24px auto; } }
  .layout-form-account .wrapper-login .note-register {
    margin: 0 0 30px 0; }
  .layout-form-account .wrapper-login .form-login-error li {
    margin: 0 0 15px 0;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem; }
    .layout-form-account .wrapper-login .form-login-error li a {
      color: red; }

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

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

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

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

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

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

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

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

.layout-collection {
  margin: 0 0 50px 0; }
  .layout-collection .header-collection {
    border-bottom: 1px solid #eee;
    padding: 0 0 50px 0;
    margin: 0 0 30px 0; }
    .layout-collection .header-collection.header-search {
      padding: 0 0 20px 0;
      margin: 0 0 20px 0; }
      @media (max-width: 991px) {
        .layout-collection .header-collection.header-search {
          padding: 0 0 15px 0;
          margin: 0 0 15px 0; } }
      .layout-collection .header-collection.header-search .title-collection h1 {
        margin: 0; }
    @media (max-width: 991px) {
      .layout-collection .header-collection {
        padding: 0 0 15px 0;
        margin: 0 0 15px 0; } }
    .layout-collection .header-collection .title-collection h1 {
      font-size: 30px;
      text-transform: uppercase;
      margin: 0 0 20px 0; }
      @media (max-width: 991px) {
        .layout-collection .header-collection .title-collection h1 {
          font-size: 24px; } }
    .layout-collection .header-collection .category-sub .wrap-sub {
      display: flex;
      align-items: center;
      gap: 10px; }
      .layout-collection .header-collection .category-sub .wrap-sub ul {
        display: flex;
        align-items: center;
        gap: 10px; }
        @media (max-width: 991px) {
          .layout-collection .header-collection .category-sub .wrap-sub ul {
            display: flex;
            gap: 10px;
            overflow-x: auto;
            white-space: nowrap;
            padding: 10px 0;
            scrollbar-width: none;
            -ms-overflow-style: none; } }
        .layout-collection .header-collection .category-sub .wrap-sub ul li a {
          background: #e9e9e9;
          padding: 4px 10px;
          display: block;
          border-radius: 4px; }
  .layout-collection .main-collection .toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 30px 0;
    gap: 45px; }
    .layout-collection .main-collection .toolbar.search-page .toggle-filter {
      display: none; }
    .layout-collection .main-collection .toolbar.search-page .wrap-toolbar {
      width: 100%; }
      .layout-collection .main-collection .toolbar.search-page .wrap-toolbar .toolbar-actions .view-modes {
        display: none; }
    .layout-collection .main-collection .toolbar .toggle-filter {
      border: none;
      outline: none;
      box-shadow: none;
      background: transparent;
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 18px;
      font-weight: bold;
      width: 220px; }
      @media (max-width: 991px) {
        .layout-collection .main-collection .toolbar .toggle-filter {
          display: none; } }
      .layout-collection .main-collection .toolbar .toggle-filter svg {
        width: 20px;
        height: 20px; }
    .layout-collection .main-collection .toolbar .wrap-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: calc(100% - 220px); }
      @media (max-width: 991px) {
        .layout-collection .main-collection .toolbar .wrap-toolbar {
          width: 100%;
          align-items: start; }
          .template-search .layout-collection .main-collection .toolbar .wrap-toolbar {
            align-items: center; } }
    @media (max-width: 991px) {
      .layout-collection .main-collection .toolbar .left-toolbar {
        display: flex;
        flex-direction: column;
        gap: 10px; } }
    .layout-collection .main-collection .toolbar .left-toolbar .toggle-filter-mb {
      border: 1px solid #949494;
      height: 47px;
      background: #fff;
      border-radius: 0;
      outline: none;
      box-shadow: none;
      padding: 9px 10px;
      color: #000; }
      .template-search .layout-collection .main-collection .toolbar .left-toolbar .toggle-filter-mb {
        display: none; }
      @media (min-width: 992px) {
        .layout-collection .main-collection .toolbar .left-toolbar .toggle-filter-mb {
          display: none; } }
      .layout-collection .main-collection .toolbar .left-toolbar .toggle-filter-mb svg {
        width: 20px;
        height: 20px; }
    .layout-collection .main-collection .toolbar .left-toolbar .results-count {
      font-size: 16px;
      font-weight: bold; }
    .layout-collection .main-collection .toolbar .toolbar-actions {
      display: flex;
      align-items: center;
      gap: 20px; }
      @media (max-width: 991px) {
        .layout-collection .main-collection .toolbar .toolbar-actions {
          flex-direction: column;
          gap: 10px;
          align-items: end; } }
      .layout-collection .main-collection .toolbar .toolbar-actions .view-modes {
        display: flex;
        gap: 5px; }
        @media (max-width: 991px) {
          .layout-collection .main-collection .toolbar .toolbar-actions .view-modes {
            order: 2;
            display: none; } }
        .layout-collection .main-collection .toolbar .toolbar-actions .view-modes .view-btn {
          width: 30px;
          height: 30px;
          border: 1px solid #ccc;
          background-color: transparent;
          cursor: pointer;
          position: relative; }
          .layout-collection .main-collection .toolbar .toolbar-actions .view-modes .view-btn svg {
            width: 25px;
            height: 25px; }
          .layout-collection .main-collection .toolbar .toolbar-actions .view-modes .view-btn.active {
            border-color: #000; }
      .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection {
        position: relative; }
        @media (max-width: 991px) {
          .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection {
            margin: 0;
            order: 1; } }
        .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection .btn-sort {
          border: 1px solid #e0e0e0;
          border-radius: 8px;
          cursor: pointer;
          color: #999;
          padding: 9px 10px;
          background: transparent; }
          @media (max-width: 991px) {
            .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection .btn-sort {
              border-radius: 0;
              border: 1px solid #949494;
              height: 47px; } }
          .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection .btn-sort .value-sort span {
            color: #222222; }
          .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection .btn-sort .value-sort svg {
            width: 9px;
            height: 9px; }
          .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection .btn-sort.opened .value-sort svg {
            transform: rotate(180deg); }
        .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection ul {
          list-style: none;
          position: absolute;
          background: #fff;
          padding: 0;
          z-index: 9999;
          text-align: left;
          right: 0;
          top: 100%;
          margin: 0;
          display: none;
          border: none;
          width: 245px;
          box-shadow: 0 2px 4px rgba(142, 142, 142, 0.3); }
          .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection ul li {
            cursor: pointer; }
            .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection ul li span {
              display: block;
              padding: 0 20px;
              line-height: 40px; }
            .layout-collection .main-collection .toolbar .toolbar-actions .sort-collection ul li.active {
              background: #f6f6f6 url(https://file.hstatic.net/200000959085/file/checked.png);
              background-position: calc(100% - 16px) center;
              background-repeat: no-repeat;
              background-size: 16px auto; }
  .layout-collection .main-collection .wrap-collection {
    display: flex;
    gap: 45px; }
    .layout-collection .main-collection .wrap-collection.no-filter .left-column {
      display: none; }
    .layout-collection .main-collection .wrap-collection.no-filter .right-column {
      width: 100%; }
      .layout-collection .main-collection .wrap-collection.no-filter .right-column .collection-list {
        grid-template-columns: repeat(4, 1fr); }
        .layout-collection .main-collection .wrap-collection.no-filter .right-column .collection-list.empty-product {
          grid-template-columns: repeat(1, 1fr); }
          @media (max-width: 991px) {
            .template-search .layout-collection .main-collection .wrap-collection.no-filter .right-column .collection-list.empty-product {
              grid-template-columns: repeat(1, 1fr); } }
        @media (max-width: 991px) {
          .template-search .layout-collection .main-collection .wrap-collection.no-filter .right-column .collection-list {
            grid-template-columns: repeat(2, 1fr); } }
    .layout-collection .main-collection .wrap-collection.toggle-column .left-column {
      display: none; }
    .layout-collection .main-collection .wrap-collection.toggle-column .right-column {
      width: 100%; }
    .layout-collection .main-collection .wrap-collection .left-column {
      width: 220px; }
      @media (max-width: 991px) {
        .layout-collection .main-collection .wrap-collection .left-column {
          position: fixed;
          top: 0;
          bottom: 0;
          width: 100%;
          background-color: #fff;
          right: auto;
          left: 0;
          overflow-y: auto;
          overflow-x: hidden;
          -webkit-overflow-scrolling: touch;
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
          display: block;
          z-index: 500;
          right: auto;
          left: 0;
          -webkit-transform: translate3d(-104%, 0, 0);
          transform: translate3d(-104%, 0, 0);
          transition: transform .35s;
          display: flex;
          flex-direction: column; }
          .open-filter .layout-collection .main-collection .wrap-collection .left-column {
            -webkit-transform: none;
            transform: none; } }
      .layout-collection .main-collection .wrap-collection .left-column .head-mb-filter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px;
        border-bottom: 1px solid #eaeaea; }
        @media (min-width: 992px) {
          .layout-collection .main-collection .wrap-collection .left-column .head-mb-filter {
            display: none; } }
        .layout-collection .main-collection .wrap-collection .left-column .head-mb-filter .head-title {
          font-weight: bold;
          text-transform: uppercase;
          font-size: 16px; }
        .layout-collection .main-collection .wrap-collection .left-column .head-mb-filter .close-filter-mb {
          width: 40px;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #000; }
          .layout-collection .main-collection .wrap-collection .left-column .head-mb-filter .close-filter-mb svg {
            width: 20px;
            height: 20px; }
      @media (max-width: 991px) {
        .layout-collection .main-collection .wrap-collection .left-column .filter-sizebar {
          padding: 20px 15px; } }
      .layout-collection .main-collection .wrap-collection .left-column .filter-zone {
        margin: 0 0 30px 0; }
        .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-weight: bold;
          text-transform: uppercase;
          cursor: pointer; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-header .title {
            font-size: 14px; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-header .toggle-btn {
            background: none;
            border: none;
            font-size: 20px;
            line-height: 1;
            cursor: pointer; }
        .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list {
          list-style: none;
          padding: 0;
          margin: 15px 0 0 0; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list li {
            margin: 8px 0;
            display: flex;
            align-items: center; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list li label {
              cursor: pointer;
              font-size: 15px; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type input:checked ~ label ~ ul {
            display: block; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type label, .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type span {
            display: inline-block;
            max-width: calc(100% - 23px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type button {
            width: 20px;
            height: 20px;
            border: none;
            background: transparent;
            color: #000;
            position: relative;
            margin-left: auto; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type button:after {
              content: '';
              display: block;
              width: 1px;
              height: 15px;
              background: #000;
              position: absolute;
              left: calc((100% - 1px) / 2);
              top: calc((100% - 15px) / 2);
              transition: 0.5s all linear; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type button:before {
              content: '';
              width: 16px;
              height: 1px;
              display: block;
              background: #000;
              position: absolute;
              left: calc((100% - 16px) / 2); }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type button.active:after {
              display: none; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type button.active ~ ul {
              display: block; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type li {
            flex-wrap: wrap;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type ul {
            width: 100%;
            display: none; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .filter-list.filter-list-type > li ul {
            margin: 0 0 0 15px; }
        .layout-collection .main-collection .wrap-collection .left-column .filter-zone .show-more {
          display: inline-block;
          margin-top: 10px;
          font-size: 14px;
          text-decoration: underline;
          color: black;
          cursor: pointer; }
        .layout-collection .main-collection .wrap-collection .left-column .filter-zone .toggle-btn {
          font-size: 20px;
          line-height: 1;
          padding: 0;
          margin: 0;
          background: none;
          border: none;
          cursor: pointer;
          color: #000; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .toggle-btn:hover {
            color: #555; }
        .layout-collection .main-collection .wrap-collection .left-column .filter-zone .size-list {
          display: flex;
          gap: 10px;
          list-style: none;
          padding: 0;
          margin: 15px 0 0 0;
          flex-wrap: wrap; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .size-list li input[type="checkbox"] {
            display: none; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .size-list li input[type="checkbox"]:checked + label {
              background: #000;
              color: #fff; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .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; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .size-list li label:hover {
              background: #000;
              color: #fff; }
        .layout-collection .main-collection .wrap-collection .left-column .filter-zone .price-list {
          margin: 15px 0 0 0; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .price-list li {
            display: flex;
            align-items: center;
            margin: 8px 0; }
        .layout-collection .main-collection .wrap-collection .left-column .filter-zone .color-list {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 10px;
          align-items: center;
          justify-content: space-between;
          margin: 15px 0 0 0; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .color-list li {
            display: flex; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .color-list li:nth-child(3n + 1) {
              justify-content: flex-start; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .color-list li:nth-child(3n + 2) {
              justify-content: center; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .color-list li:nth-child(3n) {
              justify-content: flex-end; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .color-list input {
            display: none; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .color-list input:checked ~ label {
              border: 1px solid #000;
              color: #222; }
          .layout-collection .main-collection .wrap-collection .left-column .filter-zone .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%; }
            .layout-collection .main-collection .wrap-collection .left-column .filter-zone .color-list label span {
              width: 30px;
              height: 30px;
              border-radius: 100%; }
      .layout-collection .main-collection .wrap-collection .left-column .footer-mb-filter {
        padding: 0 15px 45px 15px;
        display: flex;
        gap: 10px; }
        @media (min-width: 992px) {
          .layout-collection .main-collection .wrap-collection .left-column .footer-mb-filter {
            display: none; } }
        .layout-collection .main-collection .wrap-collection .left-column .footer-mb-filter button {
          background: #000000;
          width: 100%;
          color: #fff;
          border: 1px solid #000000;
          padding: 14px 15px;
          font-weight: bold;
          font-size: 16px;
          outline: none;
          box-shadow: none;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          transition: 0.2s all;
          position: relative; }
          .layout-collection .main-collection .wrap-collection .left-column .footer-mb-filter button.clear-filter-mb {
            background: #fff;
            color: #000; }
    .layout-collection .main-collection .wrap-collection .right-column {
      width: calc(100% - 220px); }
      @media (max-width: 991px) {
        .layout-collection .main-collection .wrap-collection .right-column {
          width: 100%; } }
      .layout-collection .main-collection .wrap-collection .right-column .collection-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 10px; }
        @media (max-width: 991px) {
          .layout-collection .main-collection .wrap-collection .right-column .collection-list {
            grid-template-columns: repeat(2, 1fr); } }
        .layout-collection .main-collection .wrap-collection .right-column .collection-list.empty-product {
          grid-template-columns: auto; }
        .layout-collection .main-collection .wrap-collection .right-column .collection-list.view-two-item {
          grid-template-columns: repeat(2, 1fr); }
          @media (max-width: 991px) {
            .layout-collection .main-collection .wrap-collection .right-column .collection-list.view-two-item {
              grid-template-columns: repeat(1, 1fr); } }
      .layout-collection .main-collection .wrap-collection .right-column .viewmore-zone {
        text-align: center;
        margin: 30px 0 0 0; }
        .layout-collection .main-collection .wrap-collection .right-column .viewmore-zone button {
          background: #000000;
          color: #fff;
          border: none;
          outline: none;
          padding: 10px 36px;
          width: 100%;
          max-width: 300px;
          text-transform: uppercase;
          font-weight: bold; }
      .layout-collection .main-collection .wrap-collection .right-column .clear-all span {
        text-decoration: underline;
        cursor: pointer; }

.layout-product {
  margin: 0 0 60px 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 45px 0; }
  @media (max-width: 991px) {
    .layout-product {
      margin: 0 0 30px 0;
      padding: 0 0 30px 0; } }
  @media (max-width: 991px) {
    .layout-product .wrap-content .container {
      padding: 0; } }
  .layout-product .inner-wrap {
    display: flex;
    align-items: start; }
    @media (max-width: 991px) {
      .layout-product .inner-wrap {
        flex-direction: column;
        gap: 30px; } }
    .layout-product .inner-wrap .column-left {
      width: 63%;
      display: flex;
      align-items: start;
      padding-right: 10%; }
      @media (min-width: 1200px) {
        .layout-product .inner-wrap .column-left {
          position: sticky;
          top: 65px; } }
      @media (max-width: 991px) {
        .layout-product .inner-wrap .column-left {
          width: 100%;
          flex-direction: column;
          gap: 5px;
          padding-right: 0; } }
      .layout-product .inner-wrap .column-left .slider-large {
        width: calc(100% - 90px);
        order: 2;
        padding-left: 20px; }
        @media (max-width: 991px) {
          .layout-product .inner-wrap .column-left .slider-large {
            width: 100%;
            padding-left: 0;
            order: 1; } }
        .layout-product .inner-wrap .column-left .slider-large .box-large {
          background: #f3f3f3;
          cursor: pointer;
          position: relative;
          display: block;
          padding-bottom: calc(100%* 1360 / 1100); }
          .layout-product .inner-wrap .column-left .slider-large .box-large img {
            position: absolute;
            left: 0;
            top: 0;
            aspect-ratio: 1100 / 1360;
            width: 100%;
            height: 100%; }
      .layout-product .inner-wrap .column-left .slider-thumb {
        width: 90px;
        order: 1; }
        @media (max-width: 991px) {
          .layout-product .inner-wrap .column-left .slider-thumb {
            width: 100%;
            order: 2; } }
        .layout-product .inner-wrap .column-left .slider-thumb .swiper-slide {
          position: relative;
          overflow: hidden; }
        @media (max-width: 991px) {
          .layout-product .inner-wrap .column-left .slider-thumb .box-thumb {
            background: #f3f3f3;
            cursor: pointer;
            position: relative;
            display: block;
            padding-bottom: calc(100%* 1360 / 1100);
            cursor: pointer; }
            .layout-product .inner-wrap .column-left .slider-thumb .box-thumb img {
              position: absolute;
              left: 0;
              top: 0;
              aspect-ratio: 1100 / 1360;
              width: 100%;
              height: 100%; } }
    .layout-product .inner-wrap .column-right {
      width: 37%; }
      @media (max-width: 991px) {
        .layout-product .inner-wrap .column-right {
          width: 100%;
          padding: 0; } }
      .layout-product .inner-wrap .column-right .detail-info h1 {
        font-size: 18px;
        margin: 0 0 10px 0; }
        @media (max-width: 991px) {
          .layout-product .inner-wrap .column-right .detail-info h1 {
            font-size: 24px; } }
      .layout-product .inner-wrap .column-right .detail-info .style-code {
        margin: 0 0 5px 0; }
      .layout-product .inner-wrap .column-right .detail-info .wrap-price {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 0 15px 0; }
        .layout-product .inner-wrap .column-right .detail-info .wrap-price .price-detail {
          display: flex;
          align-items: center;
          gap: 16px; }
          .layout-product .inner-wrap .column-right .detail-info .wrap-price .price-detail.on-sale span {
            color: #B01722; }
          .layout-product .inner-wrap .column-right .detail-info .wrap-price .price-detail span {
            font-size: 18px;
            font-weight: bold; }
          .layout-product .inner-wrap .column-right .detail-info .wrap-price .price-detail del {
            font-size: 16px; }
          .layout-product .inner-wrap .column-right .detail-info .wrap-price .price-detail label {
            padding: 2px 10px;
            background: #2E2E2E;
            color: #FFFFFF;
            font-size: 12px;
            font-weight: 700;
            line-height: 15.6px; }
        .layout-product .inner-wrap .column-right .detail-info .wrap-price .review-star {
          display: flex;
          align-items: center;
          font-weight: bold;
          gap: 3px;
          color: #000000; }
          .layout-product .inner-wrap .column-right .detail-info .wrap-price .review-star .hrv-crv-star-total.crv-detail {
            color: #000000; }
          .layout-product .inner-wrap .column-right .detail-info .wrap-price .review-star svg {
            width: 20px;
            height: 20px; }
            .layout-product .inner-wrap .column-right .detail-info .wrap-price .review-star svg path {
              fill: #000000; }
          .layout-product .inner-wrap .column-right .detail-info .wrap-price .review-star .hrv-crv-container.active ~ .cus-star {
            display: none; }
      .layout-product .inner-wrap .column-right .detail-info .swatch-detail {
        display: flex;
        flex-direction: column;
        gap: 40px; }
        .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .name-options {
          margin: 0 0 14px 0;
          display: flex;
          gap: 6px;
          position: relative; }
          .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .name-options .head-name {
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase; }
          .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .name-options .detail-color {
            display: flex;
            align-items: center; }
            .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .name-options .detail-color .value-color {
              text-transform: capitalize; }
            .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .name-options .detail-color .divBar {
              margin: 0 .5rem;
              position: relative;
              -ms-flex-item-align: center;
              align-self: center; }
              .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .name-options .detail-color .divBar:after {
                content: "";
                display: block;
                width: 1px;
                height: 1.3125rem;
                border: 1px solid #d9d9d9; }
            .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .name-options .detail-color .color-link {
              text-decoration: underline;
              cursor: pointer; }
          .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .name-options .open-size-chart {
            margin-left: auto;
            text-decoration: underline;
            cursor: pointer; }
        .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          gap: 10px; }
          .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-color input {
            display: none; }
            .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-color input:checked ~ label {
              box-shadow: 0 0 0 1.5px #000000;
              padding: 2px; }
          .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-color label {
            display: flex;
            width: 38px;
            height: 38px;
            position: relative;
            box-shadow: 0 0 0px 1px #ababab;
            border-radius: 100%;
            cursor: pointer; }
            .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-color label img {
              border-radius: 100%; }
          .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-label input {
            display: none; }
            .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-label input:checked ~ label {
              box-shadow: 0 0 0 1.5px #000000;
              background: #000000;
              color: #ffffff; }
          .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-label label {
            display: flex;
            align-items: center;
            min-width: 65px;
            padding: 0 10px;
            height: 42px;
            position: relative;
            overflow: hidden;
            box-shadow: 0 0 0px 1px #ababab;
            border-radius: 4px;
            cursor: pointer;
            justify-content: center;
            font-size: 14px;
            transition: 0.3s all; }
            .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-label label:hover {
              background: #666666;
              box-shadow: 0 0 0 1.5px #666666;
              color: #ffffff; }
          .layout-product .inner-wrap .column-right .detail-info .swatch-detail .item-options .list-options .item-swatch-label.sold_out label {
            cursor: none;
            pointer-events: none;
            opacity: 0.5; }
      .layout-product .inner-wrap .column-right .detail-info .sizeguide-detail {
        margin: 30px 0 40px 0;
        display: flex;
        align-items: center; }
        @media (max-width: 991px) {
          .layout-product .inner-wrap .column-right .detail-info .sizeguide-detail {
            flex-wrap: wrap; } }
        .layout-product .inner-wrap .column-right .detail-info .sizeguide-detail .open-sizeguide {
          text-decoration: underline;
          font-weight: bold; }
        .layout-product .inner-wrap .column-right .detail-info .sizeguide-detail .divBar {
          margin: 0 .5rem;
          position: relative;
          -ms-flex-item-align: center;
          align-self: center; }
          @media (max-width: 991px) {
            .layout-product .inner-wrap .column-right .detail-info .sizeguide-detail .divBar {
              display: none; } }
          .layout-product .inner-wrap .column-right .detail-info .sizeguide-detail .divBar:after {
            content: "";
            display: block;
            width: 1px;
            height: 1.3125rem;
            border: 1px solid #d9d9d9; }
      .layout-product .inner-wrap .column-right .detail-info .action-detail {
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        gap: 10px; }
        .layout-product .inner-wrap .column-right .detail-info .action-detail button {
          background: #000000;
          width: 100%;
          color: #fff;
          border: 1px solid #000000;
          padding: 14px 15px;
          font-weight: bold;
          font-size: 16px;
          outline: none;
          box-shadow: none;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          transition: 0.2s all;
          position: relative;
          text-transform: uppercase; }
          @media (max-width: 991px) {
            .layout-product .inner-wrap .column-right .detail-info .action-detail button {
              font-size: 14px; } }
          .layout-product .inner-wrap .column-right .detail-info .action-detail button#buynow-detail {
            background: #FFFFFF;
            color: #000000; }
            .layout-product .inner-wrap .column-right .detail-info .action-detail button#buynow-detail:hover {
              background: #000000;
              color: #fff; }
          .layout-product .inner-wrap .column-right .detail-info .action-detail button svg {
            width: 20px;
            height: 20px; }
            .layout-product .inner-wrap .column-right .detail-info .action-detail button svg path {
              fill: #ffffff; }
          .layout-product .inner-wrap .column-right .detail-info .action-detail button .loader {
            border: 2px solid #fff;
            border-top: 2px solid #000;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            animation: spin 0.6s linear infinite;
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            right: 50px;
            font-size: 0; }
          .layout-product .inner-wrap .column-right .detail-info .action-detail button.loading-add {
            pointer-events: none;
            opacity: 0.7; }
          .layout-product .inner-wrap .column-right .detail-info .action-detail button:not(.loading-add) .loader {
            display: none; }
      .layout-product .inner-wrap .column-right .earn-point {
        padding: 20px 0;
        border-top: .0625rem solid #d9d9d9;
        border-bottom: .0625rem solid #d9d9d9;
        margin: 20px 0 0 0;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; }
        @media (max-width: 991px) {
          .layout-product .inner-wrap .column-right .earn-point {
            display: block; } }
        .layout-product .inner-wrap .column-right .earn-point a {
          text-decoration: underline; }
        .layout-product .inner-wrap .column-right .earn-point svg {
          width: 30px;
          height: 30px; }
          .layout-product .inner-wrap .column-right .earn-point svg path {
            fill: #cc9900; }
      .layout-product .inner-wrap .column-right .content-des {
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        gap: 15px; }
        .layout-product .inner-wrap .column-right .content-des .item-tab-des {
          border: 1px solid #d9d9d9;
          border-radius: 4px; }
          .layout-product .inner-wrap .column-right .content-des .item-tab-des .head-tab button {
            border: 1px solid transparent;
            background: transparent;
            outline: none;
            box-shadow: none;
            font-size: 16px;
            padding: 16px 16px;
            cursor: pointer;
            width: 100%;
            text-align: left;
            position: relative;
            color: #000; }
            @media (max-width: 991px) {
              .layout-product .inner-wrap .column-right .content-des .item-tab-des .head-tab button {
                padding: 8px;
                font-size: 14px; } }
            .layout-product .inner-wrap .column-right .content-des .item-tab-des .head-tab button:after {
              background-image: url(https://file.hstatic.net/200001014864/file/minus-tab-des.svg);
              display: block;
              width: .875rem;
              height: .125rem;
              content: "";
              top: 24px;
              right: 1rem;
              position: absolute;
              -webkit-transition: all .35s ease-in-out;
              transition: all .35s ease-in-out;
              -webkit-transform: rotate(0);
              transform: rotate(0);
              background-position: 50%;
              background-repeat: no-repeat; }
              @media (max-width: 991px) {
                .layout-product .inner-wrap .column-right .content-des .item-tab-des .head-tab button:after {
                  top: 18px; } }
          .layout-product .inner-wrap .column-right .content-des .item-tab-des .content-tab {
            display: none;
            padding: 0 16px 32px 16px; }
            .layout-product .inner-wrap .column-right .content-des .item-tab-des .content-tab h2 {
              display: none; }
          .layout-product .inner-wrap .column-right .content-des .item-tab-des:not(.active) .head-tab button:after {
            background-image: url(https://file.hstatic.net/200001014864/file/plus-tab-des.svg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            height: .875rem;
            top: 20px; }
            @media (max-width: 991px) {
              .layout-product .inner-wrap .column-right .content-des .item-tab-des:not(.active) .head-tab button:after {
                top: 13px; } }

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

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

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

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

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

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

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

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

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

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

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

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

.lee-history .hero {
  background: url("https://file.hstatic.net/200001014864/file/bg_campaign.webp") center/cover no-repeat;
  text-align: center;
  color: white;
  padding: 180px 20px;
  position: relative; }
  @media (max-width: 991px) {
    .lee-history .hero {
      padding: 100px 20px; } }
  .lee-history .hero:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background: #000000;
    opacity: 0.6;
    top: 0;
    left: 0; }
  .lee-history .hero h1 {
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1; }
    @media (max-width: 991px) {
      .lee-history .hero h1 {
        font-size: 25px; } }
  .lee-history .hero p {
    max-width: 700px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.6;
    position: relative;
    z-index: 1; }
    @media (max-width: 991px) {
      .lee-history .hero p {
        font-size: 17px; } }

.lee-history .time-line {
  position: relative;
  margin: 100px 0; }
  .lee-history .time-line:before {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    margin-left: -1px;
    content: "";
    background: #ccc; }
    @media (max-width: 991px) {
      .lee-history .time-line:before {
        display: none; } }
  .lee-history .time-line .item-timeline {
    display: flex;
    align-items: center;
    position: relative;
    filter: blur(5px);
    opacity: 0.3;
    transition: 0.3s all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    padding: 40px 0; }
    @media (max-width: 991px) {
      .lee-history .time-line .item-timeline {
        flex-direction: column; } }
    @media (min-width: 992px) {
      .lee-history .time-line .item-timeline:nth-child(2n) .box-heading {
        order: 1;
        text-align: right;
        padding: 0 40px 0 0;
        border-right: 2px solid #000000;
        border-left: none; }
      .lee-history .time-line .item-timeline:nth-child(2n) .box-info {
        order: 2;
        padding: 0 0 0 40px; } }
    .lee-history .time-line .item-timeline.active {
      filter: blur(0px);
      opacity: 1; }
      .lee-history .time-line .item-timeline.active .box-info .img-info {
        margin-bottom: -40px; }
      .lee-history .time-line .item-timeline.active .box-heading {
        opacity: 1;
        margin-top: 0px; }
    .lee-history .time-line .item-timeline .box-info {
      width: 50%;
      padding: 0 40px 0 0;
      display: flex;
      flex-direction: column; }
      @media (max-width: 991px) {
        .lee-history .time-line .item-timeline .box-info {
          width: 100%;
          padding: 0;
          order: 2; } }
      .lee-history .time-line .item-timeline .box-info .img-info {
        display: flex;
        justify-content: end;
        margin-bottom: -50px;
        transition: 0.3s all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
        @media (max-width: 991px) {
          .lee-history .time-line .item-timeline .box-info .img-info img {
            max-width: 200px; } }
      .lee-history .time-line .item-timeline .box-info .year-info {
        font-size: 48px;
        line-height: 1.2;
        font-weight: bold;
        letter-spacing: 6px; }
        @media (max-width: 991px) {
          .lee-history .time-line .item-timeline .box-info .year-info {
            font-size: 32px;
            letter-spacing: 3px; } }
      .lee-history .time-line .item-timeline .box-info .content-info {
        font-size: 16px;
        line-height: 24px; }
    .lee-history .time-line .item-timeline .box-heading {
      width: 50%;
      padding: 0 0 0 40px;
      border-left: 1px solid #000000;
      opacity: 0;
      transition: 0.3s all;
      margin-top: -20px;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
      @media (max-width: 991px) {
        .lee-history .time-line .item-timeline .box-heading {
          width: 100%;
          padding: 0;
          order: 1; } }
      .lee-history .time-line .item-timeline .box-heading h4 {
        margin: 0; }
        @media (max-width: 991px) {
          .lee-history .time-line .item-timeline .box-heading h4 {
            padding: 0 0 0 20px; } }

.sustainability-page .intro {
  margin: 40px auto; }
  .sustainability-page .intro h1 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px; }
  .sustainability-page .intro h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0 10px; }
  .sustainability-page .intro h4 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px; }
  .sustainability-page .intro ul {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 18px; }
  .sustainability-page .intro p {
    margin-bottom: 10px;
    font-size: 18px; }

.sustainability-page .info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin: 60px auto; }
  .sustainability-page .info-grid .info-box img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 16px; }
  .sustainability-page .info-grid .info-box h4 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px; }
  .sustainability-page .info-grid .info-box p {
    font-size: 16px;
    margin-bottom: 16px;
    line-height: 1.6; }

.news-grid {
  padding: 0 0 45px 0; }
  .news-grid .grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 0 auto; }
    .news-grid .grid-container.empty-article {
      grid-template-columns: repeat(1, 1fr); }
  .news-grid .news-item {
    text-align: left; }
    .news-grid .news-item img {
      width: 100%;
      height: auto;
      display: block;
      margin-bottom: 10px; }
    .news-grid .news-item p {
      font-size: 14px;
      font-weight: 500;
      color: #111; }
  .news-grid .pagination {
    margin: 40px auto;
    text-align: center; }
    .news-grid .pagination .page, .news-grid .pagination .arrow {
      display: inline-block;
      padding: 8px 12px;
      margin: 0 4px;
      font-size: 14px;
      cursor: pointer; }
    .news-grid .pagination .current {
      font-weight: bold;
      border-bottom: 2px solid #000; }
  @media (max-width: 991px) {
    .news-grid .grid-container {
      grid-template-columns: 1fr; }
    .news-grid .news-item {
      text-align: center; }
      .news-grid .news-item p {
        font-size: 16px; } }

.pagination {
  margin: 40px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .pagination .pagination-nav {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
  .pagination .pagination-nav a,
  .pagination .pagination-nav span {
    display: inline-block;
    min-width: 36px;
    padding: 8px 12px;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
    transition: all 0.2s ease; }
  .pagination .pagination-nav a:hover {
    background-color: #f5f5f5;
    border-color: #ccc; }
  .pagination .pagination-nav .current {
    background-color: #000;
    color: #fff;
    font-weight: bold;
    border-color: #000;
    cursor: default; }
  .pagination .pagination-nav .next {
    font-weight: 500;
    color: #000;
    background-color: transparent; }
    .pagination .pagination-nav .next:hover {
      text-decoration: underline;
      background: none; }
  @media (max-width: 600px) {
    .pagination .pagination-nav {
      gap: 6px; }
    .pagination .pagination-nav a,
    .pagination .pagination-nav span {
      padding: 6px 10px;
      font-size: 13px; } }

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

.iconic-page {
  color: #111;
  padding: 40px 0px;
  line-height: 1.6;
  background-color: #fff; }
  .iconic-page .hero-image img {
    width: 100%;
    height: auto;
    display: block; }
  .iconic-page .section-heading {
    margin: 60px auto 30px; }
    .iconic-page .section-heading.center {
      text-align: center; }
    .iconic-page .section-heading h2, .iconic-page .section-heading h3 {
      font-weight: bold;
      letter-spacing: 2px;
      font-size: 22px; }
    .iconic-page .section-heading p {
      margin-top: 10px;
      color: #666; }
  .iconic-page .section-heading-top {
    margin: 20px auto 60px auto; }
  .iconic-page .iconic-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; }
    @media (max-width: 991px) {
      .iconic-page .iconic-grid {
        grid-template-columns: repeat(1, 1fr); } }
    .iconic-page .iconic-grid .icon-item {
      text-align: center; }
      .iconic-page .iconic-grid .icon-item img {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        border-radius: 4px; }
      .iconic-page .iconic-grid .icon-item h4 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 8px;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
      .iconic-page .iconic-grid .icon-item p {
        font-size: 14px;
        color: #444; }
  .iconic-page .icon-image {
    margin: 40px auto 0;
    text-align: center; }
    .iconic-page .icon-image img {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
    .iconic-page .icon-image .icon-desc {
      font-size: 14px;
      color: #444;
      max-width: 700px;
      margin: 0 auto; }
  @media (max-width: 991px) {
    .iconic-page .section-heading h2,
    .iconic-page .section-heading h3 {
      font-size: 18px; }
    .iconic-page .icon-item h4 {
      font-size: 15px; }
    .iconic-page .icon-item p,
    .iconic-page .icon-desc {
      font-size: 13px; } }

.denim-care {
  color: #111;
  line-height: 1.6;
  padding: 40px 0;
  background-color: #fff; }
  .denim-care .banner img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 40px; }
  .denim-care .section-intro {
    text-align: center;
    margin-bottom: 60px; }
    .denim-care .section-intro h2 {
      font-size: 26px;
      letter-spacing: 3px;
      font-weight: bold; }
    .denim-care .section-intro p {
      max-width: 600px;
      margin: 10px auto 0;
      font-size: 15px;
      color: #555; }
  .denim-care .care-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin: 0 auto 60px; }
    .denim-care .care-block .image img {
      width: 100%;
      height: auto;
      display: block; }
    .denim-care .care-block .image {
      flex: 1; }
    .denim-care .care-block .text {
      flex: 1; }
      .denim-care .care-block .text h4 {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 12px; }
      .denim-care .care-block .text p {
        font-size: 14px;
        color: #333; }
    .denim-care .care-block.reverse {
      flex-direction: row-reverse; }
  @media (max-width: 991px) {
    .denim-care .care-block,
    .denim-care .care-block.reverse {
      flex-direction: column;
      gap: 20px;
      text-align: center; }
      .denim-care .care-block .text h4,
      .denim-care .care-block.reverse .text h4 {
        margin-top: 10px; } }

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

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

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

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

.instagram-custom {
  margin: 0 0 60px 0; }
  @media (max-width: 991px) {
    .instagram-custom {
      margin: 0 0 30px 0; } }
  @media (max-width: 991px) {
    .instagram-custom .eapps-instagram-feed-title {
      padding: 0 0 15px 0; } }
  .instagram-custom .eapps-instagram-feed-title-container {
    display: none; }
  .instagram-custom .heading-instagram {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 32px;
    padding: 24px 10px; }
    @media (max-width: 991px) {
      .instagram-custom .heading-instagram {
        padding: 0 0 30px 0; } }

#menu-mb-new {
  position: fixed;
  top: 0;
  bottom: 0;
  width: calc(100% - 50px);
  right: auto;
  left: 0;
  -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(-114%, 0, 0);
  transform: translate3d(-114%, 0, 0);
  transition: transform .35s; }
  .open-menu-mb #menu-mb-new {
    -webkit-transform: none;
    transform: none; }
  #menu-mb-new .mobile-menu {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 3;
    height: 100%;
    overflow: hidden; }
    #menu-mb-new .mobile-menu .menu-level {
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      height: 100%;
      background: white;
      transition: left 0.3s ease;
      box-sizing: border-box;
      overflow: auto; }
      #menu-mb-new .mobile-menu .menu-level.active {
        left: 0; }
      #menu-mb-new .mobile-menu .menu-level .menu-header {
        font-weight: bold;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 14px;
        position: relative; }
        #menu-mb-new .mobile-menu .menu-level .menu-header .back {
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          width: 40px;
          height: 40px;
          position: absolute;
          left: 0; }
          #menu-mb-new .mobile-menu .menu-level .menu-header .back svg {
            width: 20px;
            height: 20px; }
      #menu-mb-new .mobile-menu .menu-level .menu-item-banner {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
        padding: 14px 14px 30px 14px; }
        #menu-mb-new .mobile-menu .menu-level .menu-item-banner a {
          display: flex;
          flex-direction: column;
          position: relative; }
          #menu-mb-new .mobile-menu .menu-level .menu-item-banner a span {
            border: 2px solid #fff;
            text-align: center;
            color: #fff;
            position: absolute;
            right: 0;
            bottom: 30px;
            left: 0;
            margin: auto;
            width: 70%;
            text-transform: uppercase;
            font-size: 18px;
            padding: 10px 20px; }
      #menu-mb-new .mobile-menu .menu-level .menu-item {
        padding: 14px;
        font-weight: bold;
        border-bottom: 1px solid #eee;
        cursor: pointer; }
        #menu-mb-new .mobile-menu .menu-level .menu-item.hasChild {
          display: flex;
          align-items: center;
          justify-content: space-between; }
        #menu-mb-new .mobile-menu .menu-level .menu-item.hasChildNew {
          border-bottom: none; }
        #menu-mb-new .mobile-menu .menu-level .menu-item.text-normal {
          font-weight: normal;
          border-top: 1px solid #eee; }
      #menu-mb-new .mobile-menu .menu-level .menu-banner {
        margin-top: 20px; }
        #menu-mb-new .mobile-menu .menu-level .menu-banner img {
          width: 100%;
          display: block; }
      #menu-mb-new .mobile-menu .menu-level .submenu3 {
        padding: 0 0 15px 30px;
        border-bottom: 1px solid #eee;
        display: flex;
        flex-direction: column;
        gap: 10px; }
  #menu-mb-new .close-mn-mb {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    right: -50px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    #menu-mb-new .close-mn-mb svg {
      width: 30px;
      height: 30px; }
      #menu-mb-new .close-mn-mb svg path {
        fill: #fff; }
  #menu-mb-new .wrap-search-mb {
    padding: 20px;
    background: #fff; }
    #menu-mb-new .wrap-search-mb .form-search-mb {
      position: relative; }
    #menu-mb-new .wrap-search-mb .input-search {
      border: none;
      height: 48px;
      border-bottom: 3px solid #000000;
      padding: 0 15px;
      width: 100%;
      outline: none;
      box-shadow: none;
      font-weight: 500;
      font-size: 20px;
      line-height: 28px; }
    #menu-mb-new .wrap-search-mb button {
      border: none;
      background: transparent;
      outline: none;
      box-shadow: none;
      position: absolute;
      bottom: 10px;
      right: 15px;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center; }
      #menu-mb-new .wrap-search-mb button svg {
        width: 20px;
        height: 20px; }
    #menu-mb-new .wrap-search-mb .clear-text-search {
      position: absolute;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      right: 55px;
      bottom: 10px;
      cursor: pointer; }

.overlay-mn-mb {
  background-color: #404040;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .open-menu-mb .overlay-mn-mb {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }

.article-detail {
  padding: 40px 0;
  background-color: #fafafa;
  color: #333; }
  .article-detail .article-header {
    margin-bottom: 30px;
    text-align: center; }
    .article-detail .article-header .article-title {
      font-size: 2.2rem;
      font-weight: 700;
      margin-bottom: 10px;
      color: #111; }
    .article-detail .article-header .article-date {
      font-size: 0.9rem;
      color: #888; }
  .article-detail .article-content {
    line-height: 1.7;
    font-size: 1rem; }
    .article-detail .article-content h2, .article-detail .article-content h3, .article-detail .article-content h4 {
      margin-top: 30px;
      margin-bottom: 10px;
      color: #222; }
    .article-detail .article-content p {
      margin-bottom: 20px; }
    .article-detail .article-content ul, .article-detail .article-content ol {
      padding-left: 20px;
      margin-bottom: 20px; }
    .article-detail .article-content blockquote {
      border-left: 4px solid #ccc;
      padding-left: 16px;
      font-style: italic;
      color: #666;
      margin: 20px 0; }
    .article-detail .article-content a {
      color: #0066cc;
      text-decoration: underline; }
      .article-detail .article-content a:hover {
        color: #004a99; }
    .article-detail .article-content iframe {
      width: 100%; }

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

.jeans-fit-guide {
  text-align: center;
  padding: 40px 0; }
  .jeans-fit-guide h1 {
    font-size: 20px;
    letter-spacing: 4px;
    font-weight: 600;
    margin-bottom: 20px; }
  .jeans-fit-guide .filter-tabs {
    display: flex;
    justify-content: center;
    gap: 25px;
    list-style: none;
    padding: 0;
    margin: 60px 0 40px 0; }
    .jeans-fit-guide .filter-tabs li {
      font-weight: 600;
      cursor: pointer;
      position: relative;
      text-transform: uppercase; }
      .jeans-fit-guide .filter-tabs li.active::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 2px;
        background: black; }
  .jeans-fit-guide .product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 30px; }
    .jeans-fit-guide .product-grid .product-card {
      text-align: left; }
      .jeans-fit-guide .product-grid .product-card img {
        width: 100%;
        height: auto;
        display: block; }
      .jeans-fit-guide .product-grid .product-card h3 {
        font-size: 14px;
        letter-spacing: 1px;
        margin: 10px 0 5px; }
      .jeans-fit-guide .product-grid .product-card .desc {
        font-weight: bold;
        font-size: 13px;
        margin-bottom: 10px; }
      .jeans-fit-guide .product-grid .product-card p {
        font-size: 13px;
        color: #555;
        line-height: 1.4; }

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

.complete-bundle {
  margin: 30px 0; }
  @media (max-width: 991px) {
    .complete-bundle {
      margin: 30px 0 0 0; } }
  .complete-bundle .head-bundle {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0; }
  .complete-bundle .list-bundle {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 20px 10px; }

.sticky-bar {
  position: fixed;
  bottom: -200px;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 16px 20px;
  transition: bottom 0.3s ease;
  z-index: 100;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
  .sticky-bar.active {
    bottom: 0; }
  .sticky-bar .sticky-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px; }
    @media (max-width: 991px) {
      .sticky-bar .sticky-inner {
        flex-direction: column;
        gap: 10px;
        align-items: start; } }
  .sticky-bar .product-info {
    display: flex;
    flex-direction: column; }
    .sticky-bar .product-info .product-title {
      font-weight: bold;
      font-size: 22px;
      margin: 0; }
      @media (max-width: 991px) {
        .sticky-bar .product-info .product-title {
          font-size: 14px; } }
  .sticky-bar .product-color {
    display: flex;
    align-items: center;
    font-size: 16px;
    margin-left: auto; }
    @media (max-width: 991px) {
      .sticky-bar .product-color {
        margin-left: 0;
        font-size: 14px; } }
    .sticky-bar .product-color .label {
      font-weight: bold;
      margin-right: 4px; }
    .sticky-bar .product-color .value {
      text-transform: capitalize; }
    .sticky-bar .product-color .color-circle {
      width: 32px;
      height: 32px;
      border-radius: 100%;
      margin-left: 10px;
      position: relative;
      overflow: hidden; }
  .sticky-bar .product-price {
    font-weight: bold;
    font-size: 16px; }
    @media (max-width: 991px) {
      .sticky-bar .product-price {
        font-size: 14px; } }
  .sticky-bar .product-actions {
    display: flex;
    align-items: center; }
    @media (max-width: 991px) {
      .sticky-bar .product-actions {
        width: 100%;
        gap: 10px; } }
    .sticky-bar .product-actions .btn-add {
      background: #000;
      color: #fff;
      padding: 10px 26px;
      border: none;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        .sticky-bar .product-actions .btn-add {
          width: 100%;
          padding: 10px; } }
      .sticky-bar .product-actions .btn-add svg {
        margin-right: 6px;
        width: 30px;
        height: 30px; }
        @media (max-width: 991px) {
          .sticky-bar .product-actions .btn-add svg {
            display: none; } }
        .sticky-bar .product-actions .btn-add svg path {
          fill: #ffffff; }
      @media (min-width: 992px) {
        .sticky-bar .product-actions .btn-add#btn-buynow-fixed {
          display: none; } }

#size-guide-modal-new .modal-dialog {
  width: 900px;
  max-width: 100%; }
  @media (max-width: 991px) {
    #size-guide-modal-new .modal-dialog {
      width: auto; } }

#size-guide-modal-new .modal-content {
  padding: 32px 48px; }
  @media (max-width: 991px) {
    #size-guide-modal-new .modal-content {
      padding: 24px; } }

#size-guide-modal-new .modal-header {
  padding: 0;
  border: none;
  justify-content: center; }
  #size-guide-modal-new .modal-header h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase; }
  #size-guide-modal-new .modal-header button {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    right: 16px;
    top: 16px;
    border: none;
    box-shadow: none;
    outline: none;
    z-index: 9; }
    #size-guide-modal-new .modal-header button img {
      width: 20px;
      height: 20px; }

#size-guide-modal-new .modal-body {
  margin: 24px 0 0 0;
  padding: 0; }

#size-guide-modal-new.sizechart-image .modal-header h4,
#size-guide-modal-new.sizechart-image .heading-tab-sizechart {
  display: none; }

#size-guide-modal-new.sizechart-image .modal-body {
  margin: 0; }

.page-template .section-head-page {
  background: #F7F8F9;
  padding: 32px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .page-template .section-head-page {
      padding: 8px 0;
      background: #FFFFFF; } }
  .page-template .section-head-page h1 {
    margin: 0;
    font-size: 34px;
    font-weight: 700;
    line-height: 40.8px; }
    @media (max-width: 991px) {
      .page-template .section-head-page h1 {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px; } }

.page-template .wrapper-main-page {
  margin: 56px 0; }
  @media (max-width: 991px) {
    .page-template .wrapper-main-page {
      margin: 32px 0; } }

.page-template .sidebar-column-page .wrapper-sidebar-page {
  position: relative; }
  @media (max-width: 991px) {
    .page-template .sidebar-column-page .wrapper-sidebar-page {
      min-height: 46px;
      margin: 0 0 16px 0; } }
  .page-template .sidebar-column-page .wrapper-sidebar-page .table-title {
    display: none;
    border: 1px solid #868D95;
    border-radius: 4px;
    min-height: 44px;
    padding: 10px 16px;
    margin: 0 0 16px 0; }
    @media (max-width: 991px) {
      .page-template .sidebar-column-page .wrapper-sidebar-page .table-title {
        display: block;
        margin: 0; } }
    .page-template .sidebar-column-page .wrapper-sidebar-page .table-title .htitle {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .page-template .sidebar-column-page .wrapper-sidebar-page .table-title .htitle span {
        font-weight: 700; }
    .page-template .sidebar-column-page .wrapper-sidebar-page .table-title.isShow img {
      transform: rotate(1980deg); }
  .page-template .sidebar-column-page .wrapper-sidebar-page .subtab-sidebar-mobile {
    border: 1px solid #868D95;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.2px;
    margin: 0 0 32px 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 992px) {
      .page-template .sidebar-column-page .wrapper-sidebar-page .subtab-sidebar-mobile {
        display: none; } }
  .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    @media (max-width: 991px) {
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul {
        display: none;
        position: absolute;
        background: #FFFFFF;
        top: 110%;
        border: 1px solid #868D95;
        padding: 12px 16px;
        border-radius: 4px;
        z-index: 1;
        width: 100%; } }
    @media (max-width: 991px) {
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li ~ li {
        margin-top: 16px; } }
    .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > a {
      font-size: 14px;
      font-weight: 700;
      line-height: 18.2px;
      text-transform: inherit; }
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > a.active {
        font-weight: 700;
        text-decoration: underline; }
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > a.isShow {
        text-decoration: underline; }
        .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > a.isShow ~ ul {
          /*display: flex;
									flex-direction: column;*/ }
    .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > ul {
      padding: 16px 0 0 16px;
      display: none;
      flex-direction: column;
      gap: 8px; }
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > ul > li > a {
        letter-spacing: 1px; }

.page-template .content-column-page h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  padding: 24px 0;
  cursor: pointer;
  margin: 0;
  color: #868D95;
  background: url(https://file.hstatic.net/1000284478/file/chevron-right_1e6bb35c36a547bebc72a622266b5049.svg);
  background-repeat: no-repeat;
  padding-left: 36px;
  background-position: left center;
  background-size: 24px;
  display: none; }
  .page-template .content-column-page h2 strong {
    font-weight: 500; }
  @media (min-width: 992px) {
    .page-template .content-column-page h2:nth-child(1) {
      padding-top: 0;
      background-position: left top; } }
  .page-template .content-column-page h2:not(:first-child) {
    border-top: 1px solid #F0F0F0; }
  .page-template .content-column-page h2.isShow + .wrapper-collape-1 {
    display: flex; }
  @media (max-width: 991px) {
    .page-template .content-column-page h2 {
      font-size: 16px;
      font-weight: 500;
      line-height: 20.8px;
      padding-left: 32px;
      background-size: 20px; } }

.page-template .content-column-page h3 {
  font-size: 16px;
  line-height: 20.8px;
  cursor: pointer;
  background: url(https://file.hstatic.net/1000284478/file/chevron-right_841f03ccda8e4efc95deeffb260b0c36.svg);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-position: left center;
  color: #868D95;
  font-weight: 500; }
  .page-template .content-column-page h3.isShow {
    color: #2E2E2E;
    font-weight: 700;
    background: url(https://file.hstatic.net/1000284478/file/chevron-down_a483e871f583442f8cc136aa4f5ebf3f.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: left center; }
    .page-template .content-column-page h3.isShow + * {
      display: flex; }
  .page-template .content-column-page h3 + * {
    display: none;
    flex-direction: column;
    padding-left: 30px; }

.page-template .content-column-page .wrapper-collape-1 {
  display: none;
  flex-direction: column;
  padding: 0 0 0 32px; }
  @media (max-width: 991px) {
    .page-template .content-column-page .wrapper-collape-1 {
      padding: 0; } }
  .page-template .content-column-page .wrapper-collape-1 ul {
    list-style: inherit;
    padding: 0 0 13px 16px; }

.page-template .content-column-page .wrapper-collape-2 {
  display: none;
  flex-direction: column; }

@media (max-width: 991px) {
  .page-template.page-return-policy .wrapper-main-page {
    margin: 16px 0; } }

.page-template.page-return-policy .wrapper-return-policy > ul > li ~ li {
  padding: 24px 0 0 0;
  margin: 24px 0 0 0;
  border-top: 1px solid #F0F0F0; }
  @media (max-width: 992px) {
    .page-template.page-return-policy .wrapper-return-policy > ul > li ~ li {
      padding: 16px 0 0 0;
      margin: 16px 0 0 0; } }

.page-template.page-return-policy .wrapper-return-policy > ul > li h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #868D95;
  margin: 0;
  cursor: pointer; }
  @media (max-width: 992px) {
    .page-template.page-return-policy .wrapper-return-policy > ul > li h4 {
      font-size: 16px;
      line-height: 20.8px; } }
  .page-template.page-return-policy .wrapper-return-policy > ul > li h4 svg path {
    stroke: #868D95; }

.page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab {
  display: none;
  margin: 24px 0 0 0; }
  .page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab p {
    font-size: 16px;
    line-height: 20.8px;
    margin: 0 0 16px 0; }
    @media (max-width: 992px) {
      .page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab p {
        font-size: 14px;
        line-height: 18.2px; } }
  .page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab ul {
    padding: 0 0 0 16px;
    list-style: disc; }
    .page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab ul li ~ li {
      margin: 8px 0 0 0; }

.page-template.page-return-policy .wrapper-return-policy > ul > li.active h4 {
  color: #2E2E2E; }
  .page-template.page-return-policy .wrapper-return-policy > ul > li.active h4 svg {
    transform: rotate(90deg); }
    .page-template.page-return-policy .wrapper-return-policy > ul > li.active h4 svg path {
      stroke: #2E2E2E; }

.page-template.page-return-policy .wrapper-return-policy > ul > li.active .content-policy-tab {
  display: block; }

.wrapper-page-store {
  margin: 56px 0;
  display: flex;
  gap: 60px; }
  @media (max-width: 991px) {
    .wrapper-page-store {
      gap: 0;
      margin: 16px 0; } }
  .wrapper-page-store .wrapper-select-option {
    width: 30%; }
    @media (max-width: 991px) {
      .wrapper-page-store .wrapper-select-option {
        width: 100%; } }
    .wrapper-page-store .wrapper-select-option .item-select label {
      font-size: 12px;
      font-weight: 500;
      line-height: 15.6px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #868D95;
      margin: 0 0 8px 0; }
    .wrapper-page-store .wrapper-select-option .item-select .style-select {
      padding: 12px 16px;
      width: 100%;
      border: 1px solid #868D95;
      border-radius: 4px;
      color: #C6CBD0;
      cursor: pointer;
      font-weight: 500;
      position: relative; }
      .wrapper-page-store .wrapper-select-option .item-select .style-select .head-style-select {
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .wrapper-page-store .wrapper-select-option .item-select .style-select ul {
        display: none;
        position: absolute;
        top: 100%;
        box-shadow: 0px 2px 16px 0px rgba(80, 84, 89, 0.08);
        width: 100%;
        background: #FFFFFF;
        left: 0;
        z-index: 9;
        max-height: 384px;
        overflow: auto; }
        .wrapper-page-store .wrapper-select-option .item-select .style-select ul li {
          height: 48px;
          padding: 8px 16px;
          display: flex;
          align-items: center;
          color: #2E2E2E; }
          .wrapper-page-store .wrapper-select-option .item-select .style-select ul li:hover {
            background: #F7F8F9; }
      @media (min-width: 992px) {
        .wrapper-page-store .wrapper-select-option .item-select .style-select:hover ul {
          display: block; } }
      @media (max-width: 1199px) {
        .wrapper-page-store .wrapper-select-option .item-select .style-select.open ul {
          display: block; } }
    .wrapper-page-store .wrapper-select-option .item-select ~ .item-select {
      margin-top: 16px; }
    .wrapper-page-store .wrapper-select-option .item-select.isSelected .style-select {
      color: #2E2E2E; }
    .wrapper-page-store .wrapper-select-option .action-filter-store {
      margin-top: 16px; }
      .wrapper-page-store .wrapper-select-option .action-filter-store button {
        background: #2E2E2E;
        height: 40px;
        padding: 11px 10px;
        color: #FFFFFF;
        width: 100%;
        border: honeydew;
        outline: none;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase; }
    .wrapper-page-store .wrapper-select-option .list-store {
      margin: 40px 0 0 0;
      max-height: 530px;
      overflow-y: auto; }
      .wrapper-page-store .wrapper-select-option .list-store .item-store-mso {
        cursor: pointer;
        padding: 16px 0; }
        .wrapper-page-store .wrapper-select-option .list-store .item-store-mso .store-brand {
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 20.8px;
          letter-spacing: 1px;
          text-transform: uppercase; }
        .wrapper-page-store .wrapper-select-option .list-store .item-store-mso .store-address {
          margin: 8px 0;
          color: #50555B;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .wrapper-page-store .wrapper-select-option .list-store .item-store-mso .store-address span {
            width: 80%; }
          .wrapper-page-store .wrapper-select-option .list-store .item-store-mso .store-address img.lazyload {
            opacity: 0; }
        .wrapper-page-store .wrapper-select-option .list-store .item-store-mso .store-phone {
          color: #50555B; }
        .wrapper-page-store .wrapper-select-option .list-store .item-store-mso .mobile-maps {
          margin: 16px 0; }
          @media (min-width: 992px) {
            .wrapper-page-store .wrapper-select-option .list-store .item-store-mso .mobile-maps {
              display: none; } }
          .wrapper-page-store .wrapper-select-option .list-store .item-store-mso .mobile-maps iframe {
            width: 100%;
            height: 270px; }
        .wrapper-page-store .wrapper-select-option .list-store .item-store-mso ~ .item-store-mso {
          border-top: 1px solid #F0F0F0; }
        .wrapper-page-store .wrapper-select-option .list-store .item-store-mso:hover {
          background: #f7f7f7; }
  .wrapper-page-store .wrapper-maps {
    width: 70%; }
    @media (max-width: 991px) {
      .wrapper-page-store .wrapper-maps {
        display: none; } }
    .wrapper-page-store .wrapper-maps iframe {
      width: 100%;
      height: 780px; }

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

.promotion-section {
  background: #ffffff;
  margin: 30px 0 0 0; }
  .promotion-section .promotion-title {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 15px;
    text-transform: uppercase; }
  .promotion-section .promotion-list {
    list-style: none;
    padding: 0;
    margin: 0; }
    .promotion-section .promotion-list .promotion-item {
      background: #e9e9e9;
      border-radius: 8px;
      padding: 10px 15px;
      margin-bottom: 4px;
      font-size: 16px;
      color: #5a2d0c;
      position: relative; }
      .promotion-section .promotion-list .promotion-item::before {
        content: "🔥";
        margin-right: 8px; }
      .promotion-section .promotion-list .promotion-item:last-child {
        margin-bottom: 0; }

.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: 12px 19px;
  letter-spacing: 1px;
  border-radius: 4px; }
  .notify-choose-size:before {
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #2e2e2e;
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px; }
  .notify-choose-size.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }

.popuplar-key {
  padding: 0 15px 30px 15px; }
  .popuplar-key label {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0; }
  .popuplar-key ul {
    display: flex;
    align-items: center;
    gap: 4px; }
    .popuplar-key ul a {
      border: 1px solid gray;
      padding: 4px 8px;
      border-radius: 4px;
      display: block; }

.page-template .section-head-page {
  background: #F7F8F9;
  padding: 32px 0;
  text-align: center; }
  @media (max-width: 991px) {
    .page-template .section-head-page {
      padding: 8px 0;
      background: #FFFFFF; } }
  .page-template .section-head-page h1 {
    margin: 0;
    font-size: 34px;
    font-weight: 700;
    line-height: 40.8px; }
    @media (max-width: 991px) {
      .page-template .section-head-page h1 {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px; } }

.page-template .wrapper-main-page {
  margin: 56px 0; }
  @media (max-width: 991px) {
    .page-template .wrapper-main-page {
      margin: 32px 0; } }

.page-template .sidebar-column-page .wrapper-sidebar-page {
  position: relative; }
  @media (max-width: 991px) {
    .page-template .sidebar-column-page .wrapper-sidebar-page {
      min-height: 46px;
      margin: 0 0 16px 0; } }
  .page-template .sidebar-column-page .wrapper-sidebar-page .table-title {
    display: none;
    border: 1px solid #868D95;
    border-radius: 4px;
    min-height: 44px;
    padding: 10px 16px;
    margin: 0 0 16px 0; }
    @media (max-width: 991px) {
      .page-template .sidebar-column-page .wrapper-sidebar-page .table-title {
        display: block;
        margin: 0; } }
    .page-template .sidebar-column-page .wrapper-sidebar-page .table-title .htitle {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .page-template .sidebar-column-page .wrapper-sidebar-page .table-title .htitle span {
        font-weight: 700; }
    .page-template .sidebar-column-page .wrapper-sidebar-page .table-title.isShow img {
      transform: rotate(1980deg); }
  .page-template .sidebar-column-page .wrapper-sidebar-page .subtab-sidebar-mobile {
    border: 1px solid #868D95;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.2px;
    margin: 0 0 32px 0;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 992px) {
      .page-template .sidebar-column-page .wrapper-sidebar-page .subtab-sidebar-mobile {
        display: none; } }
  .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    @media (max-width: 991px) {
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul {
        display: none;
        position: absolute;
        background: #FFFFFF;
        top: 110%;
        border: 1px solid #868D95;
        padding: 12px 16px;
        border-radius: 4px;
        z-index: 1;
        width: 100%; } }
    @media (max-width: 991px) {
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li ~ li {
        margin-top: 16px; } }
    .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > a {
      font-size: 14px;
      font-weight: 700;
      line-height: 18.2px;
      text-transform: inherit; }
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > a.active {
        font-weight: 700;
        text-decoration: underline; }
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > a.isShow {
        text-decoration: underline; }
        .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > a.isShow ~ ul {
          /*display: flex;
									flex-direction: column;*/ }
    .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > ul {
      padding: 16px 0 0 16px;
      display: none;
      flex-direction: column;
      gap: 8px; }
      .page-template .sidebar-column-page .wrapper-sidebar-page #table-content-container > ul > li > ul > li > a {
        letter-spacing: 1px; }

.page-template .content-column-page h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  padding: 24px 0;
  cursor: pointer;
  margin: 0;
  color: #868D95;
  background: url(https://file.hstatic.net/1000284478/file/chevron-right_1e6bb35c36a547bebc72a622266b5049.svg);
  background-repeat: no-repeat;
  padding-left: 36px;
  background-position: left center;
  background-size: 24px;
  display: none; }
  .page-template .content-column-page h2 strong {
    font-weight: 500; }
  @media (min-width: 992px) {
    .page-template .content-column-page h2:nth-child(1) {
      padding-top: 0;
      background-position: left top; } }
  .page-template .content-column-page h2:not(:first-child) {
    border-top: 1px solid #F0F0F0; }
  .page-template .content-column-page h2.isShow + .wrapper-collape-1 {
    display: flex; }
  @media (max-width: 991px) {
    .page-template .content-column-page h2 {
      font-size: 16px;
      font-weight: 500;
      line-height: 20.8px;
      padding-left: 32px;
      background-size: 20px; } }

.page-template .content-column-page h3 {
  font-size: 16px;
  line-height: 20.8px;
  cursor: pointer;
  background: url(https://file.hstatic.net/1000284478/file/chevron-right_841f03ccda8e4efc95deeffb260b0c36.svg);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-position: left center;
  color: #868D95;
  font-weight: 500; }
  .page-template .content-column-page h3.isShow {
    color: #2E2E2E;
    font-weight: 700;
    background: url(https://file.hstatic.net/1000284478/file/chevron-down_a483e871f583442f8cc136aa4f5ebf3f.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: left center; }
    .page-template .content-column-page h3.isShow + * {
      display: block; }
  .page-template .content-column-page h3 + * {
    display: none;
    flex-direction: column;
    padding-left: 30px; }

.page-template .content-column-page .wrapper-collape-1 {
  display: none;
  flex-direction: column;
  padding: 0 0 0 32px; }
  @media (max-width: 991px) {
    .page-template .content-column-page .wrapper-collape-1 {
      padding: 0; } }
  .page-template .content-column-page .wrapper-collape-1 ul {
    list-style: inherit;
    padding: 0 0 13px 16px; }

.page-template .content-column-page .wrapper-collape-2 {
  display: none;
  flex-direction: column; }

@media (max-width: 991px) {
  .page-template.page-return-policy .wrapper-main-page {
    margin: 16px 0; } }

.page-template.page-return-policy .wrapper-return-policy > ul > li ~ li {
  padding: 24px 0 0 0;
  margin: 24px 0 0 0;
  border-top: 1px solid #F0F0F0; }
  @media (max-width: 992px) {
    .page-template.page-return-policy .wrapper-return-policy > ul > li ~ li {
      padding: 16px 0 0 0;
      margin: 16px 0 0 0; } }

.page-template.page-return-policy .wrapper-return-policy > ul > li h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: #868D95;
  margin: 0;
  cursor: pointer; }
  @media (max-width: 992px) {
    .page-template.page-return-policy .wrapper-return-policy > ul > li h4 {
      font-size: 16px;
      line-height: 20.8px; } }
  .page-template.page-return-policy .wrapper-return-policy > ul > li h4 svg path {
    stroke: #868D95; }

.page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab {
  display: none;
  margin: 24px 0 0 0; }
  .page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab p {
    font-size: 16px;
    line-height: 20.8px;
    margin: 0 0 16px 0; }
    @media (max-width: 992px) {
      .page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab p {
        font-size: 14px;
        line-height: 18.2px; } }
  .page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab ul {
    padding: 0 0 0 16px;
    list-style: disc; }
    .page-template.page-return-policy .wrapper-return-policy > ul > li .content-policy-tab ul li ~ li {
      margin: 8px 0 0 0; }

.page-template.page-return-policy .wrapper-return-policy > ul > li.active h4 {
  color: #2E2E2E; }
  .page-template.page-return-policy .wrapper-return-policy > ul > li.active h4 svg {
    transform: rotate(90deg); }
    .page-template.page-return-policy .wrapper-return-policy > ul > li.active h4 svg path {
      stroke: #2E2E2E; }

.page-template.page-return-policy .wrapper-return-policy > ul > li.active .content-policy-tab {
  display: block; }

.view-more-article {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 0 0; }
  .view-more-article a {
    padding: 10px 20px;
    background: #000;
    color: #fff;
    font-weight: bold;
    border: none;
    cursor: pointer; }

.pagination-hidden {
  margin-top: 20px;
  /* Responsive */ }
  .pagination-hidden .pagination-custom {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    /* prev - next */
    /* dấu ... */ }
    .pagination-hidden .pagination-custom .titlePagi {
      font-size: 14px;
      color: #555;
      margin-right: 12px;
      white-space: nowrap; }
    .pagination-hidden .pagination-custom .pagi-item {
      display: flex;
      align-items: center;
      justify-content: center; }
      .pagination-hidden .pagination-custom .pagi-item span,
      .pagination-hidden .pagination-custom .pagi-item a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        border-radius: 4px;
        font-size: 14px;
        text-decoration: none;
        color: #333;
        transition: all 0.25s ease; }
        .pagination-hidden .pagination-custom .pagi-item span:hover,
        .pagination-hidden .pagination-custom .pagi-item a:hover {
          background: #f2f2f2; }
      .pagination-hidden .pagination-custom .pagi-item .active {
        background: #000;
        color: #fff;
        cursor: default;
        font-weight: 600; }
        .pagination-hidden .pagination-custom .pagi-item .active:hover {
          background: #000; }
      .pagination-hidden .pagination-custom .pagi-item.disabled span,
      .pagination-hidden .pagination-custom .pagi-item.disabled a {
        opacity: 0.4;
        cursor: not-allowed;
        pointer-events: none; }
    .pagination-hidden .pagination-custom .prev-pagi,
    .pagination-hidden .pagination-custom .next-pagi {
      background: transparent !important; }
      .pagination-hidden .pagination-custom .prev-pagi a,
      .pagination-hidden .pagination-custom .next-pagi a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 4px;
        border: 1px solid #ddd;
        background: #fff; }
        .pagination-hidden .pagination-custom .prev-pagi a svg path,
        .pagination-hidden .pagination-custom .next-pagi a svg path {
          transition: stroke 0.2s ease; }
        .pagination-hidden .pagination-custom .prev-pagi a:hover,
        .pagination-hidden .pagination-custom .next-pagi a:hover {
          background: #f7f7f7; }
          .pagination-hidden .pagination-custom .prev-pagi a:hover svg path,
          .pagination-hidden .pagination-custom .next-pagi a:hover svg path {
            stroke: #000; }
      .pagination-hidden .pagination-custom .prev-pagi.disabled a,
      .pagination-hidden .pagination-custom .next-pagi.disabled a {
        opacity: 0.3;
        cursor: not-allowed;
        pointer-events: none; }
    .pagination-hidden .pagination-custom .pagiItem span.dots, .pagination-hidden .pagination-custom .pagiItem span:empty {
      pointer-events: none; }
  @media (max-width: 480px) {
    .pagination-hidden .pagination-custom {
      gap: 6px; }
      .pagination-hidden .pagination-custom .titlePagi {
        display: none; }
      .pagination-hidden .pagination-custom .pagi-item span,
      .pagination-hidden .pagination-custom .pagi-item a {
        min-width: 28px;
        height: 28px;
        font-size: 13px; } }