@font-face {
  font-family: 'lushhandwritten';
  src: local("lushhandwritten"), url("lushhandwritten_ver2.woff2") format("woff2"), url("lushhandwritten_ver2.woff") format("woff"), url("lushhandwritten.ttf") format("truetype");
  font-display: swap; }

@font-face {
  font-family: 'Helvetica';
  src: url("https://file.hstatic.net/200000714435/file/helveticaneue-medium.otf") format("otf"), url("https://file.hstatic.net/200000714435/file/helvetica-neue-medium.ttf") format("ttf"); }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://file.hstatic.net/200000714435/file/inter_woff2_700cfca6bfee4e6ba01bf50f1fd14515.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://file.hstatic.net/200000714435/file/inter_woff2_700cfca6bfee4e6ba01bf50f1fd14515.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://file.hstatic.net/200000714435/file/inter_woff2_700cfca6bfee4e6ba01bf50f1fd14515.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://file.hstatic.net/200000714435/file/inter_woff2_700cfca6bfee4e6ba01bf50f1fd14515.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }

.container {
  max-width: 1280px; }

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

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

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

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

img {
  max-width: 100%; }

body {
  font-family: 'Helvetica', sans-serif;
  color: #1D1D1D;
  overflow-x: hidden;
  background: #FFF;
  position: initial;
  font-size: 14px;
  line-height: 18.2px; }
  @media (min-width: 992px) {
    body.template-cart {
      padding-bottom: 100px; } }
  body.open-mini-search, body.open-sidebar, body.show-menu-mobile {
    overflow: hidden; }
  .fonts-loaded body {
    font-family: 'Helvetica', sans-serif; }

@media (max-width: 991px) {
  main.wrap-main {
    width: 100vw;
    overflow-x: hidden; } }

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

/* datepicker */
.datepicker-container {
  border: none;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1); }

.datepicker-container > div {
  padding: 5px 60px; }

.datepicker-panel > ul[data-view] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.datepicker-panel[data-view*="days"] > ul > li {
  width: calc(100% / 7) !important;
  height: 35px;
  line-height: 35px;
  position: relative;
  z-index: 1; }

.datepicker-container ul > li[data-view*='month next'], .datepicker-container ul > li[data-view*='month prev'] {
  display: none; }

.datepicker-container ul > li[data-view*='current'] {
  font-weight: bold; }

.datepicker-top-left:after, .datepicker-top-right:after {
  display: none; }

.datepicker-top-left:before, .datepicker-top-right:before {
  display: none; }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  color: #fff !important;
  background-color: unset !important;
  border-radius: 2px; }

.datepicker-panel > ul:not([data-view="days"]) > li.picked,
.datepicker-panel > ul:not([data-view="days"]) > li.picked:hover {
  background-color: #2e2e2e !important; }

.datepicker-panel > ul > li:hover {
  background-color: #f7f8f9; }

.datepicker-panel > ul[data-view="days"] > li::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 30px;
  width: 30px;
  background-color: transparent;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 2px; }

.datepicker-panel > ul[data-view="days"] > li.picked::after, .datepicker-panel > ul[data-view="days"] > li.picked:hover::after {
  background-color: #2e2e2e; }

.datepicker-panel > ul > li[data-view="month current"] {
  width: 150px !important;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8%2014C11.3137%2014%2014%2011.3137%2014%208C14%204.68629%2011.3137%202%208%202C4.68629%202%202%204.68629%202%208C2%2011.3137%204.68629%2014%208%2014Z%22%20fill%3D%22%232E2E2E%22%2F%3E%0A%3Cpath%20d%3D%22M10.25%207.25L8%209.75L5.75%207.25%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E"); }

.datepicker-top-left, .datepicker-top-right {
  border-top-color: #ccc !important; }

.datepicker-top-left:before,
.datepicker-top-right:before {
  border-bottom-color: #ccc !important; }

@media (max-width: 991.98px) {
  .datepicker-container > div {
    padding: 10px 5px; } }

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

/* btn main */
.wrap-btn-main {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px; }

.btn-main {
  width: 240px;
  height: 48px;
  padding: 12px 40px;
  background: #1D1D1D;
  color: #FFFFFF;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn-main:hover {
    background: #1D1D1D;
    color: #FFFFFF; }

/* style default input */
input[type="checkbox"],
input[type="radio"] {
  margin-top: 0;
  vertical-align: top;
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  margin: 0;
  cursor: pointer;
  outline: 0;
  border-radius: 2px; }
  @media (max-width: 1199px) {
    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 #e1e4e6;
    cursor: pointer;
    border-radius: 2px; }
  input[type="checkbox"]:before,
  input[type="radio"]:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    top: 4px;
    margin: auto;
    z-index: 1;
    width: 11px;
    height: 7px;
    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); }

/* style scroll */
/* style slick */
.style-arrow .slick-btn {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  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); }
  .style-arrow .slick-btn.slick-next {
    right: 24px; }
  .style-arrow .slick-btn.slick-prev {
    left: 24px; }
  .style-arrow .slick-btn.slick-disabled {
    display: none !important; }

.style-slick-dots .slick-dots {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; }
  @media (max-width: 991px) {
    .style-slick-dots .slick-dots {
      display: flex !important;
      gap: 8px; } }
  .style-slick-dots .slick-dots li button {
    font-size: 0;
    border: none;
    background: white;
    width: 10px;
    height: 10px;
    border-radius: 100%; }
  .style-slick-dots .slick-dots li.slick-active button {
    background: black; }

/* product loop */
.product-loop .product-loop-inner .box-media {
  position: relative;
  overflow: hidden; }
  .product-loop .product-loop-inner .box-media a {
    position: relative;
    display: block;
    padding-bottom: calc(100% * 480 / 388);
    background: #f7f7f7; }
    .product-loop .product-loop-inner .box-media a img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 388 / 480;
      width: 100%;
      height: 100%; }
    .product-loop .product-loop-inner .box-media a picture {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      transition: all 0.6s ease-in-out 0s;
      -moz-transition: all 0.6s ease-in-out 0s;
      -o-transition: all 0.6s ease-in-out 0s;
      -webkit-transition: all 0.6s ease-in-out 0s;
      -ms-transition: all 0.6s ease-in-out 0s; }
      .product-loop .product-loop-inner .box-media a picture:nth-child(2) {
        opacity: 0;
        visibility: hidden; }
    @media (min-width: 1200px) {
      .product-loop .product-loop-inner .box-media a:hover picture:nth-child(1) {
        visibility: hidden;
        opacity: 0; }
      .product-loop .product-loop-inner .box-media a:hover picture:nth-child(2) {
        opacity: 1;
        visibility: visible; } }
  .product-loop .product-loop-inner .box-media .label-out-of-stock {
    padding: 8px 12px;
    background: #FFFFFF;
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 1;
    color: #868D95;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .product-loop .product-loop-inner .box-media .label-sale {
    padding: 8px 12px;
    background: #B01722;
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 1;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: 1px;
    min-width: 104px;
    text-align: center; }
  .product-loop .product-loop-inner .box-media .label-hot {
    padding: 8px 12px;
    background: #EB5757;
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 1;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: 1px;
    min-width: 104px;
    text-align: center; }
  .product-loop .product-loop-inner .box-media .label-new {
    padding: 8px 12px;
    background: #1D1D1D;
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 1;
    color: #FFFFFF;
    font-weight: 500;
    letter-spacing: 1px;
    min-width: 104px;
    text-align: center; }
  .product-loop .product-loop-inner .box-media .label-in-store {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
    width: 120px;
    height: 120px; }
  .product-loop .product-loop-inner .box-media .wrapper-option {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFFFFF;
    opacity: 0;
    transform: translateY(100%);
    transition: all .5s;
    max-width: 100%;
    overflow: auto;
    z-index: 5;
    border-bottom: 1px solid #E1E4E6; }
    .product-loop .product-loop-inner .box-media .wrapper-option label {
      padding: 14px 0px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      border-top: 1px solid #E1E4E6;
      border-bottom: 1px solid #E1E4E6;
      width: 100%;
      text-align: center; }
    .product-loop .product-loop-inner .box-media .wrapper-option ul {
      width: 100%; }
      .product-loop .product-loop-inner .box-media .wrapper-option ul li {
        padding: 14px 0px;
        font-weight: 500;
        width: 100%;
        text-align: center;
        cursor: pointer; }
        .product-loop .product-loop-inner .box-media .wrapper-option ul li ~ li {
          border-top: 1px solid #E1E4E6; }
        .product-loop .product-loop-inner .box-media .wrapper-option ul li:hover {
          background: #E1E4E6; }
        .product-loop .product-loop-inner .box-media .wrapper-option ul li.disabled {
          color: #868D95;
          pointer-events: none; }
        .product-loop .product-loop-inner .box-media .wrapper-option ul li.active {
          background: #E1E4E6; }

.product-loop .product-loop-inner .box-info {
  padding: 32px 24px;
  text-align: center; }
  @media (max-width: 991px) {
    .product-loop .product-loop-inner .box-info {
      padding: 8px 16px 24px 16px; } }
  .product-loop .product-loop-inner .box-info .title-product h4 {
    font-size: 24px;
    line-height: 28.8px;
    font-family: 'lushhandwritten', sans-serif;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .product-loop .product-loop-inner .box-info .title-product h4 {
        font-size: 20px;
        line-height: 24px; } }
    .product-loop .product-loop-inner .box-info .title-product h4 a {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .product-loop .product-loop-inner .box-info .title-product .main-title-product {
    font-size: 24px;
    line-height: 28.8px;
    font-family: 'lushhandwritten', sans-serif;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .product-loop .product-loop-inner .box-info .title-product .main-title-product {
        font-size: 20px;
        line-height: 24px; } }
    .product-loop .product-loop-inner .box-info .title-product .main-title-product a {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .product-loop .product-loop-inner .box-info .type-product {
    font-size: 16px;
    line-height: 20.8px;
    color: #2e2e2e;
    margin: 8px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 991px) {
      .product-loop .product-loop-inner .box-info .type-product {
        font-size: 14px;
        line-height: 18.2px; } }
  .product-loop .product-loop-inner .box-info .list-fake {
    display: flex;
    justify-content: center;
    margin: 10px 0px;
    gap: 8px; }
    .product-loop .product-loop-inner .box-info .list-fake svg path {
      fill: #fff;
      stroke: gray; }
  .product-loop .product-loop-inner .box-info .price-product {
    display: flex;
    justify-content: center;
    gap: 12px; }
    .product-loop .product-loop-inner .box-info .price-product span {
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 600; }
      @media (max-width: 991px) {
        .product-loop .product-loop-inner .box-info .price-product span {
          font-size: 14px;
          line-height: 18.2px; } }
    .product-loop .product-loop-inner .box-info .price-product del {
      font-size: 16px;
      line-height: 20.8px;
      color: #868D95; }
      @media (max-width: 991px) {
        .product-loop .product-loop-inner .box-info .price-product del {
          font-size: 14px;
          line-height: 18.2px; } }
  .product-loop .product-loop-inner .box-info .action-product {
    margin: 16px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .product-loop .product-loop-inner .box-info .action-product .btn-loop {
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #FFFFFF;
      border-radius: 40px;
      background: #1D1D1D;
      height: 48px;
      padding: 12px;
      border: 1px solid #1D1D1D;
      box-shadow: none;
      outline: none;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 90%;
      gap: 10px; }
      .product-loop .product-loop-inner .box-info .action-product .btn-loop.add-to-wishlist {
        border: 1px solid #1D1D1D;
        color: #1D1D1D;
        background: #FFFFFF; }
        @media (max-width: 991px) {
          .product-loop .product-loop-inner .box-info .action-product .btn-loop.add-to-wishlist {
            width: 100%; } }
      @media (max-width: 991px) {
        .product-loop .product-loop-inner .box-info .action-product .btn-loop span span {
          display: none; } }

@media (min-width: 992px) {
  .product-loop .product-loop-inner:hover .box-media .wrapper-option {
    opacity: 1;
    transform: translateY(0); } }

.product-loop .product-loop-inner.openSize .box-media .wrapper-option {
  opacity: 1;
  transform: translateY(0); }

.product-loop.no-loop .box-info .title-product {
  background: #f7f7f7; }
  .product-loop.no-loop .box-info .title-product a {
    color: transparent; }

.product-loop.no-loop .box-info .type-product {
  background: #f7f7f7;
  color: transparent; }

.product-loop.no-loop .box-info .price-product {
  background: #f7f7f7;
  color: transparent; }

/* header */
#main-header {
  background: #1D1D1D;
  position: sticky;
  top: 0;
  z-index: 10; }
  #main-header .wrapper-header-inner {
    position: relative; }
  #main-header .wrapper-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #main-header .header-logo {
    width: 160px; }
    @media (max-width: 1199px) {
      #main-header .header-logo {
        width: auto; } }
    #main-header .header-logo a {
      display: block; }
      #main-header .header-logo a img {
        width: 187px;
        height: 32px; }
        @media (max-width: 991px) {
          #main-header .header-logo a img {
            width: 147px;
            height: auto;
            min-height: 25px; } }
  #main-header .main-menu {
    width: calc(100% - 320px);
    display: flex;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1199px) {
      #main-header .main-menu {
        display: none; } }
    #main-header .main-menu .menu-lv1 {
      display: flex;
      align-items: center;
      gap: 12px; }
      #main-header .main-menu .menu-lv1 > li > a {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 18.2px;
        color: #FFFFFF;
        padding: 22px 0;
        position: relative; }
        @media (max-width: 1349px) {
          #main-header .main-menu .menu-lv1 > li > a {
            font-size: 13px;
            line-height: 16.2px; } }
        #main-header .main-menu .menu-lv1 > li > a:after {
          content: "";
          width: 0;
          height: 2px;
          background: #FFFFFF;
          display: block;
          position: absolute;
          transition: 0.2s all;
          bottom: 18px; }
        #main-header .main-menu .menu-lv1 > li > a:hover:after {
          width: 100%; }
        #main-header .main-menu .menu-lv1 > li > a[title="SALE"] {
          color: #FFFFFF;
          background: #B01722;
          padding: 22px 5px; }
          #main-header .main-menu .menu-lv1 > li > a[title="SALE"]:after {
            display: none; }
      #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        background: #FFFFFF;
        padding: 24px 0;
        z-index: 9;
        overflow: hidden;
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.26); }
        #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .container {
          display: flex;
          justify-content: space-between; }
        #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .list-column-mega {
          width: 45%; }
          #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .list-column-mega.full-column {
            width: 100%; }
            #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .list-column-mega.full-column > ul {
              gap: 0;
              justify-content: space-between; }
          #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .list-column-mega > ul {
            display: flex;
            gap: 120px; }
            #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .list-column-mega > ul .column-mega > a {
              letter-spacing: 1px;
              font-weight: 600;
              border-bottom: 1px solid #1D1D1D;
              padding-bottom: 2px; }
            #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .list-column-mega > ul .column-mega .sub-mega {
              display: flex;
              flex-direction: column;
              gap: 12px;
              margin: 12px 0 0 0; }
              #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .list-column-mega > ul .column-mega .sub-mega li a {
                color: #505459;
                font-size: 12px;
                line-height: 15.6px; }
                #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .list-column-mega > ul .column-mega .sub-mega li a:hover {
                  text-decoration: underline; }
        #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .banner-mega {
          width: 55%; }
          #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .banner-mega .wrapper-banner-mega {
            display: flex;
            align-items: start;
            gap: 32px;
            width: 100%; }
            #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .banner-mega .wrapper-banner-mega .column-item-banner {
              border: 1px solid #E1E4E6;
              width: calc((100% - 98px)/3); }
              #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .banner-mega .wrapper-banner-mega .column-item-banner .media-megamenu a {
                position: relative;
                display: block;
                padding-bottom: calc(100% * 120 / 97);
                background: #f7f7f7; }
                #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .banner-mega .wrapper-banner-mega .column-item-banner .media-megamenu a img {
                  position: absolute;
                  top: 0;
                  left: 0;
                  aspect-ratio: 97 / 120;
                  width: 100%;
                  height: 100%; }
              #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .banner-mega .wrapper-banner-mega .column-item-banner .info-item-megamenu {
                padding: 16px;
                text-align: center; }
                #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .banner-mega .wrapper-banner-mega .column-item-banner .info-item-megamenu .type-megamenu {
                  display: block;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  color: #868D95;
                  letter-spacing: 0.14px;
                  text-transform: uppercase;
                  font-weight: 500; }
                #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu .banner-mega .wrapper-banner-mega .column-item-banner .info-item-megamenu .title-megamenu a {
                  font-family: 'lushhandwritten', sans-serif;
                  font-size: 20px;
                  line-height: 24px;
                  text-align: center;
                  font-weight: 700;
                  text-transform: uppercase;
                  margin: 0 0 8px 0;
                  display: block;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis; }
        #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu.special-megamenu .list-column-mega > ul {
          gap: 12px;
          flex-direction: column; }
          #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu.special-megamenu .list-column-mega > ul .column-mega > a {
            color: #505459;
            border-bottom: none;
            padding-bottom: 0;
            letter-spacing: 0;
            text-transform: none;
            font-weight: normal;
            font-size: 12px;
            line-height: 15.6px; }
            #main-header .main-menu .menu-lv1 > li.hasSubmenu .megamenu.special-megamenu .list-column-mega > ul .column-mega > a:hover {
              text-decoration: underline; }
      #main-header .main-menu .menu-lv1 > li.hasSubmenu:hover .megamenu {
        height: auto;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
  #main-header .header-component {
    display: flex;
    align-items: center;
    position: relative;
    width: 160px; }
    @media (max-width: 1199px) {
      #main-header .header-component {
        width: auto; } }
    #main-header .header-component .item-component {
      padding: 12px 0; }
      #main-header .header-component .item-component .box-click {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF; }
        #main-header .header-component .item-component .box-click img {
          width: 24px;
          height: 24px; }
      @media (min-width: 1200px) {
        #main-header .header-component .item-component.hamburger-component {
          display: none; } }
      #main-header .header-component .item-component.account-component .mini-account {
        position: absolute;
        z-index: 9;
        top: 100%;
        right: 0;
        width: 210px;
        overflow: hidden;
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.26);
        background: #FFFFFF; }
        #main-header .header-component .item-component.account-component .mini-account ul {
          padding: 24px; }
          #main-header .header-component .item-component.account-component .mini-account ul li .head-mini-account {
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            border-bottom: 1px solid #1D1D1D;
            display: inline-block;
            padding-bottom: 2px; }
          #main-header .header-component .item-component.account-component .mini-account ul li ~ li {
            margin-top: 12px; }
          #main-header .header-component .item-component.account-component .mini-account ul li a {
            font-size: 12px;
            line-height: 15.6px;
            color: #505459; }
      #main-header .header-component .item-component.account-component:hover .mini-account {
        height: auto;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
      @media (max-width: 1199px) {
        #main-header .header-component .item-component.account-component {
          display: none; } }
      @media (max-width: 1199px) {
        #main-header .header-component .item-component.wishlist-component {
          display: none; } }
      #main-header .header-component .item-component.cart-component {
        position: relative; }
        #main-header .header-component .item-component.cart-component .count-item {
          width: 20px;
          height: 20px;
          background: #EB5757;
          color: #FFF;
          font-size: 12px;
          line-height: 15.6px;
          position: absolute;
          top: 16px;
          right: 0;
          border-radius: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
  #main-header .wrapper-text-header {
    background: #E1E4E6;
    padding: 12px 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 12px;
    line-height: 15.6px; }
    @media (max-width: 1199px) {
      #main-header .wrapper-text-header {
        padding: 12px 16px;
        background: #1D1D1D;
        flex-direction: column;
        text-align: center;
        color: #E1E4E6;
        gap: 4px; } }
    #main-header .wrapper-text-header span {
      font-weight: 600;
      text-transform: uppercase; }
    #main-header .wrapper-text-header a {
      font-weight: 700;
      text-decoration-line: underline; }
      @media (max-width: 1199px) {
        #main-header .wrapper-text-header a {
          color: #E1E4E6; } }

/* mini search */
.mini-search {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  background: #FFFFFF;
  z-index: 999;
  overflow: auto;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.26); }
  .mini-search .wrapper-mini-search .wrap-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 80px;
    position: sticky;
    top: 0;
    background: #FFFFFF;
    z-index: 6; }
    @media (max-width: 991px) {
      .mini-search .wrapper-mini-search .wrap-form {
        padding: 24px 16px; } }
  .mini-search .wrapper-mini-search .form-search-mini {
    position: relative;
    display: flex;
    align-items: center;
    width: 93%; }
    @media (max-width: 991px) {
      .mini-search .wrapper-mini-search .form-search-mini {
        width: 83%; } }
    .mini-search .wrapper-mini-search .form-search-mini input {
      width: 100%;
      height: 48px;
      border: 1px solid #505459;
      padding: 6px 16px 6px 50px;
      outline: none;
      box-shadow: none;
      border-radius: 0; }
    .mini-search .wrapper-mini-search .form-search-mini button {
      position: absolute;
      left: 16px;
      border: none;
      background: transparent;
      box-shadow: none;
      outline: none;
      width: 20px;
      height: 20px;
      border-radius: 0; }
  .mini-search .wrapper-mini-search .close-mini-search {
    cursor: pointer; }
  .mini-search .wrapper-mini-search .suggest-key {
    padding: 0 80px; }
    @media (max-width: 991px) {
      .mini-search .wrapper-mini-search .suggest-key {
        padding: 2px 16px 0 16px; } }
    .mini-search .wrapper-mini-search .suggest-key ul {
      gap: 8px;
      display: flex; }
      @media (max-width: 991px) {
        .mini-search .wrapper-mini-search .suggest-key ul {
          display: grid;
          white-space: nowrap;
          grid-auto-flow: column;
          grid-auto-columns: auto;
          grid-auto-rows: 1fr;
          overflow-x: auto;
          overflow-y: hidden;
          grid-template-columns: unset;
          padding-bottom: 10px; } }
      .mini-search .wrapper-mini-search .suggest-key ul li {
        padding: 12px 24px;
        border-radius: 119px;
        border: 1px solid #868D95;
        background: #FFFFFF;
        font-weight: 500;
        cursor: pointer; }
        .mini-search .wrapper-mini-search .suggest-key ul li.active {
          border-color: #1D1D1D;
          background: #1D1D1D;
          color: #FFFFFF; }
  .mini-search .wrapper-mini-search .result-search-mini {
    padding: 40px 80px; }
    @media (max-width: 991px) {
      .mini-search .wrapper-mini-search .result-search-mini {
        padding: 24px 16px; } }
    .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter {
      display: flex;
      gap: 16px;
      width: 100%;
      margin: 0 0 24px 0; }
      @media (min-width: 992px) {
        .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter {
          display: none; } }
      .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button {
        padding: 12px 16px;
        background: #F7F8F9;
        border: none;
        outline: none;
        font-weight: 500;
        width: 210px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px; }
        @media (max-width: 991px) {
          .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button {
            width: calc(50% - 8px); } }
        .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button:hover {
          background: #1D1D1D;
          color: #FFFFFF; }
          .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button:hover path {
            stroke: #FFFFFF; }
        @media (max-width: 991px) {
          .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button.mini-btn-open-sort {
            width: 100%; } }
        .mini-open-sort .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button.mini-btn-open-sort {
          background: #1D1D1D;
          color: #FFFFFF; }
          .mini-open-sort .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button.mini-btn-open-sort path {
            stroke: #FFFFFF; }
        .mini-open-filter .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button.mini-btn-open-filter {
          background: #1D1D1D;
          color: #FFFFFF; }
          .mini-open-filter .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter button.mini-btn-open-filter path {
            stroke: #FFFFFF; }
      .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort {
        position: relative; }
        @media (max-width: 991px) {
          .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort {
            width: calc(50% - 8px); } }
        .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-list-sort-new {
          position: absolute;
          display: none;
          z-index: 2;
          width: 100%;
          background: #FFFFFF;
          right: 0;
          box-shadow: 0px 2px 16px 0px rgba(80, 84, 89, 0.08); }
          .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-list-sort-new ul li ~ li {
            border-top: 1px solid #F7F8F9; }
          .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-list-sort-new ul li input {
            display: none; }
            .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-list-sort-new ul li input:checked ~ label {
              background: #F7F8F9; }
          .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-list-sort-new ul li label {
            padding: 10px 16px;
            width: 100%;
            font-size: 14px;
            font-weight: 400;
            line-height: 18.2px;
            cursor: pointer; }
            .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-list-sort-new ul li label:hover {
              background: #F7F8F9; }
          .mini-open-sort .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-list-sort-new {
            display: block; }
        .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-overflow-sort-new {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100vh;
          display: none;
          z-index: 1;
          cursor: pointer; }
          .mini-open-sort .mini-search .wrapper-mini-search .result-search-mini .mobile-btn-filter .mini-wrapper-btn-sort .mini-overflow-sort-new {
            display: block; }
    .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result {
      display: flex;
      gap: 56px; }
      @media (max-width: 991px) {
        .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result {
          gap: 0; } }
      .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .content-result {
        width: 75%; }
        @media (max-width: 991px) {
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .content-result {
            width: 100%; } }
        .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .content-result .collection-list .product-loop {
          width: 33.333333%; }
          @media (max-width: 991px) {
            .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .content-result .collection-list .product-loop {
              width: 50%; } }
      .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar {
        width: 35%; }
        @media (max-width: 991px) {
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar {
            position: fixed;
            z-index: 10;
            top: 0;
            background: #fff;
            width: 100%;
            max-width: calc(100% - 95px);
            height: 100%;
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            right: -100%;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 16px 0 0 0; }
            .mini-open-filter .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar {
              visibility: visible;
              opacity: 1;
              pointer-events: all;
              right: 0; } }
        @media (min-width: 1200px) {
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini {
            position: sticky;
            top: 100px; } }
        @media (max-width: 991px) {
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini {
            height: 100%; } }
        .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .heading-filter {
          margin: 0 0 24px 0;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          @media (max-width: 991px) {
            .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .heading-filter {
              margin: 0;
              padding: 16px;
              border-bottom: 1px solid #E1E4E6; } }
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .heading-filter .text-heading {
            font-size: 20px;
            line-height: 24px;
            font-weight: 600;
            text-transform: uppercase; }
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .heading-filter .clear-filter {
            cursor: pointer; }
            @media (max-width: 991px) {
              .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .heading-filter .clear-filter {
                display: none; } }
          @media (min-width: 992px) {
            .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .heading-filter .mini-close-filter {
              display: none; } }
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .heading-filter .mini-close-filter img {
            width: 24px;
            height: 24px;
            cursor: pointer; }
        .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter {
          display: flex;
          flex-direction: column;
          gap: 24px; }
          @media (max-width: 991px) {
            .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter {
              padding: 24px 16px;
              display: flex;
              flex-direction: column;
              gap: 24px;
              max-height: calc(100% - 132px);
              overflow: auto; } }
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter .item-filter .filter-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            cursor: pointer; }
            .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter .item-filter .filter-title svg {
              width: 18px;
              height: 18px; }
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter .item-filter .filter-content {
            margin: 16px 0 0 0;
            max-height: 272px;
            overflow: auto;
            display: none; }
            .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter .item-filter .filter-content ul {
              display: flex;
              flex-direction: column;
              gap: 16px; }
              .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter .item-filter .filter-content ul li {
                display: flex;
                align-items: center;
                gap: 8px; }
                .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter .item-filter .filter-content ul li label {
                  cursor: pointer;
                  text-transform: capitalize; }
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter .item-filter.open .filter-title svg path:nth-child(2) {
            display: none; }
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .content-filter .item-filter.open .filter-content {
            display: block; }
        .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .bottom-filter {
          position: absolute;
          bottom: 0;
          display: flex;
          align-items: center;
          width: 100%;
          justify-content: center;
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1); }
          @media (min-width: 992px) {
            .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .bottom-filter {
              display: none; } }
          .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .bottom-filter .btn-action-filter {
            width: 50%;
            padding: 16px 12px;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            background: #FFFFFF;
            text-align: center;
            cursor: pointer; }
            .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .filter-sidebar .sidebar-filter-mini .bottom-filter .btn-action-filter.mini-apply-filter {
              background: #1D1D1D;
              color: #FFFFFF; }
      .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .mini-overflay-filter {
        background: #000000;
        opacity: 0.4;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
        display: none; }
        .mini-open-filter .mini-search .wrapper-mini-search .result-search-mini .wrap-list-result .mini-overflay-filter {
          display: block; }
  .mini-search .wrapper-mini-search .non-result-search-mini {
    padding: 40px 80px; }
    @media (max-width: 991px) {
      .mini-search .wrapper-mini-search .non-result-search-mini {
        padding: 24px 16px; } }
    .mini-search .wrapper-mini-search .non-result-search-mini .text-non-result {
      font-size: 20px;
      line-height: 24px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0 0 24px 0; }
      @media (max-width: 991px) {
        .mini-search .wrapper-mini-search .non-result-search-mini .text-non-result {
          font-size: 16px;
          line-height: 20.8px;
          margin: 0 0 16px 0; } }
  .open-mini-search .mini-search {
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.slider-main-topbar:not(.slick-initialized) .item-slider {
  width: 100%; }
  .slider-main-topbar:not(.slick-initialized) .item-slider ~ .item-slider {
    display: none; }

/* home slider banner */
.section-main-slider .slider-main-home:not(.slick-initialized) .item-slider {
  width: 100%; }
  .section-main-slider .slider-main-home:not(.slick-initialized) .item-slider ~ .item-slider {
    display: none; }

.section-main-slider .slider-main-home .item-slider a {
  display: block;
  padding-top: calc(100% * 700 / 1920);
  position: relative;
  transition: none;
  background: #F7F8F9; }
  @media (max-width: 991px) {
    .section-main-slider .slider-main-home .item-slider a {
      padding-top: calc(100% * 800 / 700); } }
  .section-main-slider .slider-main-home .item-slider a img {
    position: absolute;
    left: 0;
    top: 0;
    aspect-ratio: 1920 / 700;
    width: 100%;
    height: 100%; }
    @media (max-width: 991px) {
      .section-main-slider .slider-main-home .item-slider a img {
        aspect-ratio: 700 / 800; } }

/* home collection list */
.section-collection-home {
  margin: 56px 0 0 0; }
  @media (max-width: 991px) {
    .section-collection-home .container {
      padding: 0; } }

/* collection list */
.collection-list {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #E1E4E6; }
  .collection-list .product-loop {
    width: 25%;
    border-top: 1px solid #E1E4E6;
    border-right: 1px solid #E1E4E6;
    border-bottom: 1px solid #E1E4E6; }
    .collection-list .product-loop:nth-child(4) ~ .product-loop {
      border-top: none; }
    @media (max-width: 991px) {
      .collection-list .product-loop {
        width: 50%; }
        .collection-list .product-loop:nth-child(2) ~ .product-loop {
          border-top: none; } }
  @media (max-width: 991px) {
    .section-collection-home .collection-list:not(.slick-initialized) {
      white-space: nowrap;
      grid-auto-flow: column;
      grid-auto-columns: calc(100% / 2);
      overflow-x: hidden;
      grid-template-columns: unset;
      display: grid;
      width: 100%;
      -ms-overflow-style: none;
      scrollbar-width: none; } }
  @media (max-width: 991px) {
    .section-collection-home .collection-list .product-loop {
      width: auto; }
      .section-collection-home .collection-list .product-loop:nth-child(2) ~ .product-loop {
        border-top: 1px solid #E1E4E6; }
      .section-collection-home .collection-list .product-loop:nth-child(4) ~ .product-loop {
        border-top: 1px solid #E1E4E6; } }
  .collection-list.no-border {
    border: none; }

/* view more */
.more-collection {
  margin: 32px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .more-collection .btn-shop {
    width: 240px;
    height: 48px;
    padding: 12px 40px;
    background: #1D1D1D;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center; }

.view-btn-banner {
  position: absolute; }
  .view-btn-banner a {
    width: 240px;
    height: 48px;
    padding: 12px 40px;
    background: #E1E4E6;
    color: #1D1D1D;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center; }

.wrapper-btn-buy {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); }
  .wrapper-btn-buy .btn-buy-banner {
    width: 240px;
    height: 48px;
    padding: 12px 40px;
    background: transparent;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF; }

/* home banner home full */
.section-banner-home {
  margin: 56px 0 0 0; }
  .section-banner-home .wrapper-banner-home {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    .section-banner-home .wrapper-banner-home .box-media-baner-home {
      display: block;
      padding-top: calc(100% * 432 / 1440);
      background: #F7F8F9; }
      @media (max-width: 991px) {
        .section-banner-home .wrapper-banner-home .box-media-baner-home {
          padding-top: calc(100% * 280 / 414); } }
      .section-banner-home .wrapper-banner-home .box-media-baner-home img {
        position: absolute;
        left: 0;
        top: 0;
        aspect-ratio: 1440 / 432;
        width: 100%;
        height: 100%; }
        @media (max-width: 991px) {
          .section-banner-home .wrapper-banner-home .box-media-baner-home img {
            aspect-ratio: 414 / 280; } }

/* slider banner home */
.section-slider-banner-home {
  margin: 56px 0 0 0; }
  .section-slider-banner-home .wrapper-slider-banner .slider-banner-home:not(.slick-initialized) .item-slider {
    width: 100%; }
    .section-slider-banner-home .wrapper-slider-banner .slider-banner-home:not(.slick-initialized) .item-slider ~ .item-slider {
      display: none; }
  .section-slider-banner-home .wrapper-slider-banner .slider-banner-home .item-slider a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: calc(100% * 432 / 1440);
    background: #F7F8F9; }
    @media (max-width: 991px) {
      .section-slider-banner-home .wrapper-slider-banner .slider-banner-home .item-slider a {
        padding-top: calc(100% * 280 / 414); } }
    .section-slider-banner-home .wrapper-slider-banner .slider-banner-home .item-slider a img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 1440 / 432;
      width: 100%;
      height: 100%; }
      @media (max-width: 991px) {
        .section-slider-banner-home .wrapper-slider-banner .slider-banner-home .item-slider a img {
          aspect-ratio: 414 / 280; } }

/* logo brand bottom */
.brand-logo {
  text-align: center;
  background: #F7F8F9; }
  @media (max-width: 991px) {
    .brand-logo {
      padding: 24px 0; } }
  .brand-logo .wrapper-brand-logo {
    display: flex;
    justify-content: space-between;
    gap: 24px; }
    @media (max-width: 991px) {
      .brand-logo .wrapper-brand-logo {
        flex-wrap: wrap;
        gap: 12px; } }
    .brand-logo .wrapper-brand-logo .item-brand-logo {
      width: calc(100% / 6); }
      @media (max-width: 991px) {
        .brand-logo .wrapper-brand-logo .item-brand-logo {
          width: calc((100% - 12px) / 2); } }
      .brand-logo .wrapper-brand-logo .item-brand-logo a {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 40px 0;
        height: 100%; }
        @media (max-width: 991px) {
          .brand-logo .wrapper-brand-logo .item-brand-logo a {
            padding: 12px 0; } }
        .brand-logo .wrapper-brand-logo .item-brand-logo a .box-media-brand {
          width: 40%;
          position: relative;
          display: block;
          padding-bottom: calc(100% * 47 / 189);
          background: #f7f7f7; }
          @media (max-width: 991px) {
            .brand-logo .wrapper-brand-logo .item-brand-logo a .box-media-brand {
              width: 25%; } }
          .brand-logo .wrapper-brand-logo .item-brand-logo a .box-media-brand img {
            position: absolute;
            left: 0;
            top: 0;
            aspect-ratio: 189 / 47;
            width: 100%;
            height: 100%; }
        .brand-logo .wrapper-brand-logo .item-brand-logo a span {
          width: 60%;
          text-align: left; }
          .brand-logo .wrapper-brand-logo .item-brand-logo a span:hover {
            text-decoration: underline; }
  .template-cart .brand-logo {
    display: none; }

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

/* menu mobile */
#menu-mobile {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
  background: #FFFFFF;
  z-index: 999999;
  transition: 0.3s all;
  visibility: hidden;
  opacity: 0;
  pointer-events: none; }
  .show-menu-mobile #menu-mobile {
    left: 0;
    visibility: visible;
    opacity: 1;
    pointer-events: all; }
  #menu-mobile .heading-menu {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: end;
    border-bottom: 1px solid #E1E4E6; }
  #menu-mobile .content-menu {
    padding: 24px 0 80px 0;
    max-height: 800px;
    overflow: auto; }
    #menu-mobile .content-menu .wrapper-content-menu {
      display: flex;
      width: 100%;
      padding-bottom: 16px; }
      #menu-mobile .content-menu .wrapper-content-menu .column-menu {
        width: 40%; }
        #menu-mobile .content-menu .wrapper-content-menu .column-menu .item-menu {
          padding: 19px 16px;
          font-weight: 500;
          letter-spacing: 0.14px;
          text-transform: uppercase;
          color: #868D95; }
          #menu-mobile .content-menu .wrapper-content-menu .column-menu .item-menu.active {
            color: #FFFFFF;
            background: #1D1D1D;
            letter-spacing: 0.7px;
            font-weight: 600; }
          #menu-mobile .content-menu .wrapper-content-menu .column-menu .item-menu[title="FRESHNESS SALE"] {
            color: #B01722; }
      #menu-mobile .content-menu .wrapper-content-menu .column-list-menu {
        width: 60%;
        padding: 0 16px;
        max-height: 394px;
        overflow: auto; }
        #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 {
          display: none;
          width: 100%;
          flex-direction: column;
          gap: 8px; }
          #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2.active {
            display: flex; }
          #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3 h4 {
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            line-height: 18.2px; }
          #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3 .list-menu-sub3 {
            display: none;
            flex-wrap: wrap;
            gap: 16px;
            margin: 16px 0; }
            #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3 .list-menu-sub3 .item-menu-sub3 {
              width: calc(50% - 8px); }
              #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3 .list-menu-sub3 .item-menu-sub3 a {
                display: flex;
                flex-direction: column;
                overflow: hidden;
                align-items: center; }
              #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3 .list-menu-sub3 .item-menu-sub3 .box-media-sub3 {
                width: 80px;
                height: 80px;
                border-radius: 100%;
                position: relative;
                overflow: hidden;
                margin-bottom: 4px;
                background: #d4d4d4;
                display: flex;
                align-items: center;
                justify-content: center; }
                #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3 .list-menu-sub3 .item-menu-sub3 .box-media-sub3 img {
                  width: 100%; }
              #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3 .list-menu-sub3 .item-menu-sub3 span {
                margin: 8px 0 0 0;
                display: block;
                text-align: center;
                font-size: 12px;
                line-height: 15.6px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100%; }
          #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3.active h4 img {
            transform: rotate(180deg); }
          #menu-mobile .content-menu .wrapper-content-menu .column-list-menu .item-menu-lv2 .wrapper-item-menu-sub3.active .list-menu-sub3 {
            display: flex; }
    #menu-mobile .content-menu .account-menu {
      padding: 16px;
      border-top: 1px solid #E1E4E6; }
      #menu-mobile .content-menu .account-menu .mini-account ul li .head-mini-account {
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        margin: 0 0 16px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #menu-mobile .content-menu .account-menu .mini-account ul li .head-mini-account svg {
          width: 18px;
          height: 18px; }
      #menu-mobile .content-menu .account-menu .mini-account ul li ~ li {
        display: none;
        margin-top: 8px; }
      #menu-mobile .content-menu .account-menu .mini-account ul li.active .head-mini-account svg path:nth-child(2) {
        display: none; }
      #menu-mobile .content-menu .account-menu .mini-account ul li.active ~ li {
        display: block; }
      #menu-mobile .content-menu .account-menu h4 {
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 700;
        letter-spacing: 0.8px;
        text-transform: uppercase;
        margin: 0; }

/* breadcrums */
#breadcrumb {
  padding: 24px 0; }
  @media (max-width: 991px) {
    #breadcrumb {
      padding: 16px 0; } }
  .template-product #breadcrumb {
    padding: 0 0 12px 0; }
    @media (max-width: 991px) {
      .template-product #breadcrumb {
        padding: 16px; } }
  @media (max-width: 991px) {
    .detail-info #breadcrumb {
      display: none; } }
  #breadcrumb .breadcrumb {
    margin-bottom: 0;
    justify-content: center;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem); }
    .template-product #breadcrumb .breadcrumb {
      justify-content: start;
      padding: 0; }
      @media (max-width: 991px) {
        .template-product #breadcrumb .breadcrumb {
          justify-content: center; } }
    #breadcrumb .breadcrumb .breadcrumb-item {
      font-size: 14px;
      line-height: 18.2px; }
      #breadcrumb .breadcrumb .breadcrumb-item span span {
        color: #2e2e2e; }
      #breadcrumb .breadcrumb .breadcrumb-item.active span span {
        font-weight: 500; }

/* page template */
.heading-page {
  padding: 0; }
  .heading-page h1 {
    font-size: 34px;
    line-height: 40.8px;
    font-weight: 600;
    margin: 0 0 32px 0;
    text-align: center; }

.content-page {
  max-width: 960px;
  margin: 0 auto 64px auto; }

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

.section-sort-filter {
  padding: 16px 0; }
  .section-sort-filter .wrapper-sort-filter {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 991px) {
      .section-sort-filter .wrapper-sort-filter {
        flex-direction: column;
        gap: 16px; } }
    .section-sort-filter .wrapper-sort-filter .number-result {
      color: #000000;
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 500; }
      @media (max-width: 991px) {
        .section-sort-filter .wrapper-sort-filter .number-result {
          order: 2; } }
    .section-sort-filter .wrapper-sort-filter .wrapper-btn-option {
      display: flex;
      gap: 16px; }
      @media (max-width: 991px) {
        .section-sort-filter .wrapper-sort-filter .wrapper-btn-option {
          width: 100%; } }
      .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button {
        padding: 12px 16px;
        background: #F7F8F9;
        border: none;
        outline: none;
        font-weight: 500;
        width: 210px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px; }
        @media (max-width: 991px) {
          .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button {
            width: calc(50% - 8px); } }
        .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button:hover {
          background: #1D1D1D;
          color: #FFFFFF; }
          .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button:hover path {
            stroke: #FFFFFF; }
        @media (max-width: 991px) {
          .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button.btn-open-sort {
            width: 100%; } }
        .open-sort .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button.btn-open-sort {
          background: #1D1D1D;
          color: #FFFFFF; }
          .open-sort .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button.btn-open-sort path {
            stroke: #FFFFFF; }
        .open-filter .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button.btn-open-filter {
          background: #1D1D1D;
          color: #FFFFFF; }
          .open-filter .section-sort-filter .wrapper-sort-filter .wrapper-btn-option button.btn-open-filter path {
            stroke: #FFFFFF; }
      .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort {
        position: relative; }
        @media (max-width: 991px) {
          .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort {
            width: calc(50% - 8px); } }
        .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .list-sort-new {
          position: absolute;
          display: none;
          z-index: 2;
          width: 100%;
          background: #FFFFFF;
          right: 0;
          box-shadow: 0px 2px 16px 0px rgba(80, 84, 89, 0.08); }
          .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .list-sort-new ul li ~ li {
            border-top: 1px solid #F7F8F9; }
          .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .list-sort-new ul li input {
            display: none; }
            .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .list-sort-new ul li input:checked ~ label {
              background: #F7F8F9; }
          .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .list-sort-new ul li label {
            padding: 10px 16px;
            width: 100%;
            font-size: 14px;
            font-weight: 400;
            line-height: 18.2px;
            cursor: pointer; }
            .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .list-sort-new ul li label:hover {
              background: #F7F8F9; }
          .open-sort .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .list-sort-new {
            display: block; }
        .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .overflow-sort-new {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100vh;
          display: none;
          z-index: 1;
          cursor: pointer; }
          .open-sort .section-sort-filter .wrapper-sort-filter .wrapper-btn-option .wrapper-btn-sort .overflow-sort-new {
            display: block; }

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

.banner-collection .inner-banner-collection {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1199px) {
    .banner-collection .inner-banner-collection img {
      display: none; } }
  @media (min-width: 1200px) {
    .banner-collection .inner-banner-collection .wrapper-text-banner {
      position: absolute; }
      .banner-collection .inner-banner-collection .wrapper-text-banner #breadcrumb a {
        color: #E1E4E6; }
      .banner-collection .inner-banner-collection .wrapper-text-banner #breadcrumb span {
        color: #FFFFFF; }
      .banner-collection .inner-banner-collection .wrapper-text-banner #breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        color: #FFFFFF; }
      .banner-collection .inner-banner-collection .wrapper-text-banner .heading-collection h1 {
        color: #FFFFFF; } }

/* pagipage */
.pagi-ajax .pagination-custom,
.pagi-ajax .pagination-custom-ajax, .pagi-ajax-mini .pagination-custom,
.pagi-ajax-mini .pagination-custom-ajax {
  padding: 32px 0 0 0;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: end; }
  @media (max-width: 991px) {
    .pagi-ajax .pagination-custom,
    .pagi-ajax .pagination-custom-ajax, .pagi-ajax-mini .pagination-custom,
    .pagi-ajax-mini .pagination-custom-ajax {
      padding: 24px 0; } }
  .pagi-ajax .pagination-custom .titlePagi,
  .pagi-ajax .pagination-custom-ajax .titlePagi, .pagi-ajax-mini .pagination-custom .titlePagi,
  .pagi-ajax-mini .pagination-custom-ajax .titlePagi {
    color: #2e2e2e;
    margin: 0 16px 0 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.2px; }
    @media (max-width: 991px) {
      .pagi-ajax .pagination-custom .titlePagi,
      .pagi-ajax .pagination-custom-ajax .titlePagi, .pagi-ajax-mini .pagination-custom .titlePagi,
      .pagi-ajax-mini .pagination-custom-ajax .titlePagi {
        display: none; } }
  .pagi-ajax .pagination-custom .pagi-item svg path,
  .pagi-ajax .pagination-custom-ajax .pagi-item svg path, .pagi-ajax-mini .pagination-custom .pagi-item svg path,
  .pagi-ajax-mini .pagination-custom-ajax .pagi-item svg path {
    stroke: #2E2E2E; }
  .pagi-ajax .pagination-custom .pagi-item.disabled,
  .pagi-ajax .pagination-custom-ajax .pagi-item.disabled, .pagi-ajax-mini .pagination-custom .pagi-item.disabled,
  .pagi-ajax-mini .pagination-custom-ajax .pagi-item.disabled {
    pointer-events: none; }
    .pagi-ajax .pagination-custom .pagi-item.disabled svg path,
    .pagi-ajax .pagination-custom-ajax .pagi-item.disabled svg path, .pagi-ajax-mini .pagination-custom .pagi-item.disabled svg path,
    .pagi-ajax-mini .pagination-custom-ajax .pagi-item.disabled svg path {
      stroke: #B2B2B2; }
  .pagi-ajax .pagination-custom .pagi-item span,
  .pagi-ajax .pagination-custom-ajax .pagi-item span, .pagi-ajax-mini .pagination-custom .pagi-item span,
  .pagi-ajax-mini .pagination-custom-ajax .pagi-item span {
    cursor: pointer;
    position: relative;
    background: #F7F8F9;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 18.2px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .pagi-ajax .pagination-custom .pagi-item span a,
    .pagi-ajax .pagination-custom-ajax .pagi-item span a, .pagi-ajax-mini .pagination-custom .pagi-item span a,
    .pagi-ajax-mini .pagination-custom-ajax .pagi-item span a {
      color: #1D1D1D;
      display: flex;
      align-items: center;
      justify-content: center; }
    .pagi-ajax .pagination-custom .pagi-item span.active, .pagi-ajax .pagination-custom .pagi-item span:hover,
    .pagi-ajax .pagination-custom-ajax .pagi-item span.active,
    .pagi-ajax .pagination-custom-ajax .pagi-item span:hover, .pagi-ajax-mini .pagination-custom .pagi-item span.active, .pagi-ajax-mini .pagination-custom .pagi-item span:hover,
    .pagi-ajax-mini .pagination-custom-ajax .pagi-item span.active,
    .pagi-ajax-mini .pagination-custom-ajax .pagi-item span:hover {
      background: #1D1D1D;
      color: #FFFFFF; }
      .pagi-ajax .pagination-custom .pagi-item span.active a, .pagi-ajax .pagination-custom .pagi-item span:hover a,
      .pagi-ajax .pagination-custom-ajax .pagi-item span.active a,
      .pagi-ajax .pagination-custom-ajax .pagi-item span:hover a, .pagi-ajax-mini .pagination-custom .pagi-item span.active a, .pagi-ajax-mini .pagination-custom .pagi-item span:hover a,
      .pagi-ajax-mini .pagination-custom-ajax .pagi-item span.active a,
      .pagi-ajax-mini .pagination-custom-ajax .pagi-item span:hover a {
        color: #FFFFFF; }
  .pagi-ajax .pagination-custom .pagi-item .prev-pagi,
  .pagi-ajax .pagination-custom-ajax .pagi-item .prev-pagi, .pagi-ajax-mini .pagination-custom .pagi-item .prev-pagi,
  .pagi-ajax-mini .pagination-custom-ajax .pagi-item .prev-pagi {
    background: #FFFFFF; }
    .pagi-ajax .pagination-custom .pagi-item .prev-pagi:hover,
    .pagi-ajax .pagination-custom-ajax .pagi-item .prev-pagi:hover, .pagi-ajax-mini .pagination-custom .pagi-item .prev-pagi:hover,
    .pagi-ajax-mini .pagination-custom-ajax .pagi-item .prev-pagi:hover {
      background: #1D1D1D; }
      .pagi-ajax .pagination-custom .pagi-item .prev-pagi:hover svg path,
      .pagi-ajax .pagination-custom-ajax .pagi-item .prev-pagi:hover svg path, .pagi-ajax-mini .pagination-custom .pagi-item .prev-pagi:hover svg path,
      .pagi-ajax-mini .pagination-custom-ajax .pagi-item .prev-pagi:hover svg path {
        stroke: #FFFFFF; }
  .pagi-ajax .pagination-custom .pagi-item .next-pagi,
  .pagi-ajax .pagination-custom-ajax .pagi-item .next-pagi, .pagi-ajax-mini .pagination-custom .pagi-item .next-pagi,
  .pagi-ajax-mini .pagination-custom-ajax .pagi-item .next-pagi {
    background: #FFFFFF; }
    .pagi-ajax .pagination-custom .pagi-item .next-pagi:hover,
    .pagi-ajax .pagination-custom-ajax .pagi-item .next-pagi:hover, .pagi-ajax-mini .pagination-custom .pagi-item .next-pagi:hover,
    .pagi-ajax-mini .pagination-custom-ajax .pagi-item .next-pagi:hover {
      background: #1D1D1D; }
      .pagi-ajax .pagination-custom .pagi-item .next-pagi:hover svg path,
      .pagi-ajax .pagination-custom-ajax .pagi-item .next-pagi:hover svg path, .pagi-ajax-mini .pagination-custom .pagi-item .next-pagi:hover svg path,
      .pagi-ajax-mini .pagination-custom-ajax .pagi-item .next-pagi:hover svg path {
        stroke: #FFFFFF; }

/* filter */
#filter-collection {
  position: fixed;
  z-index: 10;
  top: 0;
  background: #fff;
  width: 100%;
  max-width: 360px;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  right: -100%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 0 0 0; }
  @media (max-width: 991px) {
    #filter-collection {
      max-width: calc(100% - 95px); } }
  .open-filter #filter-collection {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    right: 0; }
  #filter-collection .wrapper-filter {
    height: 100%; }
  #filter-collection .heading-filter {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E1E4E6; }
    #filter-collection .heading-filter .title-filter {
      font-size: 20px;
      line-height: 24px;
      font-weight: 600;
      text-transform: uppercase; }
    #filter-collection .heading-filter .close-filter img {
      width: 24px;
      height: 24px;
      cursor: pointer; }
  #filter-collection .content-filter {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-height: calc(100% - 132px);
    overflow: auto; }
    #filter-collection .content-filter .item-filter .filter-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      cursor: pointer; }
      #filter-collection .content-filter .item-filter .filter-title svg {
        width: 18px;
        height: 18px; }
    #filter-collection .content-filter .item-filter .filter-content {
      margin: 16px 0 0 0;
      max-height: 272px;
      overflow: auto;
      display: none; }
      #filter-collection .content-filter .item-filter .filter-content ul {
        display: flex;
        flex-direction: column;
        gap: 16px; }
        #filter-collection .content-filter .item-filter .filter-content ul li {
          display: flex;
          align-items: center;
          gap: 8px; }
          #filter-collection .content-filter .item-filter .filter-content ul li label {
            cursor: pointer;
            text-transform: capitalize; }
    #filter-collection .content-filter .item-filter.open .filter-title svg path:nth-child(2) {
      display: none; }
    #filter-collection .content-filter .item-filter.open .filter-content {
      display: block; }
  #filter-collection .bottom-filter {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1); }
    #filter-collection .bottom-filter .btn-action-filter {
      width: 50%;
      padding: 16px 12px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      background: #FFFFFF;
      text-align: center;
      cursor: pointer; }
      #filter-collection .bottom-filter .btn-action-filter.apply-filter {
        background: #1D1D1D;
        color: #FFFFFF; }

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

/* toast */
.toast {
  position: fixed;
  z-index: 999999999;
  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);
  display: flex;
  align-items: center; }
  .Page_product .toast {
    position: fixed;
    z-index: 999;
    text-align: center;
    top: 16%;
    border: 0;
    width: 27.5%;
    padding: 0;
    color: #fff;
    right: 5%; }
    @media (max-width: 991px) {
      .Page_product .toast {
        top: 1%;
        width: 94%;
        right: 3%; } }
  @media (max-width: 991px) {
    .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;
    right: 20px; }
  .toast .toast-body {
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    border-radius: 4px;
    padding: 15px 16px; }
    .toast .toast-body img.lazyload {
      opacity: 0; }

/* product detail */
@media (min-width: 992px) {
  .breadcrumb-mobile {
    display: none; } }

.main-product .wrapper-main-product {
  margin: 56px 0;
  display: flex;
  gap: 56px; }
  @media (max-width: 991px) {
    .main-product .wrapper-main-product {
      margin: 0 0 48px 0;
      flex-direction: column;
      gap: 24px; } }
  .main-product .wrapper-main-product .galery-images {
    width: calc(50% - 28px); }
    @media (max-width: 991px) {
      .main-product .wrapper-main-product .galery-images {
        width: 100%; }
        .main-product .wrapper-main-product .galery-images .large-image {
          margin: 0 -10px; } }
    .main-product .wrapper-main-product .galery-images .large-image {
      position: relative; }
      .main-product .wrapper-main-product .galery-images .large-image .wishlist-detail {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
        z-index: 8;
        border: 1px solid #E1E4E6;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        .main-product .wrapper-main-product .galery-images .large-image .wishlist-detail.js-inWishlist {
          background: #000000; }
          .main-product .wrapper-main-product .galery-images .large-image .wishlist-detail.js-inWishlist path {
            stroke: #FFFFFF; }
      .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image .item-large {
        border: 1px solid #FFFFFF;
        cursor: pointer; }
        .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image .item-large .inner-item-large {
          position: relative;
          display: block;
          padding-bottom: calc(100% * 1360 / 1100);
          background: #f7f7f7; }
          .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image .item-large .inner-item-large img, .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image .item-large .inner-item-large video {
            position: absolute;
            left: 0;
            top: 0;
            aspect-ratio: 1100 / 1360;
            width: 100%;
            height: 100%; }
          .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image .item-large .inner-item-large button {
            position: absolute;
            z-index: 0;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            transform: translate3d(0px, 0px, 0px);
            backface-visibility: hidden;
            perspective: 1000px;
            opacity: 1;
            background: transparent;
            border: none;
            outline: none;
            box-shadow: none; }
            .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image .item-large .inner-item-large button:hover span {
              transition: all 0.2s ease 0s;
              box-shadow: #333333 0px 0px 0px 2px;
              border-radius: 40% 40% 45% 70% / 70% 40% 45%; }
            .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image .item-large .inner-item-large button span {
              position: absolute;
              right: 1em;
              bottom: 1em;
              z-index: 2;
              display: flex;
              -webkit-box-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              align-items: center;
              font-size: 1.1em;
              height: 3.75em;
              width: 4.125em;
              border-radius: 55% 80% 60% 60% / 45% 70% 50%;
              overflow: hidden;
              margin: 0px 0.5em;
              background-color: black;
              text-align: center;
              box-shadow: #333333 0px 0px 0px 2px;
              color: white;
              transition: all 0.2s ease 0s; }
              .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image .item-large .inner-item-large button span img {
                width: 18px;
                height: 18px;
                position: relative; }
      .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image:not(.slick-initialized) {
        white-space: nowrap;
        grid-auto-flow: column;
        grid-auto-columns: 100%;
        overflow-x: auto;
        grid-template-columns: unset;
        display: grid;
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .main-product .wrapper-main-product .galery-images .large-image .inner-large-image .slick-large-image:not(.slick-initialized)::-webkit-scrollbar {
          display: none; }
    .main-product .wrapper-main-product .galery-images .thumb-image {
      margin: 24px 0 0 0; }
      @media (max-width: 991px) {
        .main-product .wrapper-main-product .galery-images .thumb-image {
          margin: 12px 0 0 0; } }
      .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image .item-thumb {
        border: 1px solid #FFFFFF;
        cursor: pointer; }
        .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image .item-thumb .inner-item-thumb {
          position: relative;
          display: block;
          padding-bottom: calc(100% * 480 / 388);
          background: #f7f7f7; }
          .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image .item-thumb .inner-item-thumb img {
            position: absolute;
            left: 0;
            top: 0;
            aspect-ratio: 388 / 480;
            width: 100%;
            height: 100%; }
        .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image .item-thumb.slick-current {
          border-color: #1D1D1D; }
      .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image:not(.slick-initialized) {
        white-space: nowrap;
        grid-auto-flow: column;
        grid-auto-columns: calc((100% - 72px) / 7);
        overflow-x: auto;
        grid-template-columns: unset;
        gap: 12px;
        display: grid;
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image:not(.slick-initialized)::-webkit-scrollbar {
          display: none; }
        @media (max-width: 991px) {
          .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image:not(.slick-initialized) {
            gap: 12px;
            grid-auto-columns: calc((100% - 48px) / 5); } }
      .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image.slick-initialized .slick-list {
        margin: 0 -6px; }
        .main-product .wrapper-main-product .galery-images .thumb-image .slick-thumb-image.slick-initialized .slick-list .item-thumb {
          margin: 0 6px; }
  .main-product .wrapper-main-product .detail-info {
    width: calc(50% - 28px); }
    @media (max-width: 991px) {
      .main-product .wrapper-main-product .detail-info {
        width: 100%; } }
  .main-product .wrapper-main-product .inner-detail-info .heading-detail h1 {
    font-family: 'lushhandwritten', sans-serif;
    font-size: 34px;
    line-height: 40.8px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 8px 0; }
    @media (max-width: 991px) {
      .main-product .wrapper-main-product .inner-detail-info .heading-detail h1 {
        font-size: 24px;
        line-height: 28.8px; } }
  .main-product .wrapper-main-product .inner-detail-info .type-detail {
    margin: 0 0 8px 0; }
    @media (max-width: 991px) {
      .main-product .wrapper-main-product .inner-detail-info .type-detail {
        font-size: 12px;
        line-height: 15.6px; } }
  .main-product .wrapper-main-product .inner-detail-info .short-detail {
    font-size: 14px;
    line-height: 18.2px;
    color: #505459; }
  .main-product .wrapper-main-product .inner-detail-info .variant-detail {
    margin: 24px 0; }
    .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant {
      position: relative; }
      .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant .title-variant {
        text-transform: uppercase;
        margin: 0 0 16px 0; }
      .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant ~ .item-variant {
        margin: 16px 0 0 0; }
      .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant .list-variant {
        display: flex;
        gap: 8px; }
        .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant .list-variant .item-list-variant input {
          display: none; }
          .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant .list-variant .item-list-variant input:checked ~ label {
            background: #1D1D1D;
            border-color: #1D1D1D;
            color: #FFFFFF; }
        .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant .list-variant .item-list-variant label {
          border: 1px solid #E1E4E6;
          border-radius: 50px;
          padding: 8px 16px;
          background: #FFFFFF;
          cursor: pointer; }
        .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant .list-variant .item-list-variant.disabled label {
          color: #C6CBD0;
          background: #F7F8F9;
          border-color: #E1E4E6;
          pointer-events: none; }
      .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant[data-option="option2"], .main-product .wrapper-main-product .inner-detail-info .variant-detail .item-variant[data-option="option3"] {
        /*display: none;*/ }
  .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 32px 0; }
    @media (max-width: 991px) {
      .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail {
        margin: 0 0 24px 0; } }
    .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .price-detail {
      display: flex;
      align-items: center;
      gap: 8px; }
      .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .price-detail > span {
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 600; }
      .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .price-detail del {
        font-size: 16px;
        line-height: 20.8px;
        color: #868D95; }
      .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .price-detail .label-sale-detail {
        font-size: 12px;
        line-height: 15.6px;
        padding: 4px 8px;
        background: #B01722;
        top: 24px;
        left: 24px;
        z-index: 1;
        color: #FFFFFF;
        letter-spacing: 1px; }
    .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .quantity-detail {
      display: flex;
      align-items: center;
      gap: 16px; }
      .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .quantity-detail .status-quantity {
        color: #F0B317; }
      .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .quantity-detail .wrap-quantity {
        display: flex;
        align-items: center; }
        .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .quantity-detail .wrap-quantity label {
          margin: 0 6px 0 0; }
        .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .quantity-detail .wrap-quantity button {
          background: #F7F8F9;
          width: 24px;
          height: 24px;
          border: none;
          outline: none;
          box-shadow: none;
          border-radius: 0; }
          .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .quantity-detail .wrap-quantity button img {
            width: 16px;
            height: 16px; }
          .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .quantity-detail .wrap-quantity button.disabled {
            opacity: 0.5;
            pointer-events: none; }
        .main-product .wrapper-main-product .inner-detail-info .quantity-price-detail .quantity-detail .wrap-quantity input {
          width: 38px;
          padding: 0px 10px;
          border-radius: 0;
          outline: none;
          border: none;
          box-shadow: none;
          background: #FFFFFF;
          text-align: center;
          font-weight: 500;
          font-size: 16px;
          line-height: 20.8px; }
  .main-product .wrapper-main-product .inner-detail-info .action-detail {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    .main-product .wrapper-main-product .inner-detail-info .action-detail button {
      background: #1D1D1D;
      padding: 16px;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: 600;
      outline: none;
      border: none;
      box-shadow: none;
      color: #FFFFFF; }
      .main-product .wrapper-main-product .inner-detail-info .action-detail button.btn-add-to-cart {
        background: #E1E4E6;
        color: #1D1D1D; }
        .main-product .wrapper-main-product .inner-detail-info .action-detail button.btn-add-to-cart:hover {
          background: #1D1D1D;
          color: #FFFFFF; }
      .main-product .wrapper-main-product .inner-detail-info .action-detail button.btn-in-store {
        background: #E1E4E6;
        color: #1D1D1D; }
      .main-product .wrapper-main-product .inner-detail-info .action-detail button.btn-add-to-wishlist {
        background: #FFFFFF;
        border: 1px solid #1D1D1D;
        color: #1D1D1D; }
        .main-product .wrapper-main-product .inner-detail-info .action-detail button.btn-add-to-wishlist:hover {
          background: #1D1D1D;
          color: #FFFFFF; }
  .main-product .wrapper-main-product .wrapper-description {
    margin: 32px 0 0 0; }
    .main-product .wrapper-main-product .wrapper-description .tab-description {
      margin: 0 0 24px 0;
      width: 100%;
      position: relative; }
      .main-product .wrapper-main-product .wrapper-description .tab-description ul {
        white-space: nowrap;
        grid-auto-flow: column;
        grid-template-columns: unset;
        display: grid;
        width: 100%;
        overflow: auto;
        padding-bottom: 2px; }
        .main-product .wrapper-main-product .wrapper-description .tab-description ul li {
          font-size: 16px;
          line-height: 20.8px;
          color: #1D1D1D;
          font-weight: 500;
          text-transform: uppercase;
          padding: 8px 16px;
          cursor: pointer;
          text-align: center;
          border-bottom: 2px solid #E1E4E6;
          margin-bottom: -2px; }
          .main-product .wrapper-main-product .wrapper-description .tab-description ul li.active {
            font-weight: 700;
            color: #1D1D1D;
            border-color: #1D1D1D; }
    .main-product .wrapper-main-product .wrapper-description .content-description .item-content {
      line-height: 24px;
      display: none; }
      .main-product .wrapper-main-product .wrapper-description .content-description .item-content.active {
        display: block; }
      .main-product .wrapper-main-product .wrapper-description .content-description .item-content ul {
        list-style: inherit;
        padding: 10px 0 24px 20px; }
    .main-product .wrapper-main-product .wrapper-description .content-description .wrapper-content-lush ul {
      list-style: inherit;
      padding: 10px 0 24px 20px; }
    .main-product .wrapper-main-product .wrapper-description .content-description .right-content-lush {
      margin: 24px 0 0 0; }
    .main-product .wrapper-main-product .wrapper-description .content-description.isLess {
      height: 440px;
      overflow: hidden; }
      .main-product .wrapper-main-product .wrapper-description .content-description.isLess ~ .des-load-more {
        display: flex; }
    .main-product .wrapper-main-product .wrapper-description .content-description.isOpen {
      height: auto;
      overflow: inherit; }
      .main-product .wrapper-main-product .wrapper-description .content-description.isOpen ~ .des-load-more {
        background: unset; }
        .main-product .wrapper-main-product .wrapper-description .content-description.isOpen ~ .des-load-more span:nth-child(1) {
          display: none; }
        .main-product .wrapper-main-product .wrapper-description .content-description.isOpen ~ .des-load-more span:nth-child(2) {
          display: block; }
        .main-product .wrapper-main-product .wrapper-description .content-description.isOpen ~ .des-load-more svg {
          transform: rotate(180deg); }
    .main-product .wrapper-main-product .wrapper-description .des-load-more {
      height: 110px;
      display: none;
      justify-content: center;
      align-items: flex-end;
      position: relative;
      margin-top: -70px;
      background: #fff;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(251, 251, 251, 0.9) 51%, #ffffff 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(51%, rgba(251, 251, 251, 0.9)), color-stop(100%, #ffffff));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(251, 251, 251, 0.9) 51%, #ffffff 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0.4) 0% rgba(255, 255, 255, 0.8) 50%, rgba(251, 251, 251, 0.9) 51%, #ffffff 100%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(251, 251, 251, 0.9) 51%, #ffffff 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(251, 251, 251, 0.9) 51%, #ffffff 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0.4)', endColorstr='#ffffff',GradientType=0 ); }
      .main-product .wrapper-main-product .wrapper-description .des-load-more .inner-des-load-more {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px; }
      .main-product .wrapper-main-product .wrapper-description .des-load-more span {
        cursor: pointer; }
        .main-product .wrapper-main-product .wrapper-description .des-load-more span:nth-child(2) {
          display: none; }

.is-slider-lush {
  margin: 0 0 24px 0;
  position: relative;
  overflow: hidden; }
  .is-slider-lush .slider-lush:not(.slick-initialized) {
    white-space: nowrap;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 30px) / 3);
    overflow-x: auto;
    grid-template-columns: unset;
    gap: 15px;
    display: grid;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    @media (max-width: 991px) {
      .is-slider-lush .slider-lush:not(.slick-initialized) {
        grid-auto-columns: calc((100% - 15px) / 2); } }
    .is-slider-lush .slider-lush:not(.slick-initialized) .item-article {
      margin: 0; }
      @media (max-width: 991px) {
        .is-slider-lush .slider-lush:not(.slick-initialized) .item-article {
          margin: 0; } }
  .is-slider-lush .slider-lush.slick-initialized {
    margin: 0; }
    @media (max-width: 991px) {
      .is-slider-lush .slider-lush.slick-initialized {
        margin: 0; } }
  .is-slider-lush .slick-list {
    margin: 0 -3px; }
  .is-slider-lush .item-article {
    margin: 0 7.5px; }
    @media (max-width: 991px) {
      .is-slider-lush .item-article {
        margin: 0 7.5px; } }
    .is-slider-lush .item-article .item-article-inner {
      border: 1px solid #E1E4E6;
      position: relative;
      overflow: hidden; }
      .is-slider-lush .item-article .item-article-inner:hover {
        border-color: #1D1D1D; }
      .is-slider-lush .item-article .item-article-inner .media-article a {
        position: relative;
        display: block;
        padding-bottom: calc(100% * 480 / 444);
        background: #f7f7f7; }
        .is-slider-lush .item-article .item-article-inner .media-article a img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 444 / 480;
          width: 100%;
          height: 100%; }
      .is-slider-lush .item-article .item-article-inner .info-article {
        padding: 24px;
        text-align: center; }
        .is-slider-lush .item-article .item-article-inner .info-article h4 {
          min-height: 46px;
          font-size: 18px;
          line-height: 1.3;
          margin: 0 0 10px 0;
          white-space: initial;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          font-family: 'Helvetica'; }
        .is-slider-lush .item-article .item-article-inner .info-article .view-article {
          text-align: center; }
          .is-slider-lush .item-article .item-article-inner .info-article .view-article span {
            display: inline-block;
            border: 1px solid #606060;
            border-radius: 27px;
            padding: 8px 20px;
            font-size: 13px; }

.wrapper-store-province {
  display: flex;
  flex-direction: column;
  gap: 8px; }
  .wrapper-store-province .wrap-list-store .item-list-store {
    display: flex;
    align-items: start;
    justify-content: space-between; }
    .wrapper-store-province .wrap-list-store .item-list-store .address-item {
      width: 80%; }
      .wrapper-store-province .wrap-list-store .item-list-store .address-item .name-store {
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0 0 8px 0; }
      .wrapper-store-province .wrap-list-store .item-list-store .address-item .address-store {
        color: #505459; }
    .wrapper-store-province .wrap-list-store .item-list-store .info-item {
      display: flex;
      gap: 16px;
      width: 20%;
      justify-content: end; }
    .wrapper-store-province .wrap-list-store .item-list-store ~ .item-list-store {
      margin: 24px 0 0 0;
      padding: 24px 0 0 0;
      border-top: 1px solid #E1E4E6; }

.main-review {
  margin: 0 0 56px 0; }
  .main-review .no-review {
    text-align: center; }
    .main-review .no-review .title-no-review {
      font-size: 20px;
      line-height: 24px;
      font-weight: 600;
      margin: 0 0 16px 0; }
    .main-review .no-review .text-no-review {
      font-size: 16px;
      line-height: 20.8px;
      margin: 0 0 32px 0; }
      @media (max-width: 991px) {
        .main-review .no-review .text-no-review {
          margin: 0 0 24px 0; } }
    .main-review .no-review .action-review button {
      background: #1D1D1D;
      width: 240px;
      height: 48px;
      padding: 12px 40px;
      outline: none;
      border: none;
      box-shadow: none;
      color: #FFFFFF;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase; }
  .main-review .form-review {
    margin: 32px 0 0 0; }
    @media (max-width: 991px) {
      .main-review .form-review {
        margin: 0;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        z-index: 99;
        top: 0;
        left: 0;
        padding: 16px; } }
    .main-review .form-review .heading-mobile {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 32px 0; }
      @media (min-width: 992px) {
        .main-review .form-review .heading-mobile {
          display: none; } }
      .main-review .form-review .heading-mobile .text-heading {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600; }
      .main-review .form-review .heading-mobile .action-heading {
        opacity: 0; }
    .main-review .form-review .star-rating {
      display: flex;
      align-items: center;
      gap: 16px; }
      .main-review .form-review .star-rating .text-star {
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 500; }
      .main-review .form-review .star-rating ul {
        display: flex;
        align-items: center; }
        .main-review .form-review .star-rating ul li {
          cursor: pointer; }
          .main-review .form-review .star-rating ul li.active svg path {
            fill: #1D1D1D; }
    .main-review .form-review .textarea-rating {
      margin: 24px 0;
      position: relative; }
      .main-review .form-review .textarea-rating textarea {
        border: 1px solid #C6CBD0;
        padding: 15px 16px 40px 16px;
        border-radius: 2px;
        outline: none;
        box-shadow: none;
        width: 100%; }
      .main-review .form-review .textarea-rating span {
        font-size: 12px;
        line-height: 15.6px;
        color: #868D95;
        position: absolute;
        bottom: 16px;
        right: 20px; }
    .main-review .form-review .images-rating {
      margin: 0 0 32px 0; }
      .main-review .form-review .images-rating .head-image {
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 0 0 16px 0; }
        @media (max-width: 991px) {
          .main-review .form-review .images-rating .head-image {
            align-items: start;
            gap: 4px;
            margin: 0 0 16px 0;
            flex-direction: column; } }
        .main-review .form-review .images-rating .head-image .text-image {
          font-size: 16px;
          line-height: 20.8px;
          font-weight: 500; }
        .main-review .form-review .images-rating .head-image .des-image {
          color: #868D95; }
      .main-review .form-review .images-rating .list-images {
        display: flex;
        gap: 16px; }
        @media (max-width: 991px) {
          .main-review .form-review .images-rating .list-images {
            flex-direction: column; } }
        .main-review .form-review .images-rating .list-images .temp-image {
          display: flex;
          gap: 16px; }
          @media (max-width: 991px) {
            .main-review .form-review .images-rating .list-images .temp-image {
              flex-wrap: wrap; } }
          .main-review .form-review .images-rating .list-images .temp-image figure {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #1D1D1D;
            position: relative; }
            .main-review .form-review .images-rating .list-images .temp-image figure i {
              position: absolute;
              z-index: 2;
              right: -8px;
              top: -8px;
              border-radius: 50%;
              width: 20px;
              height: 20px;
              display: flex;
              justify-content: center;
              align-items: center;
              cursor: pointer;
              background-image: url(https://file.hstatic.net/200000714435/file/close-circle_d24b6051b70c44df80cddc865f8f0161.svg);
              background-size: 100%;
              background-repeat: no-repeat;
              background-position: center; }
        .main-review .form-review .images-rating .list-images .trigger-image {
          width: 60px;
          height: 60px;
          background: #F7F8F9;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
    .main-review .form-review .action-rating {
      display: flex;
      gap: 32px;
      align-items: center;
      justify-content: center; }
      @media (max-width: 991px) {
        .main-review .form-review .action-rating {
          /*display: none;*/ } }
      .main-review .form-review .action-rating button {
        background: #1D1D1D;
        width: 240px;
        height: 48px;
        padding: 12px 40px;
        outline: none;
        border: none;
        box-shadow: none;
        color: #FFFFFF;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase; }
        .main-review .form-review .action-rating button.cancel-rating {
          display: none;
          background: #E1E4E6;
          color: #1D1D1D; }
        @media (max-width: 767px) {
          .main-review .form-review .action-rating button {
            padding: 12px 23px; } }

.list-review {
  margin: 0 0 56px 0; }
  .list-review .wrapper-review {
    display: flex;
    flex-wrap: wrap;
    gap: 24px; }
    .list-review .wrapper-review .items-comment {
      display: flex;
      gap: 16px;
      border: 1px solid #ccc;
      padding: 16px;
      width: calc(50% - 32px);
      border-radius: 4px; }
      @media (max-width: 991px) {
        .list-review .wrapper-review .items-comment {
          width: 100%; } }
      .list-review .wrapper-review .items-comment .items-comment-bottom {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 16px; }
        .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-left {
          display: flex;
          align-items: center;
          gap: 12px; }
          .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-left .items-comment-name span {
            font-size: 12px;
            line-height: 15.6px; }
          .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-left .items-comment-star {
            display: flex;
            align-items: center;
            gap: 4px; }
            .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-left .items-comment-star .items-star svg path {
              stroke: #e1e4e6;
              fill: #e1e4e6; }
            .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-left .items-comment-star .items-star.active svg path {
              stroke: #1d1d1d;
              fill: #1d1d1d; }
        .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-right .items-comment-content {
          margin: 0 0 16px 0; }
        .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-right .items-comment-image {
          display: flex;
          gap: 16px; }
          .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-right .items-comment-image .items-comment-img {
            width: 20%; }
        .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-right .items-comment-replay {
          margin: 16px 0 0 0; }
          .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-right .items-comment-replay .heading-replay {
            margin: 0 0 8px 0; }
          .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-right .items-comment-replay .items-replay {
            background: #e3e4e6;
            padding: 16px;
            border-radius: 4px; }
            .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-right .items-comment-replay .items-replay .items-replay-title {
              display: flex;
              align-items: center;
              gap: 12px;
              margin: 0 0 4px 0; }
              .list-review .wrapper-review .items-comment .items-comment-bottom .items-comment-right .items-comment-replay .items-replay .items-replay-title h4 {
                font-size: 14px;
                line-height: 18.2px;
                margin: 0; }

.relate-product .section-heading {
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 32px 0; }

.relate-product .slick-relate:not(.slick-initialized) {
  white-space: nowrap;
  grid-auto-flow: column;
  grid-auto-columns: calc(100% / 4);
  overflow-x: hidden;
  grid-template-columns: unset;
  display: grid;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .relate-product .slick-relate:not(.slick-initialized)::-webkit-scrollbar {
    display: none; }
  @media (max-width: 991px) {
    .relate-product .slick-relate:not(.slick-initialized) {
      grid-auto-columns: calc(100% / 2); } }

.relate-product .wrapper-relate {
  margin: 0 0 56px 0; }
  .relate-product .wrapper-relate .slick-relate-1 .slick-list {
    margin-right: -1px; }

.relate-product .wrapper-preview {
  margin: 0 0 56px 0; }
  .relate-product .wrapper-preview .slick-relate-1 .slick-list {
    margin-right: -1px; }

/* slider border */
.border-item-slider {
  border-left: 1px solid #E1E4E6; }
  .border-item-slider .item-slider {
    border-top: 1px solid #E1E4E6;
    border-right: 1px solid #E1E4E6;
    border-bottom: 1px solid #E1E4E6; }
  .border-item-slider.no-border {
    border: none; }

/* sidebar cart */
#sidebar-cart {
  position: fixed;
  z-index: 10;
  top: 0;
  background: #fff;
  width: 100%;
  max-width: 560px;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  right: -100%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .open-sidebar #sidebar-cart {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    right: 0; }
  #sidebar-cart .wrapper-sidebar {
    height: 100%;
    display: flex;
    flex-direction: column; }
  #sidebar-cart .heading-sidebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 32px 24px 32px;
    border-bottom: 1px solid #E1E4E6; }
    #sidebar-cart .heading-sidebar .title-sidebar {
      font-size: 24px;
      line-height: 28.8px;
      font-weight: 600;
      text-transform: uppercase; }
  #sidebar-cart .content-sidebar {
    padding: 24px 32px;
    height: 100%;
    max-height: calc(100% - 280px);
    overflow: auto; }
    @media (max-width: 991px) {
      #sidebar-cart .content-sidebar {
        height: 100%;
        max-height: calc(100% - 250px);
        padding: 24px 16px; } }
    #sidebar-cart .content-sidebar .item-sidebar {
      display: flex; }
      #sidebar-cart .content-sidebar .item-sidebar .box-media {
        width: 25%;
        display: flex;
        align-items: center;
        gap: 16px; }
        @media (max-width: 991px) {
          #sidebar-cart .content-sidebar .item-sidebar .box-media {
            width: 30%; } }
        #sidebar-cart .content-sidebar .item-sidebar .box-media a {
          position: relative;
          display: block;
          padding-bottom: calc((100% - 32px) * 480 / 388);
          background: #f7f7f7;
          width: calc(100% - 32px); }
          #sidebar-cart .content-sidebar .item-sidebar .box-media a img {
            position: absolute;
            left: 0;
            top: 0;
            aspect-ratio: 388 / 480;
            width: 100%;
            height: 100%; }
      #sidebar-cart .content-sidebar .item-sidebar .box-info {
        width: 75%;
        padding: 0 0 0 16px;
        display: flex;
        flex-direction: column; }
        @media (max-width: 991px) {
          #sidebar-cart .content-sidebar .item-sidebar .box-info {
            width: 70%; } }
        #sidebar-cart .content-sidebar .item-sidebar .box-info .line-info {
          display: flex;
          justify-content: space-between;
          gap: 16px; }
        #sidebar-cart .content-sidebar .item-sidebar .box-info .wrap-text {
          display: flex;
          flex-direction: column;
          gap: 10px;
          width: 70%; }
          @media (max-width: 991px) {
            #sidebar-cart .content-sidebar .item-sidebar .box-info .wrap-text {
              width: 60%; } }
        #sidebar-cart .content-sidebar .item-sidebar .box-info .name-prod a {
          font-size: 16px;
          line-height: 20.8px;
          color: #1D1D1D;
          font-weight: 600;
          text-transform: uppercase;
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        #sidebar-cart .content-sidebar .item-sidebar .box-info .type-prod {
          color: #868D95; }
        #sidebar-cart .content-sidebar .item-sidebar .box-info .variant-prod {
          display: flex;
          align-items: center;
          gap: 10px; }
          #sidebar-cart .content-sidebar .item-sidebar .box-info .variant-prod label {
            color: #868D95; }
          #sidebar-cart .content-sidebar .item-sidebar .box-info .variant-prod select {
            border: none;
            outline: none;
            box-shadow: none;
            border-radius: 0;
            background: transparent;
            cursor: pointer; }
        #sidebar-cart .content-sidebar .item-sidebar .box-info .wrap-price {
          display: flex;
          flex-direction: column;
          gap: 8px;
          align-items: end;
          width: 30%; }
          @media (max-width: 991px) {
            #sidebar-cart .content-sidebar .item-sidebar .box-info .wrap-price {
              width: 30%; } }
          #sidebar-cart .content-sidebar .item-sidebar .box-info .wrap-price del {
            font-size: 16px;
            line-height: 20.8px;
            color: #868D95; }
          #sidebar-cart .content-sidebar .item-sidebar .box-info .wrap-price span {
            font-size: 16px;
            line-height: 20.8px;
            font-weight: 600; }
        #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: auto; }
          @media (max-width: 991px) {
            #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action {
              margin-top: 12px; } }
          #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action .status-quantity {
            color: #F0B317; }
          #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action .inner-line {
            display: flex;
            align-items: center;
            margin-left: auto;
            gap: 24px; }
            @media (max-width: 991px) {
              #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action .inner-line {
                gap: 16px; } }
            #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action .inner-line .icon-delete {
              cursor: pointer; }
            #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action .inner-line .wrap-quantity button {
              background: #F7F8F9;
              width: 24px;
              height: 24px;
              border: none;
              outline: none;
              box-shadow: none;
              border-radius: 0; }
              #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action .inner-line .wrap-quantity button img {
                width: 16px;
                height: 16px; }
              #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action .inner-line .wrap-quantity button.disabled {
                opacity: 0.5;
                pointer-events: none; }
            #sidebar-cart .content-sidebar .item-sidebar .box-info .line-action .inner-line .wrap-quantity input {
              width: 38px;
              padding: 0px 10px;
              border-radius: 0;
              outline: none;
              border: none;
              box-shadow: none;
              background: #FFFFFF;
              text-align: center;
              font-weight: 500;
              font-size: 16px;
              line-height: 20.8px; }
      #sidebar-cart .content-sidebar .item-sidebar ~ .item-sidebar {
        padding-top: 24px;
        margin-top: 24px;
        border-top: 1px solid #E1E4E6; }
  #sidebar-cart .bottom-sidebar {
    box-shadow: 0px -3px 22px 0px rgba(46, 46, 46, 0.08);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
    background: #FFFFFF; }
    @media (max-width: 991px) {
      #sidebar-cart .bottom-sidebar {
        padding: 16px; } }
    #sidebar-cart .bottom-sidebar .line-form-discount {
      margin: 0 0 16px 0;
      display: none; }
      #sidebar-cart .bottom-sidebar .line-form-discount .head-discount {
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer; }
        #sidebar-cart .bottom-sidebar .line-form-discount .head-discount .text-head-discount {
          font-size: 16px; }
        #sidebar-cart .bottom-sidebar .line-form-discount .head-discount svg {
          width: 16px;
          height: 16px; }
        #sidebar-cart .bottom-sidebar .line-form-discount .head-discount.open svg path:nth-child(2) {
          display: none; }
        #sidebar-cart .bottom-sidebar .line-form-discount .head-discount.open ~ .content-discount {
          display: block; }
      #sidebar-cart .bottom-sidebar .line-form-discount .content-discount {
        display: none;
        margin: 16px 0 0 0;
        position: relative; }
        #sidebar-cart .bottom-sidebar .line-form-discount .content-discount input {
          height: 48px;
          padding: 6px 16px;
          width: 100%;
          border: 1px solid #C6CBD0;
          outline: none;
          box-shadow: none;
          background: #FFFFFF; }
        #sidebar-cart .bottom-sidebar .line-form-discount .content-discount button {
          height: 48px;
          position: absolute;
          right: 0;
          border: none;
          background: #000000;
          padding: 0 16px;
          color: #FFFFFF;
          text-transform: uppercase; }
        #sidebar-cart .bottom-sidebar .line-form-discount .content-discount .note-discount {
          margin: 8px 0 0 0;
          font-size: 12px;
          line-height: 15.6px;
          color: red; }
    #sidebar-cart .bottom-sidebar .total-sidebar {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #sidebar-cart .bottom-sidebar .total-sidebar label {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase; }
      #sidebar-cart .bottom-sidebar .total-sidebar span {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600; }
    #sidebar-cart .bottom-sidebar .line-promotion {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      #sidebar-cart .bottom-sidebar .line-promotion label {
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 600; }
        #sidebar-cart .bottom-sidebar .line-promotion label span {
          color: #868D95;
          font-weight: 400; }
        #sidebar-cart .bottom-sidebar .line-promotion label .clear-discount {
          cursor: pointer;
          background: #FFFFFF;
          border-radius: 100%;
          width: 24px;
          height: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #1D1D1D; }
      #sidebar-cart .bottom-sidebar .line-promotion .price-discount {
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 600;
        color: #10AC45; }
    #sidebar-cart .bottom-sidebar .note-sidebar {
      color: #505459;
      text-align: center; }
    #sidebar-cart .bottom-sidebar .action-checkout {
      text-align: center; }
      #sidebar-cart .bottom-sidebar .action-checkout button {
        color: #FFFFFF;
        background: #1D1D1D;
        height: 56px;
        padding: 16px 40px;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        width: 100%;
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        outline: none;
        box-shadow: none; }
        #sidebar-cart .bottom-sidebar .action-checkout button.disabled {
          opacity: 0.5;
          pointer-events: none; }
  #sidebar-cart .invoice-sidebar {
    box-shadow: 0px -3px 22px 0px rgba(46, 46, 46, 0.08);
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
    background: #FFFFFF;
    transition: 0.2s all;
    z-index: 9; }
    .show-invoice-sidebar #sidebar-cart .invoice-sidebar {
      bottom: 0; }
    #sidebar-cart .invoice-sidebar .close-invoice-sidebar {
      cursor: pointer;
      position: absolute;
      right: 16px;
      top: 16px; }
    #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar {
      display: flex;
      flex-direction: column;
      gap: 16px;
      max-height: 500px;
      overflow: auto; }
      #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar .invoice-fields-personal,
      #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar .invoice-fields-company {
        display: flex;
        flex-direction: column;
        gap: 16px; }
      #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar .item-invoice.note-invoice {
        color: red; }
      #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar .item-invoice label {
        font-size: 12px;
        line-height: 15.6px;
        text-transform: uppercase;
        color: #868D95; }
      #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar .item-invoice input, #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar .item-invoice select {
        font-size: 14px;
        line-height: 18.2px;
        outline: none;
        border: 1px solid #C6CBD0;
        padding: 12px 16px;
        box-shadow: none;
        border-radius: 2px; }
      #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar .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; }
        #sidebar-cart .invoice-sidebar .wrap-invoice-sidebar .item-invoice button ~ button {
          margin-top: 10px; }
  #sidebar-cart .note-sidebar-cart {
    box-shadow: 0px -3px 22px 0px rgba(46, 46, 46, 0.08);
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 32px;
    background: #FFFFFF;
    transition: 0.2s all;
    display: flex;
    flex-direction: column;
    z-index: 9; }
    .show-note-sidebar #sidebar-cart .note-sidebar-cart {
      bottom: 0; }
    #sidebar-cart .note-sidebar-cart .close-note-sidebar {
      cursor: pointer;
      position: absolute;
      right: 16px;
      top: 16px; }
    #sidebar-cart .note-sidebar-cart label {
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0 0 8px 0; }
    #sidebar-cart .note-sidebar-cart textarea {
      border: 1px solid #C6CBD0;
      padding: 15px 16px 40px 16px;
      border-radius: 2px;
      outline: none;
      box-shadow: none; }
    #sidebar-cart .note-sidebar-cart span {
      font-size: 12px;
      line-height: 15.6px;
      color: #868D95;
      position: absolute;
      bottom: 40%;
      right: 43px; }
    #sidebar-cart .note-sidebar-cart 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; }
  #sidebar-cart .box-item {
    position: absolute;
    right: 16px;
    bottom: 28%;
    display: flex;
    align-items: center;
    justify-content: end;
    z-index: 8; }
    #sidebar-cart .box-item.box-invoice-sidebar {
      bottom: 36%; }
    #sidebar-cart .box-item .svgico {
      position: relative;
      z-index: 4;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 48px;
      width: 48px;
      text-align: center;
      border-radius: 50%;
      border: 1px solid #ffffff;
      cursor: pointer;
      background: #000000;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box; }
      #sidebar-cart .box-item .svgico svg {
        width: 25px;
        height: 25px; }
        #sidebar-cart .box-item .svgico svg path {
          fill: #FFFFFF; }
    #sidebar-cart .box-item:before, #sidebar-cart .box-item:after {
      position: absolute;
      content: '';
      height: 48px;
      width: 48px;
      left: 0;
      top: 0;
      background: #333333;
      border-radius: 50%; }
    #sidebar-cart .box-item:before {
      animation: euiBeaconPulseSmall 2s infinite ease-out; }
    #sidebar-cart .box-item:before {
      animation: euiBeaconPulseSmall 2s infinite ease-out 0.4s; }
    #sidebar-cart .box-item span {
      background: #000000;
      color: #FFFFFF;
      position: absolute;
      width: max-content;
      right: 89%;
      padding: 5px 10px;
      border-radius: 5px 0 0 5px;
      font-size: 11px;
      opacity: 0;
      transition: 0.2s all; }
    #sidebar-cart .box-item:hover span {
      opacity: 1; }

@keyframes euiBeaconPulseSmall {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  50% {
    opacity: 0.6; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.4);
    opacity: 0; } }

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

/* sidebar account */
#sidebar-account {
  position: fixed;
  z-index: 10;
  top: 0;
  background: #fff;
  width: 100%;
  max-width: 560px;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  right: -100%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .open-sidebar-account #sidebar-account {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    right: 0; }
  #sidebar-account .wrapper-sidebar-account {
    padding: 32px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  #sidebar-account .close-sidebar-account {
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer; }
  #sidebar-account .content-sidebar-account {
    width: 100%; }
    #sidebar-account .content-sidebar-account .login-with-btn {
      display: flex;
      flex-direction: column;
      gap: 16px; }
    #sidebar-account .content-sidebar-account .text-or {
      margin: 40px 0;
      font-size: 16px;
      line-height: 20.8px;
      color: #505459;
      letter-spacing: 1px;
      text-transform: uppercase;
      text-align: center; }
    #sidebar-account .content-sidebar-account a {
      height: 56px;
      padding: 16px;
      background: #1D1D1D;
      color: #FFFFFF;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #1D1D1D; }
      #sidebar-account .content-sidebar-account a.btn-register-sidebar {
        background: #FFFFFF;
        color: #1D1D1D; }

.overlay-sidebar-cart {
  background: #000000;
  opacity: 0.4;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  display: none;
  cursor: pointer; }
  .open-sidebar-account .overlay-sidebar-cart {
    display: block; }

/* sidebar wishlist */
#sidebar-wishlist {
  position: fixed;
  z-index: 10;
  top: 0;
  background: #fff;
  width: 100%;
  max-width: 560px;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  right: -100%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .open-sidebar-wishlist #sidebar-wishlist {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    right: 0; }
  #sidebar-wishlist .wrapper-sidebar-wishlist {
    height: 100%; }
  #sidebar-wishlist .heading-sidebar-wishlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 32px 24px 32px;
    border-bottom: 1px solid #E1E4E6; }
    #sidebar-wishlist .heading-sidebar-wishlist .title-sidebar-wishlist {
      font-size: 24px;
      line-height: 28.8px;
      font-weight: 600;
      text-transform: uppercase; }
    #sidebar-wishlist .heading-sidebar-wishlist img {
      cursor: pointer; }
  #sidebar-wishlist .content-sidebar-wishlist {
    padding: 24px 32px;
    height: calc(100% - 100px);
    overflow: auto; }
    @media (max-width: 991px) {
      #sidebar-wishlist .content-sidebar-wishlist {
        max-height: 580px;
        padding: 24px 16px; } }
    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist {
      display: flex;
      gap: 16px; }
      #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .left--wishlist {
        width: 18%; }
        @media (max-width: 991px) {
          #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .left--wishlist {
            width: 30%; } }
        #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .left--wishlist img {
          width: 100%; }
      #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist {
        width: 82%;
        display: flex;
        flex-direction: column; }
        @media (max-width: 991px) {
          #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist {
            width: 70%; } }
        #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .text-wishlist {
          display: flex;
          justify-content: space-between; }
          #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .text-wishlist .title-wishlist .name-prod {
            font-size: 16px;
            line-height: 20.8px;
            font-weight: 600;
            text-transform: uppercase;
            margin: 0 0 10px 0; }
          #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .text-wishlist .title-wishlist .type-prod {
            color: #868D95; }
          #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .text-wishlist .price-wishlist {
            display: flex;
            flex-direction: column;
            align-items: end;
            gap: 8px;
            font-size: 16px;
            line-height: 20.8px; }
            #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .text-wishlist .price-wishlist del {
              color: #868D95; }
            #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .text-wishlist .price-wishlist span {
              font-weight: 600; }
        #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-top: auto; }
          #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .status-prod {
            color: #F0B317;
            font-weight: 500; }
          #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action {
            display: flex;
            align-items: center;
            gap: 24px; }
            #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .remove-item {
              cursor: pointer; }
            #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist {
              position: relative; }
              #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .btn-action-wishlist {
                font-weight: 700;
                text-decoration-line: underline;
                cursor: pointer; }
              #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup {
                display: none;
                width: 184px;
                position: absolute;
                box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
                background: #FFFFFF;
                right: 0;
                padding: 16px;
                gap: 24px;
                flex-direction: column;
                z-index: 3; }
                @media (max-width: 991px) {
                  #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup {
                    position: fixed;
                    bottom: 0;
                    width: 100%;
                    padding: 0;
                    gap: 0; } }
                #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile {
                  padding: 16px;
                  display: flex; }
                  @media (min-width: 992px) {
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile {
                      display: none; } }
                  #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .left--wishlist-modal {
                    width: 30%; }
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .left--wishlist-modal img {
                      width: 100%; }
                  #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal {
                    width: 70%;
                    display: flex;
                    flex-direction: column; }
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal {
                      display: flex;
                      justify-content: space-between; }
                      #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .title-wishlist-modal .name-prod-modal {
                        font-size: 16px;
                        line-height: 20.8px;
                        font-weight: 600;
                        text-transform: uppercase;
                        margin: 0 0 10px 0; }
                      #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .title-wishlist-modal .type-prod-modal {
                        color: #868D95; }
                      #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .price-wishlist-modal {
                        display: flex;
                        flex-direction: column;
                        align-items: end;
                        gap: 8px;
                        font-size: 16px;
                        line-height: 20.8px; }
                        #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .price-wishlist-modal del {
                          color: #868D95; }
                        #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .price-wishlist-modal span {
                          font-weight: 600; }
                #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup {
                  display: flex;
                  gap: 24px;
                  flex-direction: column; }
                  @media (max-width: 991px) {
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup {
                      flex-direction: initial;
                      padding: 16px 16px 0 16px; } }
                  #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup {
                    position: relative;
                    border: 1px solid #C6CBD0;
                    display: flex;
                    align-items: center;
                    padding: 13px 16px;
                    justify-content: space-between; }
                    @media (max-width: 991px) {
                      #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup {
                        width: 100%; } }
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup button {
                      border: none;
                      width: 20px;
                      height: 20px;
                      background: #FFFFFF; }
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup input {
                      width: 80px;
                      border: none;
                      outline: none;
                      box-shadow: none;
                      height: 20px;
                      text-align: center; }
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup label {
                      font-size: 12px;
                      line-height: 15.6px;
                      position: absolute;
                      color: #505459;
                      font-weight: 500;
                      top: -8px;
                      background: #FFFFFF;
                      padding: 0 6px;
                      left: 10px; }
                  #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .option-popup {
                    position: relative;
                    border: 1px solid #C6CBD0;
                    display: flex;
                    align-items: center;
                    padding: 13px 16px; }
                    @media (max-width: 991px) {
                      #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .option-popup {
                        width: 100%; } }
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .option-popup select {
                      background: #FFFFFF;
                      border: none;
                      width: 100%;
                      box-shadow: none;
                      outline: none;
                      border-radius: 0;
                      cursor: pointer;
                      -webkit-appearance: none;
                      -moz-appearance: none;
                      background: #FFFFFF url(https://file.hstatic.net/200000714435/file/chevron-down__2__dcb7a8d5e5b0471c9c0b419115d67674.svg);
                      background-repeat: no-repeat;
                      background-position: center right; }
                    #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .option-popup label {
                      font-size: 12px;
                      line-height: 15.6px;
                      position: absolute;
                      color: #505459;
                      font-weight: 500;
                      top: -8px;
                      background: #FFFFFF;
                      padding: 0 6px;
                      left: 10px; }
                @media (max-width: 991px) {
                  #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .action-popup {
                    margin: 24px 0 0 0; } }
                #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .action-popup button {
                  height: 56px;
                  padding: 16px 10px;
                  background: #1D1D1D;
                  color: #FFFFFF;
                  font-weight: 600;
                  letter-spacing: 1px;
                  text-transform: uppercase;
                  border: 1px solid #1D1D1D;
                  width: 100%; }
              #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .overlay-popup {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 2;
                display: none; }
                @media (max-width: 991px) {
                  #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .overlay-popup {
                    background: rgba(0, 0, 0, 0.5); } }
              #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist.isOpen .small-popup {
                display: flex; }
              #sidebar-wishlist .content-sidebar-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist.isOpen .overlay-popup {
                display: block; }
      #sidebar-wishlist .content-sidebar-wishlist .items-wishlist ~ .items-wishlist {
        border-top: 1px solid #E1E4E6;
        margin: 32px 0 0 0;
        padding: 32px 0 0 0; }

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

/* cart */
.main-cart .wrapper-main-cart {
  margin: 64px 0;
  display: flex;
  gap: 56px; }
  @media (max-width: 991px) {
    .main-cart .wrapper-main-cart {
      flex-direction: column;
      margin: 32px 0;
      gap: 8px; } }
  .main-cart .wrapper-main-cart .list-cart {
    width: 60%; }
    @media (max-width: 991px) {
      .main-cart .wrapper-main-cart .list-cart {
        width: 100%; } }
  .main-cart .wrapper-main-cart .heading-cart {
    margin: 0 0 24px 0; }
    .main-cart .wrapper-main-cart .heading-cart h1 {
      font-size: 24px;
      line-height: 28.8px;
      font-weight: 700;
      text-transform: uppercase;
      margin: 0; }
    .main-cart .wrapper-main-cart .heading-cart .selected-all {
      margin: 8px 0 0;
      display: flex;
      align-items: center;
      gap: 16px; }
      .main-cart .wrapper-main-cart .heading-cart .selected-all label {
        color: #868D95;
        font-size: 16px;
        line-height: 20.8px;
        cursor: pointer; }
  .main-cart .wrapper-main-cart .content-cart .item-sidebar {
    display: flex; }
    @media (max-width: 991px) {
      .main-cart .wrapper-main-cart .content-cart .item-sidebar {
        align-items: start; } }
    .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-media {
      width: 25%;
      display: flex;
      align-items: center;
      gap: 16px; }
      @media (max-width: 991px) {
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-media {
          gap: 8px; } }
      .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-media a {
        position: relative;
        display: block;
        padding-bottom: calc((100% - 32px) * 480 / 388);
        background: #f7f7f7;
        width: calc(100% - 32px); }
        @media (max-width: 991px) {
          .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-media a {
            padding-bottom: calc((100% - 28px) * 480 / 388);
            width: calc(100% - 28px); } }
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-media a img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 388 / 480;
          width: 100%;
          height: 100%; }
    .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info {
      width: 75%;
      padding: 0 0 0 16px;
      display: flex;
      flex-direction: column; }
      @media (max-width: 991px) {
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info {
          padding: 0 0 0 12px; } }
      .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-info {
        display: flex;
        justify-content: space-between;
        gap: 16px; }
      .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .wrap-text {
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 70%; }
        @media (max-width: 991px) {
          .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .wrap-text {
            width: 60%;
            gap: 8px; } }
      .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .name-prod a {
        font-size: 16px;
        line-height: 20.8px;
        color: #1D1D1D;
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media (max-width: 991px) {
          .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .name-prod a {
            font-size: 14px;
            line-height: 18.2px; } }
      .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .type-prod {
        color: #868D95; }
      .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .variant-prod {
        display: flex;
        align-items: center;
        gap: 10px; }
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .variant-prod label {
          color: #868D95; }
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .variant-prod select {
          border: none;
          outline: none;
          box-shadow: none;
          border-radius: 0;
          background: transparent;
          cursor: pointer; }
      .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .wrap-price {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: end;
        width: 30%; }
        @media (max-width: 991px) {
          .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .wrap-price {
            width: 40%; } }
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .wrap-price del {
          font-size: 16px;
          line-height: 20.8px;
          color: #868D95; }
          @media (max-width: 991px) {
            .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .wrap-price del {
              font-size: 14px;
              line-height: 18.2px; } }
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .wrap-price span {
          font-size: 16px;
          line-height: 20.8px;
          font-weight: 600; }
          @media (max-width: 991px) {
            .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .wrap-price span {
              font-size: 14px;
              line-height: 18.2px; } }
      .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto; }
        @media (max-width: 991px) {
          .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action {
            margin-top: 16px; } }
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action .status-quantity {
          color: #F0B317; }
        .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action .inner-line {
          display: flex;
          align-items: center;
          margin-left: auto;
          gap: 24px; }
          .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action .inner-line .icon-delete {
            cursor: pointer; }
          .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action .inner-line .wrap-quantity button {
            background: #F7F8F9;
            width: 24px;
            height: 24px;
            border: none;
            outline: none;
            box-shadow: none;
            border-radius: 0; }
            .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action .inner-line .wrap-quantity button img {
              width: 16px;
              height: 16px; }
            .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action .inner-line .wrap-quantity button.disabled {
              opacity: 0.5;
              pointer-events: none; }
          .main-cart .wrapper-main-cart .content-cart .item-sidebar .box-info .line-action .inner-line .wrap-quantity input {
            width: 38px;
            padding: 0px 10px;
            border-radius: 0;
            outline: none;
            border: none;
            box-shadow: none;
            background: #FFFFFF;
            text-align: center;
            font-weight: 500;
            font-size: 16px;
            line-height: 20.8px; }
    @media (min-width: 992px) {
      .main-cart .wrapper-main-cart .content-cart .item-sidebar ~ .item-sidebar {
        padding-top: 32px;
        margin-top: 32px;
        border-top: 1px solid #E1E4E6; } }
    @media (max-width: 991px) {
      .main-cart .wrapper-main-cart .content-cart .item-sidebar {
        border-bottom: 1px solid #E1E4E6;
        padding-bottom: 24px;
        margin-bottom: 24px; } }
    .main-cart .wrapper-main-cart .content-cart .item-sidebar.no-item .box-info .name-prod {
      background: #f7f7f7;
      min-height: 21px; }
    .main-cart .wrapper-main-cart .content-cart .item-sidebar.no-item .box-info .type-prod {
      background: #f7f7f7;
      min-height: 19px; }
    .main-cart .wrapper-main-cart .content-cart .item-sidebar.no-item .box-info .variant-prod label {
      background: #f7f7f7;
      min-height: 19px;
      display: block;
      width: 100%; }
    .main-cart .wrapper-main-cart .content-cart .item-sidebar.no-item .box-info .wrap-price span {
      background: #f7f7f7;
      min-height: 21px;
      display: block;
      width: 100%; }
  .main-cart .wrapper-main-cart .sidebar-cart {
    width: 40%; }
    @media (max-width: 991px) {
      .main-cart .wrapper-main-cart .sidebar-cart {
        width: 100%; } }
  .main-cart .wrapper-main-cart .wrap-sidebar {
    padding: 32px;
    border: 1px solid #C6CBD0;
    background: #F7F8F9; }
    @media (max-width: 991px) {
      .main-cart .wrapper-main-cart .wrap-sidebar {
        padding: 24px 16px; } }
    .main-cart .wrapper-main-cart .wrap-sidebar .heading-sidebar {
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      margin: 0 0 24px 0; }
    .main-cart .wrapper-main-cart .wrap-sidebar .line-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 16px;
      line-height: 20.8px; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-item label {
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 4px; }
        .main-cart .wrapper-main-cart .wrap-sidebar .line-item label span {
          color: #868D95;
          font-weight: 400; }
        .main-cart .wrapper-main-cart .wrap-sidebar .line-item label .clear-discount {
          cursor: pointer;
          background: #FFFFFF;
          border-radius: 100%;
          width: 24px;
          height: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #1D1D1D; }
          .main-cart .wrapper-main-cart .wrap-sidebar .line-item label .clear-discount img {
            width: 18px;
            height: 18px; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-item.line-discount {
        margin: 16px 0 0 0; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-item .discount-price {
        font-weight: 600;
        color: #10AC45; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-item.line-item-shipping {
        border-top: 1px solid #E1E4E6;
        border-bottom: 1px solid #E1E4E6;
        padding: 24px 0;
        margin: 24px 0; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-item.line-item-total {
        align-items: start; }
        .main-cart .wrapper-main-cart .wrap-sidebar .line-item.line-item-total label {
          flex-direction: column;
          align-items: start; }
          .main-cart .wrapper-main-cart .wrap-sidebar .line-item.line-item-total label span {
            font-size: 12px;
            line-height: 15.6px; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-item .subtotal-price,
      .main-cart .wrapper-main-cart .wrap-sidebar .line-item .total-price {
        font-weight: 600; }
    .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount {
      border-top: 1px solid #E1E4E6;
      padding: 24px 0 0 0;
      margin: 24px 0 0 0;
      display: none; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount #form-discount {
        position: relative;
        display: flex;
        align-items: center; }
        .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount #form-discount input {
          height: 48px;
          padding: 6px 16px;
          width: 100%;
          border: 1px solid #C6CBD0;
          outline: none;
          box-shadow: none;
          background: #F7F8F9; }
        .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount #form-discount button {
          position: absolute;
          right: 0;
          height: 46px;
          border: none;
          outline: none;
          box-shadow: none;
          background: #F7F8F9;
          font-weight: 500;
          color: #868D95;
          min-width: 100px;
          border-right: 1px solid #C6CBD0; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .note-discount {
        margin: 8px 0;
        font-size: 12px;
        line-height: 15.6px;
        color: red; }
      .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .wrap-voucher {
        margin: 12px 0 0 0; }
        .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .wrap-voucher .heading-voucher {
          display: flex;
          align-items: center;
          gap: 8px;
          cursor: pointer;
          margin: 0 0 12px 0; }
          .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .wrap-voucher .heading-voucher span {
            font-size: 12px;
            line-height: 15.6px; }
        .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .wrap-voucher .list-voucher {
          display: flex;
          flex-wrap: wrap;
          gap: 12px; }
          .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .wrap-voucher .list-voucher .item-voucher {
            overflow: hidden;
            position: relative;
            cursor: pointer; }
            .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .wrap-voucher .list-voucher .item-voucher:before {
              content: "";
              display: block;
              width: 10px;
              height: 10px;
              border: 1px solid #2E2E2E;
              background: #F7F8F9;
              z-index: 1;
              left: -5px;
              top: 50%;
              position: absolute;
              border-radius: 50%;
              transform: translateY(-50%); }
            .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .wrap-voucher .list-voucher .item-voucher:after {
              content: "";
              display: block;
              width: 10px;
              height: 10px;
              border: 1px solid #2E2E2E;
              background: #F7F8F9;
              z-index: 1;
              right: -5px;
              top: 50%;
              position: absolute;
              border-radius: 50%;
              transform: translateY(-50%); }
            .main-cart .wrapper-main-cart .wrap-sidebar .line-input-discount .wrap-voucher .list-voucher .item-voucher > div {
              border: 1px solid #2E2E2E;
              padding: 5px 10px;
              border-radius: 3px;
              background: #F9E076;
              font-weight: 700;
              color: #2E2E2E;
              display: inline-block;
              height: 30px;
              text-align: center; }
  .main-cart .wrapper-main-cart .note-sidebar {
    display: flex;
    flex-direction: column;
    margin: 32px 0 0 0;
    position: relative; }
    .main-cart .wrapper-main-cart .note-sidebar label {
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0 0 8px 0; }
    .main-cart .wrapper-main-cart .note-sidebar textarea {
      border: 1px solid #C6CBD0;
      padding: 15px 16px 40px 16px;
      border-radius: 2px;
      outline: none;
      box-shadow: none; }
    .main-cart .wrapper-main-cart .note-sidebar span {
      font-size: 12px;
      line-height: 15.6px;
      color: #868D95;
      position: absolute;
      bottom: 16px;
      right: 20px; }
  .main-cart .wrapper-main-cart .cart-invoice {
    margin: 16px 0 0 0; }
    .main-cart .wrapper-main-cart .cart-invoice .invoice__show {
      display: flex;
      align-items: center;
      gap: 8px; }
      .main-cart .wrapper-main-cart .cart-invoice .invoice__show label {
        font-size: 16px;
        line-height: 20.8px;
        cursor: pointer; }
    .main-cart .wrapper-main-cart .cart-invoice .invoice-fields-personal, .main-cart .wrapper-main-cart .cart-invoice .invoice-fields-company {
      display: flex;
      flex-direction: column;
      gap: 16px; }
    .main-cart .wrapper-main-cart .cart-invoice .invoice__form {
      margin: 16px 0 0 0;
      display: flex;
      flex-direction: column;
      gap: 16px; }
      .main-cart .wrapper-main-cart .cart-invoice .invoice__form .item-invoice.note-invoice {
        color: red; }
      .main-cart .wrapper-main-cart .cart-invoice .invoice__form .item-invoice label {
        font-size: 12px;
        line-height: 15.6px;
        text-transform: uppercase;
        color: #868D95; }
      .main-cart .wrapper-main-cart .cart-invoice .invoice__form .item-invoice input, .main-cart .wrapper-main-cart .cart-invoice .invoice__form .item-invoice select {
        font-size: 14px;
        line-height: 18.2px;
        outline: none;
        border: 1px solid #C6CBD0;
        padding: 12px 16px;
        box-shadow: none;
        border-radius: 2px; }
      .main-cart .wrapper-main-cart .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; }
        .main-cart .wrapper-main-cart .cart-invoice .invoice__form .item-invoice button ~ button {
          margin-top: 10px; }

.main-cart .empty-products {
  max-width: 100%;
  padding: 80px 0;
  margin: 0 auto;
  text-align: center; }
  .main-cart .empty-products__shop-now {
    width: 100%; }
    @media (max-width: 991.9px) {
      .main-cart .empty-products__shop-now {
        margin-left: 0; }
        .main-cart .empty-products__shop-now > div {
          width: 310px;
          max-width: 100%;
          margin: 20px auto 0px;
          text-align: center; } }
  .main-cart .empty-products .content-1 {
    margin: 16px 0 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px; }
  .main-cart .empty-products .content-2 {
    margin: 0;
    color: #50555B; }
  .main-cart .empty-products .btn {
    margin-top: 16px;
    padding: 11px 10px;
    font-weight: 700;
    max-width: 250px;
    width: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0; }
    .main-cart .empty-products .btn svg {
      margin-right: 10px; }
  @media (max-width: 991px) {
    .main-cart .empty-products {
      flex-wrap: wrap;
      padding: 0 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0;
      padding: 160px 0; } }

.main-cart .bottom-cart {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 24px 0;
  z-index: 8; }
  @media (max-width: 991px) {
    .main-cart .bottom-cart .container {
      padding: 0; } }
  @media (max-width: 991px) {
    .main-cart .bottom-cart {
      position: relative;
      box-shadow: none;
      padding: 0; } }
  .main-cart .bottom-cart .wrap-bottom-cart {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 24px; }
    @media (max-width: 991px) {
      .main-cart .bottom-cart .wrap-bottom-cart {
        justify-content: start;
        gap: 0;
        flex-direction: column;
        width: 100%; } }
    .main-cart .bottom-cart .wrap-bottom-cart .btn-countinued {
      font-weight: 600;
      letter-spacing: 1px;
      text-decoration-line: underline;
      text-transform: uppercase; }
      @media (max-width: 991px) {
        .main-cart .bottom-cart .wrap-bottom-cart .btn-countinued {
          width: 100%;
          padding: 16px;
          text-align: center;
          order: 2; } }
    .main-cart .bottom-cart .wrap-bottom-cart .btn-checkout {
      min-width: 280px;
      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; }
      @media (max-width: 991px) {
        .main-cart .bottom-cart .wrap-bottom-cart .btn-checkout {
          width: 100%; } }

/* account: login - register */
.login-register-account .wrap-content-account {
  width: 100%;
  max-width: 380px;
  margin: 80px auto; }
  @media (max-width: 991px) {
    .login-register-account .wrap-content-account {
      margin: 56px auto; } }
  .login-register-account .wrap-content-account .heading-account {
    margin: 0 0 32px 0; }
    .login-register-account .wrap-content-account .heading-account ul {
      display: flex;
      align-items: center;
      justify-content: center;
      border-bottom: 1px solid #E1E4E6; }
      .login-register-account .wrap-content-account .heading-account ul li {
        font-size: 16px;
        line-height: 20.8px;
        color: #C6CBD0;
        font-weight: 500;
        text-transform: uppercase;
        width: 50%;
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 2px solid transparent;
        cursor: pointer;
        margin-bottom: -1px; }
        .login-register-account .wrap-content-account .heading-account ul li.active {
          color: #1D1D1D;
          font-weight: 700;
          letter-spacing: 0.8px;
          text-transform: uppercase;
          border-color: #1D1D1D; }
  .login-register-account .wrap-content-account .content-account .wrap-item-form {
    display: none; }
    .login-register-account .wrap-content-account .content-account .wrap-item-form.active {
      display: block; }
    .login-register-account .wrap-content-account .content-account .wrap-item-form .login-width-phone,
    .login-register-account .wrap-content-account .content-account .wrap-item-form .login-width-email {
      font-size: 12px;
      line-height: 15.6px;
      font-weight: 600;
      text-transform: uppercase;
      text-align: right;
      margin: 0 0 16px 0;
      cursor: pointer; }
    .login-register-account .wrap-content-account .content-account .wrap-item-form .note-form {
      margin: 0 0 16px 0;
      text-align: center; }
    .login-register-account .wrap-content-account .content-account .wrap-item-form .error-status {
      margin: 0 0 16px 0;
      text-align: center;
      color: #EB5757; }
    .login-register-account .wrap-content-account .content-account .wrap-item-form .back-to-login {
      font-weight: 500;
      text-decoration: underline;
      margin: 32px 0 0 0;
      text-align: center;
      cursor: pointer; }

/* style input */
.flex-item-form {
  display: flex;
  /*align-items: center;*/
  width: 100%;
  gap: 16px;
  margin: 0 0 16px 0; }
  @media (max-width: 991px) {
    .flex-item-form {
      flex-direction: column; }
      .flex-item-form.no-flex-mobile {
        flex-direction: initial; } }
  @media (min-width: 992px) {
    .template-customers_addresses .flex-item-form {
      gap: 24px; } }
  .flex-item-form .input-form-item {
    width: 50%; }
    @media (max-width: 991px) {
      .flex-item-form .input-form-item {
        width: 100%; } }
    .flex-item-form .input-form-item ~ .input-form-item {
      margin: 0; }
      @media (min-width: 992px) {
        .template-customers_addresses .flex-item-form .input-form-item ~ .input-form-item {
          margin: 0; } }

.input-form-item {
  position: relative; }
  .input-form-item .input-form {
    width: 100%;
    border: 1px solid #C6CBD0;
    height: 48px;
    padding: 6px 16px;
    outline: none;
    box-shadow: none;
    color: #1D1D1D;
    background: #FFFFFF;
    border-radius: 0; }
    .input-form-item .input-form:-internal-autofill-selected, .input-form-item .input-form:-webkit-autofill {
      appearance: none !important;
      background-image: none !important;
      background-color: #FFFFFF !important;
      color: #1D1D1D !important; }
    .input-form-item .input-form:not(:placeholder-shown), .input-form-item .input-form:focus {
      border-color: #505459; }
      .input-form-item .input-form:not(:placeholder-shown) ~ label, .input-form-item .input-form:focus ~ label {
        font-size: 12px;
        line-height: 15.6px;
        color: #505459;
        font-weight: 500;
        top: -7px;
        left: 16px;
        padding: 0 10px; }
        .input-form-item .input-form:not(:placeholder-shown) ~ label.label_linear, .input-form-item .input-form:focus ~ label.label_linear {
          background: linear-gradient(0deg, white 0%, #f7f8f9 100%); }
        .input-form-item .input-form:not(:placeholder-shown) ~ label:after, .input-form-item .input-form:focus ~ label:after {
          content: "";
          display: block;
          height: 1px;
          background: #FFFFFF;
          position: absolute;
          top: 48%;
          width: 100%;
          left: 0;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          -o-transform: translateY(-50%); }
          .template-customers_addresses .input-form-item .input-form:not(:placeholder-shown) ~ label:after, .template-customers_addresses .input-form-item .input-form:focus ~ label:after {
            background: #FFFFFF; }
    .input-form-item .input-form::-ms-input-placeholder {
      color: white; }
    .input-form-item .input-form::placeholder {
      color: white; }
    .input-form-item .input-form.fill-data ~ .eyes-password {
      pointer-events: all; }
      .input-form-item .input-form.fill-data ~ .eyes-password path {
        stroke: #000000; }
    .input-form-item .input-form[name="customer[password]"][type="text"] ~ .eyes-password svg:nth-child(1) {
      display: none; }
    .input-form-item .input-form[name="customer[password]"][type="text"] ~ .eyes-password svg:nth-child(2) {
      display: block; }
    .input-form-item .input-form[name="birthday"] {
      background: #FFFFFF url(https://file.hstatic.net/200000714435/file/calendar_c0d852647ef04257a90955e44beeaa43.svg);
      background-repeat: no-repeat;
      background-position: center right 16px; }
      .input-form-item .input-form[name="birthday"]:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 50px white inset; }
  .input-form-item select.input-form {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: #FFFFFF url(https://file.hstatic.net/200000714435/file/chevron-down__1__a680f79a7c614a89914ba695b00726e2.svg);
    background-repeat: no-repeat;
    background-position: center right 16px; }
  .input-form-item label {
    color: #C6CBD0;
    font-weight: 500;
    position: absolute;
    transition: all 0.2s;
    left: 16px;
    top: 14px;
    background: white; }
    .input-form-item label span {
      position: relative;
      z-index: 1; }
  .input-form-item .verify-input-element {
    position: absolute;
    right: 16px;
    top: 38px;
    color: #50555B;
    text-decoration: underline;
    cursor: pointer; }
  .input-form-item .text-error {
    font-size: 12px;
    line-height: 15.6px;
    color: #EB5757; }
  .input-form-item ~ .input-form-item {
    margin: 16px 0 0 0; }
    @media (min-width: 992px) {
      .template-customers_addresses .input-form-item ~ .input-form-item {
        margin: 24px 0 0 0; } }
  .input-form-item ~ .flex-item-form {
    margin: 16px 0 0 0; }
    @media (min-width: 992px) {
      .template-customers_addresses .input-form-item ~ .flex-item-form {
        margin: 24px 0 0 0; } }
  .input-form-item.input-form-item-btn {
    margin: 24px 0 0 0; }
    @media (max-width: 991px) {
      .input-form-item.input-form-item-btn {
        margin: 16px 0 0 0; } }
    .input-form-item.input-form-item-btn button {
      height: 56px;
      padding: 16px 40px;
      background: #1D1D1D;
      color: #FFFFFF;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: 1px solid #1D1D1D;
      width: 100%; }
      .input-form-item.input-form-item-btn button.btn-update-profile {
        max-width: 220px; }
        @media (max-width: 991px) {
          .input-form-item.input-form-item-btn button.btn-update-profile {
            max-width: none; } }
      .input-form-item.input-form-item-btn button.disabled {
        background: #F7F8F9;
        color: #C6CBD0;
        border-color: #F7F8F9;
        pointer-events: none; }
    .input-form-item.input-form-item-btn.input-form-item-btn-2 {
      display: flex;
      gap: 24px; }
      @media (max-width: 991px) {
        .input-form-item.input-form-item-btn.input-form-item-btn-2 {
          gap: 16px; } }
      .input-form-item.input-form-item-btn.input-form-item-btn-2 button {
        width: 50%; }
        .input-form-item.input-form-item-btn.input-form-item-btn-2 button.cancel-update-form, .input-form-item.input-form-item-btn.input-form-item-btn-2 button.cancel-new-form {
          background: #FFFFFF;
          color: #1D1D1D; }
  .input-form-item.input-form-item-policy, .input-form-item.input-form-item-marketing {
    display: flex;
    gap: 8px;
    align-items: start; }
    .input-form-item.input-form-item-policy span, .input-form-item.input-form-item-marketing span {
      width: calc(100% - 20px); }
    .input-form-item.input-form-item-policy a, .input-form-item.input-form-item-marketing a {
      font-weight: 700;
      text-decoration-line: underline; }
  .input-form-item.input-form-item-phone {
    display: flex;
    align-items: center; }
    .input-form-item.input-form-item-phone .label-phone {
      border: 1px solid #C6CBD0;
      width: 84px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-right: none;
      order: 1; }
    .input-form-item.input-form-item-phone label {
      left: 84px;
      order: 3; }
    .input-form-item.input-form-item-phone .text-error {
      order: 4; }
    .input-form-item.input-form-item-phone .input-form {
      order: 2; }
      .input-form-item.input-form-item-phone .input-form:not(:placeholder-shown) ~ label, .input-form-item.input-form-item-phone .input-form:focus ~ label {
        left: 84px; }
        .input-form-item.input-form-item-phone .input-form:not(:placeholder-shown) ~ label ~ .label-phone, .input-form-item.input-form-item-phone .input-form:focus ~ label ~ .label-phone {
          border-color: #505459; }
  .input-form-item .eyes-password {
    position: absolute;
    top: 12px;
    right: 16px;
    cursor: pointer;
    pointer-events: none; }
    .input-form-item .eyes-password svg:nth-child(2) {
      display: none; }
    .input-form-item .eyes-password path {
      stroke: #C6CBD0; }
  .input-form-item.error input.input-form {
    border-color: #EB5757; }

.input-form-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0 0 0; }
  .input-form-option .forgot-password {
    cursor: pointer; }

.login-social .class-or {
  margin: 24px 0;
  position: relative;
  text-align: center; }
  .login-social .class-or span {
    background: #FFFFFF;
    position: relative;
    padding: 0 10px;
    z-index: 1; }
  .login-social .class-or:after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background: #E1E4E6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); }

.login-social .item-content-social-login {
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .login-social .item-content-social-login button {
    height: 48px;
    padding: 0px 8px;
    border: 1px solid #C6CBD0;
    color: rgba(0, 0, 0, 0.54);
    background: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 24px; }
    .login-social .item-content-social-login button#btn-facebook-login {
      background: #1877F2;
      border-color: #1877F2;
      color: #FFFFFF; }

/* account: main template */
.main--account .wrap-main-account {
  padding: 80px 0;
  display: flex;
  justify-content: space-between;
  gap: 80px; }
  @media (max-width: 991px) {
    .main--account .wrap-main-account {
      padding: 56px 0;
      flex-direction: column;
      gap: 40px; } }

.main--account .heading-sidebar {
  margin: 0 0 32px 0; }
  @media (max-width: 991px) {
    .main--account .heading-sidebar {
      display: none; } }
  .main--account .heading-sidebar .name-customer .name {
    font-size: 34px;
    line-height: 40.8px;
    font-weight: 600;
    margin: 0 0 12px 0; }
  .main--account .heading-sidebar .logout-customer a {
    font-weight: 700;
    text-decoration-line: underline; }
  .main--account .heading-sidebar.heading-sidebar-mobile {
    margin-bottom: 0; }
    @media (min-width: 992px) {
      .main--account .heading-sidebar.heading-sidebar-mobile {
        display: none; } }
    @media (max-width: 991px) {
      .main--account .heading-sidebar.heading-sidebar-mobile {
        display: block; } }

.main--account .sidebar-account {
  width: 30%; }
  @media (max-width: 991px) {
    .main--account .sidebar-account {
      width: 100%;
      order: 2; } }
  .main--account .sidebar-account .content-sidebar ul li a {
    display: flex;
    padding: 24px 8px;
    align-items: center;
    gap: 16px;
    border-top: 1px solid #E1E4E6;
    color: #505459; }
    .main--account .sidebar-account .content-sidebar ul li a svg path {
      stroke: #505459; }
    .main--account .sidebar-account .content-sidebar ul li a.active {
      font-weight: 600;
      letter-spacing: 0.14px;
      color: #1D1D1D; }
      .main--account .sidebar-account .content-sidebar ul li a.active svg path {
        stroke: #1D1D1D; }
  .main--account .sidebar-account .content-sidebar ul li:last-child a {
    border-bottom: 1px solid #E1E4E6; }

.main--account .main-account {
  width: 70%; }
  @media (max-width: 991px) {
    .main--account .main-account {
      width: 100%; } }

.main--account .wrap-detail-account {
  border: 1px solid #E1E4E6;
  padding: 38px 40px; }
  @media (max-width: 991px) {
    .main--account .wrap-detail-account {
      border: none;
      padding: 0; } }
  .main--account .wrap-detail-account .heading-account {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 32px 0; }

.main--account .wrap-detail-orders {
  border: 1px solid #E1E4E6;
  padding: 38px 40px; }
  @media (max-width: 991px) {
    .main--account .wrap-detail-orders {
      border: none;
      padding: 0; }
      .main--account .wrap-detail-orders.wrap-detail-orders-page {
        padding: 16px;
        background: #F7F8F9; } }
  .main--account .wrap-detail-orders .heading-orders {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 32px 0; }
  .main--account .wrap-detail-orders .content-orders .empty-orders {
    font-weight: 600;
    font-size: 16px;
    line-height: 20.8px;
    margin: 32px 0; }
  .main--account .wrap-detail-orders .content-orders .btn-buy-now {
    max-width: 240px;
    height: 48px;
    padding: 12px 40px;
    background: #1D1D1D;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center; }
  .main--account .wrap-detail-orders .content-orders .list-orders {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .main--account .wrap-detail-orders .content-orders .list-orders .item-orders {
      background: #F7F8F9;
      padding: 16px; }
      .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .detail-items {
        display: flex;
        align-items: start;
        justify-content: space-between;
        margin: 0 0 8px 0; }
        .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .detail-items .name-order .code-order {
          font-size: 16px;
          line-height: 20.8px;
          margin: 0 0 4px 0; }
          .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .detail-items .name-order .code-order span {
            font-weight: 700; }
        .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .detail-items .name-order .time-order {
          color: #868D95; }
        .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .detail-items .go-detail-order a {
          display: flex;
          align-items: center;
          gap: 8px;
          font-weight: 500; }
      .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .status-items {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 12px 0;
        border-bottom: 1px solid #E1E4E6;
        padding: 0 0 12px 0; }
        .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .status-items .label-text {
          font-size: 16px;
          line-height: 20.8px; }
        .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .status-items .status-text {
          font-weight: 500; }
      .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .total-items {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .total-items .text-total {
          font-size: 16px;
          line-height: 20.8px; }
        .main--account .wrap-detail-orders .content-orders .list-orders .item-orders .inner-item-orders .total-items .price-total {
          font-weight: 600;
          letter-spacing: 0.14px; }
  .main--account .wrap-detail-orders .top-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 32px 0; }
    .main--account .wrap-detail-orders .top-heading .name-order {
      font-size: 20px;
      line-height: 24px;
      font-weight: 600;
      text-transform: uppercase; }
  .main--account .wrap-detail-orders .item--orders {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .main--account .wrap-detail-orders .item--orders ~ .item--orders {
      margin: 16px 0 0 0; }
    .main--account .wrap-detail-orders .item--orders .label--orders {
      font-weight: 600;
      font-size: 16px;
      line-height: 20.8px; }
      .main--account .wrap-detail-orders .item--orders .label--orders.label--subtotal span {
        font-weight: 400;
        color: #868D95; }
      .main--account .wrap-detail-orders .item--orders .label--orders.label--coupon {
        display: flex;
        align-items: center;
        gap: 12px; }
        .main--account .wrap-detail-orders .item--orders .label--orders.label--coupon span {
          font-size: 12px;
          line-height: 15.6px;
          border: 1px dashed #E1E4E6;
          background: #F7F8F9;
          padding: 2px 8px;
          font-weight: 400; }
    .main--account .wrap-detail-orders .item--orders .text--orders {
      font-weight: 600;
      font-size: 16px;
      line-height: 20.8px; }
      .main--account .wrap-detail-orders .item--orders .text--orders.subtotal-price {
        color: #868D95;
        font-weight: 400;
        text-decoration: line-through; }
      .main--account .wrap-detail-orders .item--orders .text--orders.saving-price, .main--account .wrap-detail-orders .item--orders .text--orders.coupon-price {
        color: #10AC45; }
      .main--account .wrap-detail-orders .item--orders .text--orders.shipping-price {
        font-weight: 600;
        color: #868D95; }
  .main--account .wrap-detail-orders .summary-orders {
    border-top: 1px solid #E1E4E6;
    margin: 32px 0 0 0;
    padding: 32px 0 0 0; }
    .main--account .wrap-detail-orders .summary-orders .heading--orders {
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      margin: 0 0 32px 0; }
  .main--account .wrap-detail-orders .shipping-orders {
    border-top: 1px solid #E1E4E6;
    margin: 32px 0 0 0;
    padding: 32px 0 0 0; }
  .main--account .wrap-detail-orders .total-orders {
    border-top: 1px solid #E1E4E6;
    margin: 32px 0 0 0;
    padding: 32px 0 0 0; }
  .main--account .wrap-detail-orders .list-item {
    border-top: 1px solid #E1E4E6;
    margin: 32px 0 0 0;
    padding: 32px 0 0 0; }
    .main--account .wrap-detail-orders .list-item .heading--item {
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      margin: 0 0 32px 0; }
  .main--account .wrap-detail-orders .wrap-list-item {
    display: flex;
    gap: 32px;
    flex-direction: column; }
    .main--account .wrap-detail-orders .wrap-list-item .item-list-prod {
      display: flex; }
      .main--account .wrap-detail-orders .wrap-list-item .item-list-prod .left-prod {
        width: 70%;
        display: flex;
        gap: 16px; }
        .main--account .wrap-detail-orders .wrap-list-item .item-list-prod .left-prod .box-info .name-prod a {
          text-overflow: ellipsis;
          font-weight: 600;
          letter-spacing: 1px;
          text-transform: uppercase; }
        .main--account .wrap-detail-orders .wrap-list-item .item-list-prod .left-prod .box-info .type-prod {
          font-size: 12px;
          line-height: 15.6px;
          color: #868D95;
          margin: 6px 0; }
        .main--account .wrap-detail-orders .wrap-list-item .item-list-prod .left-prod .box-info .group--items {
          font-size: 12px;
          line-height: 15.6px;
          display: flex;
          align-items: center;
          gap: 8px;
          color: #868D95; }
      .main--account .wrap-detail-orders .wrap-list-item .item-list-prod .right-prod {
        width: 30%;
        display: flex;
        align-items: end;
        flex-direction: column;
        gap: 8px; }
        .main--account .wrap-detail-orders .wrap-list-item .item-list-prod .right-prod span {
          font-weight: 600;
          letter-spacing: 0.14px; }
        .main--account .wrap-detail-orders .wrap-list-item .item-list-prod .right-prod del {
          color: #868D95; }
  .main--account .wrap-detail-orders .address-item {
    margin: 32px 0 0 0;
    padding: 32px 0 0 0;
    border-top: 1px solid #E1E4E6; }
    .main--account .wrap-detail-orders .address-item .items-info-address .head-address {
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      margin: 0 0 12px 0; }
    .main--account .wrap-detail-orders .address-item .items-info-address ul {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .main--account .wrap-detail-orders .address-item .items-info-address ul li {
        font-size: 16px;
        line-height: 20.8px;
        color: #505459; }
    .main--account .wrap-detail-orders .address-item .items-info-address ~ .items-info-address {
      margin: 32px 0 0 0; }

.main--account .wrap-addresses {
  border: 1px solid #E1E4E6;
  padding: 38px 40px; }
  @media (max-width: 991px) {
    .main--account .wrap-addresses {
      border: none;
      padding: 0; } }
  .main--account .wrap-addresses .heading-account {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 32px 0; }
  .main--account .wrap-addresses .content-addresses .addresses-list {
    display: flex;
    flex-direction: column;
    gap: 32px; }
  .main--account .wrap-addresses .content-addresses .item-addresses {
    padding: 16px;
    background: #F7F8F9;
    order: 2; }
    .main--account .wrap-addresses .content-addresses .item-addresses .heading-item--address {
      font-size: 16px;
      line-height: 20.8px;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
      margin: 0 0 24px 0; }
    .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .head-info--address {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 16px 0; }
      .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .head-info--address .text-info--address {
        font-weight: 600;
        font-size: 16px;
        line-height: 20.8px; }
      .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .head-info--address .action--address {
        display: flex;
        align-items: center;
        gap: 16px; }
        .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .head-info--address .action--address .edit-address,
        .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .head-info--address .action--address .remove-address {
          cursor: pointer; }
    .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .content-info--address ul {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .content-info--address ul li {
        font-size: 16px;
        line-height: 20.8px; }
    .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .set-default-address {
      margin: 12px 0 0 0;
      padding: 12px 0 0 0;
      border-top: 1px solid #E1E4E6;
      display: flex;
      align-items: center;
      gap: 8px; }
    .main--account .wrap-addresses .content-addresses .item-addresses .wap-info--address .wap-form-update {
      margin: 24px 0 0 0;
      display: block; }
    .main--account .wrap-addresses .content-addresses .item-addresses.default-address {
      order: 1; }
  .main--account .wrap-addresses .content-addresses .wap-btn-add-address {
    margin: 32px 0 0 0; }
    .main--account .wrap-addresses .content-addresses .wap-btn-add-address button {
      height: 56px;
      padding: 16px 40px;
      background: #FFFFFF;
      color: #1D1D1D;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: 1px solid #1D1D1D; }
      @media (max-width: 991px) {
        .main--account .wrap-addresses .content-addresses .wap-btn-add-address button {
          width: 100%; } }

.main--account .wrap-detail-subscribe {
  border: 1px solid #E1E4E6;
  padding: 38px 40px; }
  @media (max-width: 991px) {
    .main--account .wrap-detail-subscribe {
      border: none;
      padding: 0; } }
  .main--account .wrap-detail-subscribe .subtitle-subscribe {
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 8px 0; }
  .main--account .wrap-detail-subscribe .title-subscribe {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 16px 0; }
  .main--account .wrap-detail-subscribe .box-wrap-subscribe {
    padding: 24px;
    background: #F7F8F9;
    margin: 32px 0 0 0; }
    .main--account .wrap-detail-subscribe .box-wrap-subscribe .checkbox-subscribe {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 16px 0; }
      .main--account .wrap-detail-subscribe .box-wrap-subscribe .checkbox-subscribe .text-checkbox {
        font-weight: 500; }
    .main--account .wrap-detail-subscribe .box-wrap-subscribe .note-subscribe {
      font-size: 12px;
      line-height: 15.6px;
      color: #505459; }
      .main--account .wrap-detail-subscribe .box-wrap-subscribe .note-subscribe a {
        color: #1D1D1D;
        font-weight: 700;
        text-decoration-line: underline; }
  .main--account .wrap-detail-subscribe .action-subscribe {
    margin: 32px 0 0 0; }
    .main--account .wrap-detail-subscribe .action-subscribe button {
      height: 56px;
      padding: 16px 40px;
      background: #1D1D1D;
      color: #FFFFFF;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      border: 1px solid #1D1D1D;
      width: 100%;
      max-width: 320px; }

.main--account .wrap-detail-wishlist {
  border: 1px solid #E1E4E6;
  padding: 38px 40px; }
  @media (max-width: 991px) {
    .main--account .wrap-detail-wishlist {
      border: none;
      padding: 0; } }
  .main--account .wrap-detail-wishlist .heading-account {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 32px 0; }
  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist {
    display: flex;
    gap: 16px; }
    .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .left--wishlist {
      width: 18%; }
      @media (max-width: 991px) {
        .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .left--wishlist {
          width: 30%; } }
      .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .left--wishlist img {
        width: 100%; }
    .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist {
      width: 82%;
      display: flex;
      flex-direction: column; }
      @media (max-width: 991px) {
        .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist {
          width: 70%; } }
      .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .text-wishlist {
        display: flex;
        justify-content: space-between; }
        .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .text-wishlist .title-wishlist .name-prod {
          font-size: 16px;
          line-height: 20.8px;
          font-weight: 600;
          text-transform: uppercase;
          margin: 0 0 10px 0; }
        .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .text-wishlist .title-wishlist .type-prod {
          color: #868D95; }
        .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .text-wishlist .price-wishlist {
          display: flex;
          flex-direction: column;
          align-items: end;
          gap: 8px;
          font-size: 16px;
          line-height: 20.8px; }
          .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .text-wishlist .price-wishlist del {
            color: #868D95; }
          .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .text-wishlist .price-wishlist span {
            font-weight: 600; }
      .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: auto; }
        .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .status-prod {
          color: #F0B317;
          font-weight: 500; }
        .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action {
          display: flex;
          align-items: center;
          gap: 24px; }
          .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .remove-item {
            cursor: pointer; }
          .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist {
            position: relative; }
            .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .btn-action-wishlist {
              font-weight: 700;
              text-decoration-line: underline;
              cursor: pointer; }
            .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup {
              display: none;
              width: 184px;
              position: absolute;
              box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
              background: #FFFFFF;
              right: 0;
              padding: 16px;
              gap: 24px;
              flex-direction: column;
              z-index: 3; }
              @media (max-width: 991px) {
                .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup {
                  position: fixed;
                  bottom: 0;
                  width: 100%;
                  padding: 0;
                  gap: 0; } }
              .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile {
                padding: 16px;
                display: flex; }
                @media (min-width: 992px) {
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile {
                    display: none; } }
                .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .left--wishlist-modal {
                  width: 30%; }
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .left--wishlist-modal img {
                    width: 100%; }
                .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal {
                  width: 70%;
                  display: flex;
                  flex-direction: column; }
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal {
                    display: flex;
                    justify-content: space-between; }
                    .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .title-wishlist-modal .name-prod-modal {
                      font-size: 16px;
                      line-height: 20.8px;
                      font-weight: 600;
                      text-transform: uppercase;
                      margin: 0 0 10px 0; }
                    .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .title-wishlist-modal .type-prod-modal {
                      color: #868D95; }
                    .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .price-wishlist-modal {
                      display: flex;
                      flex-direction: column;
                      align-items: end;
                      gap: 8px;
                      font-size: 16px;
                      line-height: 20.8px; }
                      .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .price-wishlist-modal del {
                        color: #868D95; }
                      .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .wap-item-mobile .right--wishlist-modal .text-wishlist-modal .price-wishlist-modal span {
                        font-weight: 600; }
              .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup {
                display: flex;
                gap: 24px;
                flex-direction: column; }
                @media (max-width: 991px) {
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup {
                    flex-direction: initial;
                    padding: 16px 16px 0 16px; } }
                .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup {
                  position: relative;
                  border: 1px solid #C6CBD0;
                  display: flex;
                  align-items: center;
                  padding: 13px 16px;
                  justify-content: space-between; }
                  @media (max-width: 991px) {
                    .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup {
                      width: 100%; } }
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup button {
                    border: none;
                    width: 20px;
                    height: 20px;
                    background: #FFFFFF; }
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup input {
                    width: 80px;
                    border: none;
                    outline: none;
                    box-shadow: none;
                    height: 20px;
                    text-align: center; }
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .quantity-popup label {
                    font-size: 12px;
                    line-height: 15.6px;
                    position: absolute;
                    color: #505459;
                    font-weight: 500;
                    top: -8px;
                    background: #FFFFFF;
                    padding: 0 6px;
                    left: 10px; }
                .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .option-popup {
                  position: relative;
                  border: 1px solid #C6CBD0;
                  display: flex;
                  align-items: center;
                  padding: 13px 16px; }
                  @media (max-width: 991px) {
                    .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .option-popup {
                      width: 100%; } }
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .option-popup select {
                    background: #FFFFFF;
                    border: none;
                    width: 100%;
                    box-shadow: none;
                    outline: none;
                    border-radius: 0;
                    cursor: pointer;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    background: #FFFFFF url(https://file.hstatic.net/200000714435/file/chevron-down__2__dcb7a8d5e5b0471c9c0b419115d67674.svg);
                    background-repeat: no-repeat;
                    background-position: center right; }
                  .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .inner-small-popup .option-popup label {
                    font-size: 12px;
                    line-height: 15.6px;
                    position: absolute;
                    color: #505459;
                    font-weight: 500;
                    top: -8px;
                    background: #FFFFFF;
                    padding: 0 6px;
                    left: 10px; }
              @media (max-width: 991px) {
                .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .action-popup {
                  margin: 24px 0 0 0; } }
              .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .small-popup .action-popup button {
                height: 56px;
                padding: 16px 10px;
                background: #1D1D1D;
                color: #FFFFFF;
                font-weight: 600;
                letter-spacing: 1px;
                text-transform: uppercase;
                border: 1px solid #1D1D1D;
                width: 100%; }
            .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .overlay-popup {
              position: fixed;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              z-index: 2;
              display: none; }
              @media (max-width: 991px) {
                .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist .overlay-popup {
                  background: rgba(0, 0, 0, 0.5); } }
            .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist.isOpen .small-popup {
              display: flex; }
            .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist .right--wishlist .action-wishlist .wap-inner-action .wap-addcart-wishlist.isOpen .overlay-popup {
              display: block; }
    .main--account .wrap-detail-wishlist .content-wishlist .items-wishlist ~ .items-wishlist {
      border-top: 1px solid #E1E4E6;
      margin: 32px 0 0 0;
      padding: 32px 0 0 0; }

/* home prod mobile */
.mobile-prod-home {
  margin: 56px 0; }
  @media (min-width: 992px) {
    .mobile-prod-home {
      display: none; } }
  .mobile-prod-home .box-media {
    position: relative; }
    .mobile-prod-home .box-media .add-to-wishlist-prod {
      position: absolute;
      right: 16px;
      top: 16px;
      width: 40px;
      height: 40px;
      outline: none;
      box-shadow: none;
      border-radius: 100%;
      background: #FFFFFF;
      border: 1px solid #E1E4E6;
      z-index: 1; }
    .mobile-prod-home .box-media a {
      position: relative;
      display: block;
      padding-bottom: calc(100% * 480 / 388);
      background: #f7f7f7; }
    .mobile-prod-home .box-media img {
      position: absolute;
      left: 0;
      top: 0;
      aspect-ratio: 388 / 480;
      width: 100%;
      height: 100%; }
  .mobile-prod-home .thumb-slider {
    margin: 16px 0 0 0; }
    .mobile-prod-home .thumb-slider .item-thumb {
      border: 1px solid #FFFFFF;
      cursor: pointer; }
      .mobile-prod-home .thumb-slider .item-thumb .inner-item-thumb {
        position: relative;
        display: block;
        padding-bottom: calc(100% * 480 / 388);
        background: #f7f7f7; }
        .mobile-prod-home .thumb-slider .item-thumb .inner-item-thumb img {
          position: absolute;
          left: 0;
          top: 0;
          aspect-ratio: 388 / 480;
          width: 100%;
          height: 100%; }
      .mobile-prod-home .thumb-slider .item-thumb.active {
        border-color: #1D1D1D; }
    .mobile-prod-home .thumb-slider:not(.slick-initialized) {
      white-space: nowrap;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - 48px) / 5);
      overflow-x: auto;
      grid-template-columns: unset;
      gap: 12px;
      display: grid;
      width: 100%;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .mobile-prod-home .thumb-slider:not(.slick-initialized)::-webkit-scrollbar {
        display: none; }
    .mobile-prod-home .thumb-slider.slick-initialized .slick-list {
      margin: 0 -6px; }
      .mobile-prod-home .thumb-slider.slick-initialized .slick-list .item-thumb {
        margin: 0 6px; }
  .mobile-prod-home .title-prod-home {
    margin: 24px 0 8px 0;
    font-size: 24px;
    line-height: 28.8px;
    font-family: 'lushhandwritten', sans-serif;
    font-weight: 700;
    text-transform: uppercase; }
  .mobile-prod-home .des-prod-home {
    color: #505459;
    margin: 0 0 16px 0; }
  .mobile-prod-home .variant-detail {
    margin: 0 0 24px 0; }
    .mobile-prod-home .variant-detail .item-variant .title-variant {
      text-transform: uppercase;
      margin: 0 0 16px 0; }
    .mobile-prod-home .variant-detail .item-variant ~ .item-variant {
      margin: 16px 0 0 0; }
    .mobile-prod-home .variant-detail .item-variant .list-variant {
      display: flex;
      gap: 8px; }
      .mobile-prod-home .variant-detail .item-variant .list-variant .item-list-variant input {
        display: none; }
        .mobile-prod-home .variant-detail .item-variant .list-variant .item-list-variant input:checked ~ label {
          background: #1D1D1D;
          border-color: #1D1D1D;
          color: #FFFFFF; }
      .mobile-prod-home .variant-detail .item-variant .list-variant .item-list-variant label {
        border: 1px solid #E1E4E6;
        border-radius: 50px;
        padding: 8px 16px;
        background: #FFFFFF;
        cursor: pointer; }
      .mobile-prod-home .variant-detail .item-variant .list-variant .item-list-variant.disabled label {
        color: #C6CBD0;
        background: #F7F8F9;
        border-color: #E1E4E6;
        pointer-events: none; }
  .mobile-prod-home .priceQuantity-prod-home {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .mobile-prod-home .priceQuantity-prod-home .price-prod-home {
      display: flex;
      flex-direction: column;
      gap: 4px; }
      .mobile-prod-home .priceQuantity-prod-home .price-prod-home span {
        font-size: 16px;
        line-height: 20.8px;
        font-weight: 600; }
      .mobile-prod-home .priceQuantity-prod-home .price-prod-home del {
        color: #868D95; }
    .mobile-prod-home .priceQuantity-prod-home .quantity-prod-home {
      border: 1px solid #E1E4E6;
      padding: 4px 8px;
      gap: 4px; }
      .mobile-prod-home .priceQuantity-prod-home .quantity-prod-home button {
        width: 20px;
        height: 20px;
        border: none;
        background: transparent;
        cursor: pointer; }
        .mobile-prod-home .priceQuantity-prod-home .quantity-prod-home button.disabled {
          pointer-events: none; }
      .mobile-prod-home .priceQuantity-prod-home .quantity-prod-home input {
        width: 28px;
        height: 20px;
        border: none;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        line-height: 20.8px; }
  .mobile-prod-home .action-prod-home {
    margin: 24px 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .mobile-prod-home .action-prod-home button {
      width: 100%;
      height: 48px;
      padding: 12px 40px;
      background: #1D1D1D;
      color: #FFFFFF;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none; }
      .mobile-prod-home .action-prod-home button.disabled {
        background: #F7F8F9;
        color: #C6CBD0;
        pointer-events: none; }
  .mobile-prod-home .view-more a {
    font-weight: 700;
    text-decoration-line: underline; }

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

.main-store .content-store {
  margin: 0 0 64px 0; }
  @media (max-width: 991px) {
    .main-store .content-store {
      margin: 0 0 56px 0; } }
  .main-store .content-store .wrap-store {
    display: flex;
    gap: 64px; }
    @media (max-width: 991px) {
      .main-store .content-store .wrap-store {
        gap: 32px;
        flex-direction: column; } }
    .main-store .content-store .wrap-store .sidebar-store {
      width: 30%; }
      @media (max-width: 991px) {
        .main-store .content-store .wrap-store .sidebar-store {
          width: 100%; } }
      .main-store .content-store .wrap-store .sidebar-store .box-select {
        position: relative; }
        .main-store .content-store .wrap-store .sidebar-store .box-select > label {
          position: absolute;
          font-size: 12px;
          line-height: 15.6px;
          font-weight: 500;
          top: -7px;
          left: 16px;
          padding: 0 10px;
          background: #FFFFFF; }
          .main-store .content-store .wrap-store .sidebar-store .box-select > label span {
            position: relative;
            z-index: 1; }
          .main-store .content-store .wrap-store .sidebar-store .box-select > label:after {
            content: "";
            display: block;
            height: 1px;
            background: #FFFFFF;
            position: absolute;
            top: 48%;
            width: 100%;
            left: 0;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%); }
        .main-store .content-store .wrap-store .sidebar-store .box-select button {
          width: 100%;
          border: 1px solid #505459;
          height: 48px;
          padding: 6px 16px;
          outline: none;
          box-shadow: none;
          color: #1D1D1D;
          background: #FFFFFF url(https://file.hstatic.net/200000714435/file/chevron-down__2__dcb7a8d5e5b0471c9c0b419115d67674.svg);
          text-align: left;
          background-repeat: no-repeat;
          background-position: center right 16px; }
        .main-store .content-store .wrap-store .sidebar-store .box-select .wap-list-store {
          position: absolute;
          display: none;
          z-index: 2;
          width: 100%;
          background: #FFFFFF;
          right: 0;
          box-shadow: 0px 2px 16px 0px rgba(80, 84, 89, 0.08); }
          .main-store .content-store .wrap-store .sidebar-store .box-select .wap-list-store ul li ~ li {
            border-top: 1px solid #F7F8F9; }
          .main-store .content-store .wrap-store .sidebar-store .box-select .wap-list-store ul li input {
            display: none; }
            .main-store .content-store .wrap-store .sidebar-store .box-select .wap-list-store ul li input:checked ~ label {
              background: #F7F8F9; }
          .main-store .content-store .wrap-store .sidebar-store .box-select .wap-list-store ul li label {
            padding: 12px 16px;
            width: 100%;
            font-size: 14px;
            font-weight: 400;
            line-height: 18.2px;
            cursor: pointer; }
            .main-store .content-store .wrap-store .sidebar-store .box-select .wap-list-store ul li label:hover {
              background: #F7F8F9; }
        .main-store .content-store .wrap-store .sidebar-store .box-select.open-sub button {
          background: #FFFFFF url(https://file.hstatic.net/200000714435/file/chevron-up_531e703e85c648c596c04fd5da62026a.svg);
          background-repeat: no-repeat;
          background-position: center right 16px; }
        .main-store .content-store .wrap-store .sidebar-store .box-select.open-sub .wap-list-store {
          display: block; }
      .main-store .content-store .wrap-store .sidebar-store .list-store {
        margin: 24px 0 0 0;
        max-height: 722px;
        overflow: auto; }
        .main-store .content-store .wrap-store .sidebar-store .list-store .items-store {
          display: flex;
          align-items: start;
          gap: 16px; }
          .main-store .content-store .wrap-store .sidebar-store .list-store .items-store .num-store span {
            font-size: 16px;
            line-height: 20.8px;
            padding: 2px 16px;
            color: #FFFFFF;
            background: #1D1D1D;
            border-radius: 100px;
            font-weight: 700;
            letter-spacing: 1px;
            display: block; }
          .main-store .content-store .wrap-store .sidebar-store .list-store .items-store .info-store {
            width: calc(100% - 61px); }
            .main-store .content-store .wrap-store .sidebar-store .list-store .items-store .info-store .name-store {
              font-size: 16px;
              line-height: 20.8px;
              font-weight: 700;
              letter-spacing: 0.32px;
              text-transform: uppercase; }
            .main-store .content-store .wrap-store .sidebar-store .list-store .items-store .info-store .address-store {
              margin: 8px 0;
              color: #505459;
              font-weight: 600;
              letter-spacing: 0.14px; }
            .main-store .content-store .wrap-store .sidebar-store .list-store .items-store .info-store .phone-store {
              color: #505459;
              font-weight: 600;
              letter-spacing: 0.14px; }
            .main-store .content-store .wrap-store .sidebar-store .list-store .items-store .info-store .action-store {
              margin: 16px 0 0 0; }
              .main-store .content-store .wrap-store .sidebar-store .list-store .items-store .info-store .action-store button {
                background: #1D1D1D;
                color: #FFFFFF;
                width: 100%;
                height: 40px;
                max-width: 180px;
                padding: 12px 12px;
                border: none;
                letter-spacing: 1px;
                text-transform: uppercase;
                font-weight: 600; }
          .main-store .content-store .wrap-store .sidebar-store .list-store .items-store ~ .items-store .num-store {
            margin-top: 24px;
            padding-top: 24px; }
          .main-store .content-store .wrap-store .sidebar-store .list-store .items-store ~ .items-store .info-store {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid #E1E4E6; }
    .main-store .content-store .wrap-store .map-store {
      width: 70%; }
      @media (max-width: 991px) {
        .main-store .content-store .wrap-store .map-store {
          width: 100%; } }
      .main-store .content-store .wrap-store .map-store iframe {
        width: 100%;
        height: 790px; }
        @media (max-width: 991px) {
          .main-store .content-store .wrap-store .map-store iframe {
            height: 480px; } }

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

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

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

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

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

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

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

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

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

/* main page */
.main-page {
  /* contact */
  /* page sidebar */ }
  .main-page .content-page .wrap-content-contact {
    width: 100%;
    max-width: 960px;
    margin: 0 auto 45px auto; }
  .main-page .wrap-content-page {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 45px auto; }
    .main-page .wrap-content-page .wrap-page-sidebar {
      display: flex;
      align-items: start;
      gap: 48px; }
      @media (max-width: 991px) {
        .main-page .wrap-content-page .wrap-page-sidebar {
          flex-direction: column;
          gap: 0; } }
      .main-page .wrap-content-page .wrap-page-sidebar .main-content {
        width: 70%; }
        @media (max-width: 991px) {
          .main-page .wrap-content-page .wrap-page-sidebar .main-content {
            width: 100%; } }
      .main-page .wrap-content-page .wrap-page-sidebar .sidebar-page {
        width: 30%;
        padding: 24px;
        border: 1px solid #C6CBD0;
        background: #F7F8F9;
        position: sticky;
        top: 10px; }
        @media (max-width: 991px) {
          .main-page .wrap-content-page .wrap-page-sidebar .sidebar-page {
            display: none; } }
        .main-page .wrap-content-page .wrap-page-sidebar .sidebar-page .table-of-contents .table-title {
          font-size: 20px;
          line-height: 24px;
          font-weight: 600;
          margin: 0 0 16px 0; }
        .main-page .wrap-content-page .wrap-page-sidebar .sidebar-page .table-of-contents > ul {
          display: flex;
          flex-direction: column;
          gap: 12px; }
          .main-page .wrap-content-page .wrap-page-sidebar .sidebar-page .table-of-contents > ul > li > a {
            margin: 0 0 8px 0;
            display: block; }
          .main-page .wrap-content-page .wrap-page-sidebar .sidebar-page .table-of-contents > ul > li > ul {
            padding: 0 0 0 16px;
            display: flex;
            flex-direction: column;
            gap: 8px; }

/* layout bai viet thanh phan */
.layout-ingredient {
  padding: 45px 0; }
  .layout-ingredient .wrap-ingredient {
    display: flex;
    align-items: start;
    gap: 70px; }
    @media (max-width: 991px) {
      .layout-ingredient .wrap-ingredient {
        flex-direction: column; } }
    .layout-ingredient .wrap-ingredient .sidebar-ingredient {
      width: 40%;
      position: sticky;
      top: 0; }
      @media (max-width: 991px) {
        .layout-ingredient .wrap-ingredient .sidebar-ingredient {
          width: 100%;
          position: relative; } }
    .layout-ingredient .wrap-ingredient .content-ingredient {
      width: 60%;
      line-height: 24px; }
      @media (max-width: 991px) {
        .layout-ingredient .wrap-ingredient .content-ingredient {
          width: 100%; } }

.blog-ingredient .head-blog-ingredient h1 {
  font-weight: 600;
  text-align: center;
  font-size: 34px;
  line-height: 40.8px;
  text-transform: uppercase;
  margin: 0 0 56px 0; }
  @media (max-width: 991px) {
    .blog-ingredient .head-blog-ingredient h1 {
      margin: 0 0 24px 0; } }

.blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient {
  display: flex;
  align-items: start;
  gap: 56px;
  margin: 0 0 56px 0; }
  @media (max-width: 991px) {
    .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient {
      flex-direction: column;
      gap: 24px;
      margin: 0 0 24px 0; } }
  .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .sidebar-blog-ingredient {
    width: 30%; }
    @media (max-width: 991px) {
      .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .sidebar-blog-ingredient {
        width: 100%; } }
    .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .sidebar-blog-ingredient .wrap-search-article {
      position: relative; }
      .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .sidebar-blog-ingredient .wrap-search-article img {
        position: absolute;
        top: 13px;
        left: 10px; }
      .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .sidebar-blog-ingredient .wrap-search-article .input-search-article {
        height: 48px;
        padding: 6px 16px 6px 36px;
        background: #FFFFFF;
        border: 1px solid #C6CBD0;
        width: 100%; }
  .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient {
    width: 70%; }
    @media (max-width: 991px) {
      .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient {
        width: 100%; } }
    .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient .content-list-article {
      display: flex;
      flex-direction: column; }
      .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient .content-list-article .item-article {
        display: flex;
        align-items: center; }
        .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient .content-list-article .item-article ~ .item-article {
          margin-top: 24px;
          padding-top: 24px;
          border-top: 1px solid #E1E4E6; }
        .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient .content-list-article .item-article .media-article {
          width: 60px;
          display: none; }
        .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient .content-list-article .item-article .title-article a {
          font-size: 16px;
          line-height: 20.8px;
          text-decoration-line: underline; }
    .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient .pagi-load {
      text-align: center;
      padding: 24px 0 0 0;
      border-top: 1px solid #E1E4E6;
      margin: 24px 0 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient .pagi-load .count-article {
        color: #505459;
        margin: 0 0 16px 0; }
      .blog-ingredient .wrap-content-ingredient .wrap-inner-ingredient .content-blog-ingredient .pagi-load button {
        width: 240px;
        height: 48px;
        padding: 12px 40px;
        background: #1D1D1D;
        color: #FFFFFF;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none; }

#fc_frame, #fc_frame.fc-widget-normal {
  z-index: 9; }

#popup-register {
  padding: 0;
  max-width: 500px;
  background: transparent; }
  @media (min-width: 1024px) {
    #popup-register {
      width: 100%;
      max-width: 1500px;
      padding: 60px; } }
  #popup-register .popup-register-inner {
    background: #000; }
    #popup-register .popup-register-inner .media-popup img {
      width: 100%;
      aspect-ratio: 121 / 35; }
    #popup-register .popup-register-inner .content-popup {
      padding: 30px; }
      #popup-register .popup-register-inner .content-popup .form-register-inner .section-title {
        text-align: center; }
        #popup-register .popup-register-inner .content-popup .form-register-inner .section-title h4 {
          font-size: 24px;
          color: #FFF;
          margin: 0 0 15px 0; }
        #popup-register .popup-register-inner .content-popup .form-register-inner .section-title p {
          font-size: 14px;
          color: #FFF; }
      #popup-register .popup-register-inner .content-popup .form-register-inner .section-content {
        display: flex;
        margin-top: 50px;
        margin-top: 25px;
        flex-wrap: wrap;
        gap: 25px; }
        @media (min-width: 1024px) {
          #popup-register .popup-register-inner .content-popup .form-register-inner .section-content {
            justify-content: center; } }
        #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form {
          width: 100%; }
          @media (min-width: 1024px) {
            #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form {
              width: 30%; } }
          #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address {
            display: flex;
            align-items: center;
            color: #FFF;
            position: relative; }
            #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address .media-address {
              margin: 0 10px 0 0; }
              #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address .media-address svg {
                width: 30px;
                height: 30px; }
            #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address .text-address--mb {
              display: none; }
            #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(1) {
              margin-bottom: 40px; }
              #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(1):after {
                content: '';
                position: absolute;
                width: 100px;
                height: 2px;
                background: #FFF;
                display: block;
                bottom: -20px; }
            #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(3) {
              margin-top: 20px; }
            @media (max-width: 991px) {
              #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address {
                flex-direction: column;
                gap: 10px; }
                #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(1) {
                  margin-bottom: 20px; }
                  #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(1) .text-address {
                    max-width: 70%;
                    text-align: center; }
                #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(2) {
                  padding-top: 20px; }
                  #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(2) .text-address--pc {
                    display: none; }
                  #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(2) .text-address--mb {
                    display: block;
                    text-align: center; }
                #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(3) {
                  display: none; } }
        #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit {
          width: 100%;
          margin-top: 20px; }
          @media (min-width: 1024px) {
            #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit {
              width: 45%;
              margin-top: 0; } }
          #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form ~ .item-form {
            margin-top: 15px; }
          #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form .name-label {
            color: #FFFFFF;
            margin: 0 0 8px; }
          #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-option-wrapper {
            margin-top: 15px; }
            #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-option-wrapper .item-option {
              padding: 0 0 0 15px;
              display: flex;
              align-items: center; }
              @media (max-width: 991px) {
                #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-option-wrapper .item-option {
                  padding: 0; } }
              #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-option-wrapper .item-option ~ .item-option {
                margin-top: 15px; }
              #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-option-wrapper .item-option span {
                margin: 0 0 0 5px;
                color: #FFF; }
          #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-action {
            text-align: center;
            margin-top: 25px; }
            #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-action button {
              background: #FFF;
              width: 80%;
              border: none;
              outline: none;
              box-shadow: none;
              padding: 14px 10px;
              color: #000;
              text-transform: uppercase;
              font-weight: bold;
              cursor: pointer; }
              @media (min-width: 1024px) {
                #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-action button {
                  width: 50%; } }
          #popup-register .popup-register-inner .content-popup .form-register-inner .section-content .form-submit .item-form-warning {
            color: white;
            background: #2a9e2a;
            padding: 10px;
            border-radius: 8px;
            margin: 20px 0;
            text-align: center;
            box-shadow: inset 0 0 14px 0px #17c617; }
  #popup-register button.fancybox-button.fancybox-close-small {
    background: #000;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    right: 10px;
    top: 10px; }
    @media (min-width: 1024px) {
      #popup-register button.fancybox-button.fancybox-close-small {
        right: 70px;
        top: 70px; } }
    #popup-register button.fancybox-button.fancybox-close-small path {
      fill: #FFF; }
  #popup-register #mask_btn__close {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 69px;
    top: 69px;
    z-index: 402;
    background: transparent;
    border: none; }

#popup-success {
  padding: 0;
  max-width: 700px;
  background: transparent; }
  #popup-success .popup-success-inner {
    color: #fff;
    padding: 0;
    background: #000;
    font-size: 24px;
    line-height: 28.8px; }
    #popup-success .popup-success-inner.success_text {
      padding: 40px;
      font-size: 16px;
      line-height: 20.8px;
      text-align: center; }
      #popup-success .popup-success-inner.success_text img {
        max-height: 50px;
        margin-bottom: 20px; }
      #popup-success .popup-success-inner.success_text .wrap-btn-shop {
        display: flex;
        align-items: center;
        justify-content: center; }
        #popup-success .popup-success-inner.success_text .wrap-btn-shop .btn-shop-now {
          font-weight: 600;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: #000000;
          border-radius: 40px;
          background: #ffffff;
          height: 48px;
          padding: 12px;
          border: 1px solid #1D1D1D;
          box-shadow: none;
          outline: none;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          width: 50%; }
    @media (max-width: 575px) {
      #popup-success .popup-success-inner {
        padding: 0;
        font-size: 19px; }
        #popup-success .popup-success-inner br {
          display: none; }
        #popup-success .popup-success-inner.success_text {
          padding: 26px;
          font-size: 14px;
          line-height: 18.2px;
          text-align: center; } }

#form-register {
  padding: 80px 0;
  background: #000;
  position: relative;
  background: url("https://file.hstatic.net/200000714435/file/valentine_bombshell_bath_bomb_hero_2023-12_0c0fdd1cd2a14c78b957d823b3a6f600.jpeg") no-repeat; }
  @media (max-width: 991px) {
    #form-register {
      padding: 30px 0; } }
  #form-register:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0; }
  #form-register .container {
    position: relative;
    z-index: 9; }
  #form-register .form-register-inner .section-title {
    text-align: center; }
    #form-register .form-register-inner .section-title h4 {
      font-size: 42px;
      color: #FFF;
      margin: 0 0 15px 0; }
      @media (max-width: 991px) {
        #form-register .form-register-inner .section-title h4 {
          font-size: 19px; } }
    #form-register .form-register-inner .section-title p {
      font-size: 15px;
      color: #FFF; }
      @media (max-width: 991px) {
        #form-register .form-register-inner .section-title p {
          font-size: 14px; } }
  #form-register .form-register-inner .section-content {
    display: flex;
    margin-top: 50px;
    justify-content: center;
    gap: 25px; }
    @media (max-width: 991px) {
      #form-register .form-register-inner .section-content {
        margin-top: 25px;
        flex-wrap: wrap; } }
    #form-register .form-register-inner .section-content .left-form {
      width: 30%; }
      #form-register .form-register-inner .section-content .left-form .item-address {
        display: flex;
        align-items: center;
        color: #FFF;
        position: relative;
        margin-bottom: 20px; }
        #form-register .form-register-inner .section-content .left-form .item-address .media-address {
          margin: 0 10px 0 0; }
          #form-register .form-register-inner .section-content .left-form .item-address .media-address svg {
            width: 30px;
            height: 30px; }
        #form-register .form-register-inner .section-content .left-form .item-address .text-address--mb {
          display: none; }
        #form-register .form-register-inner .section-content .left-form .item-address:nth-child(2) {
          margin-bottom: 40px; }
          #form-register .form-register-inner .section-content .left-form .item-address:nth-child(2):after {
            content: '';
            position: absolute;
            width: 100px;
            height: 2px;
            background: #FFF;
            display: block;
            bottom: -20px; }
        #form-register .form-register-inner .section-content .left-form .item-address:nth-child(3) {
          margin-top: 20px; }
      @media (max-width: 991px) {
        #form-register .form-register-inner .section-content .left-form {
          width: 100%; }
          #form-register .form-register-inner .section-content .left-form .item-address {
            flex-direction: column; }
            #form-register .form-register-inner .section-content .left-form .item-address .media-address {
              margin: 0 0 5px 0; }
            #form-register .form-register-inner .section-content .left-form .item-address:nth-child(1) {
              margin-bottom: 20px; }
              #form-register .form-register-inner .section-content .left-form .item-address:nth-child(1) .text-address {
                max-width: 65%;
                text-align: center; }
              #form-register .form-register-inner .section-content .left-form .item-address:nth-child(1):after {
                content: none; }
            #form-register .form-register-inner .section-content .left-form .item-address:nth-child(2) .text-address {
              max-width: 65%;
              text-align: center; }
            #form-register .form-register-inner .section-content .left-form .item-address:nth-child(3) .text-address--pc {
              display: none; }
            #form-register .form-register-inner .section-content .left-form .item-address:nth-child(3) .text-address--mb {
              display: block;
              text-align: center; }
            #form-register .form-register-inner .section-content .left-form .item-address:nth-child(4) {
              display: none;
              margin-top: 20px; }
              #form-register .form-register-inner .section-content .left-form .item-address:nth-child(4) .media-address {
                display: none; } }
    #form-register .form-register-inner .section-content .form-submit, #form-register .form-register-inner .section-content .form-submit-open-store-index {
      width: 50%; }
      @media (max-width: 991px) {
        #form-register .form-register-inner .section-content .form-submit, #form-register .form-register-inner .section-content .form-submit-open-store-index {
          width: 100%;
          margin-top: 20px; } }
      #form-register .form-register-inner .section-content .form-submit .item-form ~ .item-form, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form ~ .item-form {
        margin-top: 15px; }
      #form-register .form-register-inner .section-content .form-submit .item-form .name-label, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form .name-label {
        color: #FFFFFF;
        margin: 0 0 8px; }
      #form-register .form-register-inner .section-content .form-submit .item-form-option-wrapper, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form-option-wrapper {
        margin-top: 30px; }
        #form-register .form-register-inner .section-content .form-submit .item-form-option-wrapper .item-option, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form-option-wrapper .item-option {
          padding: 0 0 0 15px;
          display: flex;
          align-items: center; }
          #form-register .form-register-inner .section-content .form-submit .item-form-option-wrapper .item-option ~ .item-option, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form-option-wrapper .item-option ~ .item-option {
            margin-top: 15px; }
          #form-register .form-register-inner .section-content .form-submit .item-form-option-wrapper .item-option span, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form-option-wrapper .item-option span {
            margin: 0 0 0 5px;
            color: #FFF; }
      #form-register .form-register-inner .section-content .form-submit .item-form-action, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form-action {
        text-align: center;
        margin-top: 25px; }
        #form-register .form-register-inner .section-content .form-submit .item-form-action button, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form-action button {
          background: #FFF;
          width: 80%;
          border: none;
          outline: none;
          box-shadow: none;
          padding: 14px 10px;
          color: #000;
          text-transform: uppercase;
          font-weight: bold;
          cursor: pointer; }
      #form-register .form-register-inner .section-content .form-submit .item-form-warning, #form-register .form-register-inner .section-content .form-submit-open-store-index .item-form-warning {
        color: white;
        background: #2a9e2a;
        padding: 10px;
        border-radius: 8px;
        margin: 20px 0;
        text-align: center;
        box-shadow: inset 0 0 14px 0px #17c617; }
  #form-register ~ .section-slider-banner-home {
    margin: 0; }

.item-form .war-error {
  color: red;
  font-size: 12px;
  margin-top: 5px; }

.item-form input:not([name="gender"]), .item-form select {
  background: transparent;
  border: 1px solid #FFF;
  padding: 8px 15px;
  color: #FFF;
  outline: none;
  box-shadow: none;
  height: 40px;
  width: 100%;
  border-radius: 4px; }
  .item-form input:not([name="gender"]).error, .item-form select.error {
    border-color: red; }
  .item-form input:not([name="gender"])::placeholder, .item-form select::placeholder {
    color: #FFF; }
  .item-form input:not([name="gender"]):-ms-input-placeholder, .item-form select:-ms-input-placeholder {
    color: #FFF; }
  .item-form input:not([name="gender"])::-ms-input-placeholder, .item-form select::-ms-input-placeholder {
    color: #FFF; }

.item-form.item-form-gender {
  display: flex;
  gap: 30px; }
  .item-form.item-form-gender .item-inner {
    display: flex;
    align-items: center;
    gap: 4px; }
  .item-form.item-form-gender label {
    color: white;
    cursor: pointer; }

#main-topbar {
  background: black;
  text-align: center; }
  #main-topbar a {
    font-size: 14px;
    line-height: 18.2px;
    color: white;
    display: block;
    padding: 10px 0; }

.select2-container {
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  z-index: 999999; }
  .select2-container #store-open-1 {
    z-index: 9; }
  .select2-container .select2-selection--multiple {
    height: 40px;
    display: flex;
    align-items: center;
    background: transparent;
    padding-bottom: 0;
    padding-right: 0;
    padding: 0 15px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
  background: #FFFFFF;
  border-radius: 4px;
  border: none;
  box-shadow: none;
  padding: 4px; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  align-items: center;
  gap: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 35px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  padding: 4px 10px; }

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

#popup-store-open {
  padding: 0;
  max-width: 500px;
  background: transparent; }
  @media (min-width: 992px) {
    #popup-store-open {
      width: 100%;
      max-width: 1500px;
      padding: 60px; } }
  #popup-store-open .popup-register-inner {
    background: #000; }
    #popup-store-open .popup-register-inner .content-popup {
      padding: 30px;
      background: url("https://file.hstatic.net/200000714435/file/valentine_bombshell_bath_bomb_hero_2023-12_0c0fdd1cd2a14c78b957d823b3a6f600.jpeg") no-repeat;
      position: relative; }
      #popup-store-open .popup-register-inner .content-popup:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        display: block;
        left: 0;
        top: 0; }
      @media (max-width: 991px) {
        #popup-store-open .popup-register-inner .content-popup {
          padding: 30px 25px; } }
      #popup-store-open .popup-register-inner .content-popup .form-register-inner {
        position: relative;
        z-index: 1; }
        #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-title {
          text-align: center; }
          #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-title h4 {
            font-size: 24px;
            color: #FFF;
            margin: 0 0 15px 0; }
          #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-title p {
            font-size: 14px;
            color: #FFF; }
        #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content {
          display: flex;
          margin-top: 50px;
          flex-wrap: wrap;
          gap: 25px; }
          @media (min-width: 992px) {
            #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content {
              justify-content: center; } }
          #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form {
            width: 100%; }
            @media (min-width: 992px) {
              #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form {
                width: 30%; } }
            #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address {
              display: flex;
              align-items: center;
              color: #FFF;
              position: relative;
              margin-bottom: 20px; }
              #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address .media-address {
                margin: 0 10px 0 0; }
                @media (max-width: 991px) {
                  #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address .media-address {
                    margin: 0; } }
                #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address .media-address svg {
                  width: 30px;
                  height: 30px; }
              @media (max-width: 991px) {
                #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address .text-address {
                  text-align: center; } }
              #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address .text-address--mb {
                display: none; }
              #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(2) {
                margin-bottom: 40px; }
                #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(2):after {
                  content: '';
                  position: absolute;
                  width: 100px;
                  height: 2px;
                  background: #FFF;
                  display: block;
                  bottom: -20px; }
              #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(3) {
                margin-top: 20px; }
              @media (max-width: 991px) {
                #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address {
                  flex-direction: column;
                  gap: 10px; }
                  #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(1) {
                    margin-bottom: 20px; }
                    #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(1) .text-address {
                      text-align: center; }
                  #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(2) {
                    padding-top: 20px; }
                    #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(2) .text-address--pc {
                      display: none; }
                    #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(2) .text-address--mb {
                      display: block;
                      text-align: center; }
                  #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .left-form .item-address:nth-child(3) {
                    display: none; } }
          #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store {
            width: 100%;
            margin-top: 20px; }
            @media (min-width: 992px) {
              #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store {
                width: 45%;
                margin-top: 0; } }
            #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form ~ .item-form {
              margin-top: 15px; }
            #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form .name-label {
              color: #FFFFFF;
              margin: 0 0 8px; }
            #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-option-wrapper {
              margin-top: 15px; }
              #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-option-wrapper .item-option {
                padding: 0 0 0 15px;
                display: flex;
                align-items: center; }
                @media (max-width: 991px) {
                  #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-option-wrapper .item-option {
                    padding: 0; } }
                #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-option-wrapper .item-option ~ .item-option {
                  margin-top: 15px; }
                #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-option-wrapper .item-option span {
                  margin: 0 0 0 5px;
                  color: #FFF; }
            #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-action {
              text-align: center;
              margin-top: 25px; }
              #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-action button {
                background: #FFF;
                width: 80%;
                border: none;
                outline: none;
                box-shadow: none;
                padding: 14px 10px;
                color: #000;
                text-transform: uppercase;
                font-weight: bold;
                cursor: pointer; }
                @media (min-width: 992px) {
                  #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-action button {
                    width: 50%; } }
            #popup-store-open .popup-register-inner .content-popup .form-register-inner .section-content .form-submit-open-store .item-form-warning {
              color: white;
              background: #2a9e2a;
              padding: 10px;
              border-radius: 8px;
              margin: 20px 0;
              text-align: center;
              box-shadow: inset 0 0 14px 0px #17c617; }
  #popup-store-open .fancybox-close-small {
    background: #000;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    right: 10px;
    top: 10px; }
    @media (min-width: 992px) {
      #popup-store-open .fancybox-close-small {
        right: 70px;
        top: 70px; } }
    #popup-store-open .fancybox-close-small path {
      fill: #FFF; }

#popup-success-form {
  padding: 40px;
  max-width: 700px;
  border-radius: 4px; }
  #popup-success-form .fancybox-slide--html .fancybox-close-small {
    background: #000000;
    border-radius: 100%;
    opacity: 1;
    top: -10px;
    right: -10px;
    position: absolute;
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    border: 2px solid #FFFFFF;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    #popup-success-form .fancybox-slide--html .fancybox-close-small svg {
      width: 20px;
      height: 20px; }
  #popup-success-form .m_success-form {
    font-size: 20px;
    text-align: center;
    line-height: 1.2; }

.hrv-crv-customer-review:has(.hrv-crv-container.active) {
  display: flex;
  justify-content: center;
  margin: 10px 0px; }

#store-open-1 .section-form-open {
  background: black;
  position: relative;
  padding-bottom: 80px; }
  @media (max-width: 991px) {
    #store-open-1 .section-form-open {
      padding-bottom: 0;
      margin-bottom: -01px; } }
  #store-open-1 .section-form-open .wrap-form-open {
    padding: 0px 15px;
    position: relative; }
    @media (max-width: 991px) {
      #store-open-1 .section-form-open .wrap-form-open {
        padding: 40px 15px; } }
    #store-open-1 .section-form-open .wrap-form-open:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      top: 0;
      left: 0; }
  #store-open-1 .section-form-open .heading-form-open {
    font-size: 52px;
    line-height: 1.2;
    margin: 0 0 40px 0;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    position: relative; }
    @media (max-width: 991px) {
      #store-open-1 .section-form-open .heading-form-open {
        font-size: 32px; } }
  #store-open-1 .section-form-open .form-submit-open-store {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative; }
    #store-open-1 .section-form-open .form-submit-open-store .item-form label {
      color: #fff;
      margin: 0 0 10px 0; }
    #store-open-1 .section-form-open .form-submit-open-store .item-form.item-form-gender label {
      margin: 0; }
    #store-open-1 .section-form-open .form-submit-open-store .item-form-option-wrapper {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      #store-open-1 .section-form-open .form-submit-open-store .item-form-option-wrapper .item-option span {
        color: #fff; }
    #store-open-1 .section-form-open .form-submit-open-store .item-form-action button {
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #000000;
      border-radius: 40px;
      background: #ffffff;
      height: 48px;
      padding: 12px;
      border: 1px solid #1D1D1D;
      box-shadow: none;
      outline: none;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 90%;
      gap: 10px;
      margin: 0 auto; }

#store-open-1 .section-address {
  background: black; }
  @media (max-width: 991px) {
    #store-open-1 .section-address {
      padding: 0;
      margin-top: -60px; } }
  @media (max-width: 991px) {
    #store-open-1 .section-address .wrap-section-address {
      padding: 0 15px; } }
  #store-open-1 .section-address .heading-icon {
    text-align: center; }
    #store-open-1 .section-address .heading-icon svg {
      width: 100px;
      height: 100px; }
      @media (max-width: 991px) {
        #store-open-1 .section-address .heading-icon svg {
          width: 50px;
          height: 50px; } }
      #store-open-1 .section-address .heading-icon svg path {
        fill: #fff; }
  #store-open-1 .section-address .text-heading {
    text-align: center;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-size: 32px;
    gap: 14px;
    margin-top: 20px;
    line-height: 1.2; }
    @media (max-width: 991px) {
      #store-open-1 .section-address .text-heading {
        font-size: 16px;
        gap: 0; } }
    #store-open-1 .section-address .text-heading span:nth-child(1) {
      font-size: 48px;
      font-weight: bold;
      line-height: 1.2; }
      @media (max-width: 991px) {
        #store-open-1 .section-address .text-heading span:nth-child(1) {
          font-size: 24px; } }

#store-open-1 .seciton-open-mb {
  background: black;
  padding-bottom: 40px; }
  #store-open-1 .seciton-open-mb .wrap-item-mb {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory; }
    #store-open-1 .seciton-open-mb .wrap-item-mb .item-image {
      width: 40%;
      flex-shrink: 0;
      scroll-snap-align: start; }

#popup-thankyou {
  padding: 0; }
  #popup-thankyou .m_popup-thankyou {
    max-width: 800px; }

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

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

#ldp-iwd .section-1 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  #ldp-iwd .section-1 a {
    width: 110px;
    height: 40px;
    background: transparent;
    position: absolute;
    bottom: 0; }

@media (max-width: 991px) {
  #ldp-iwd .section-5 {
    display: none; } }

#ldp-iwd .section-address {
  background: #85f0ff;
  padding: 30px 0; }
  @media (max-width: 991px) {
    #ldp-iwd .section-address.section-address-desktop {
      display: none; } }
  #ldp-iwd .section-address.section-address-mobile {
    display: none; }
    @media (max-width: 991px) {
      #ldp-iwd .section-address.section-address-mobile {
        display: block; } }
  @media (max-width: 991px) {
    #ldp-iwd .section-address .wrap-section-address {
      padding: 0 15px; } }
  #ldp-iwd .section-address .heading-icon {
    text-align: center; }
    #ldp-iwd .section-address .heading-icon svg {
      width: 100px;
      height: 100px; }
      @media (max-width: 991px) {
        #ldp-iwd .section-address .heading-icon svg {
          width: 50px;
          height: 50px; } }
      #ldp-iwd .section-address .heading-icon svg path {
        fill: #ef7b43; }
  #ldp-iwd .section-address .text-heading {
    text-align: center;
    display: flex;
    flex-direction: column;
    color: #ef7b43;
    font-size: 32px;
    gap: 14px;
    margin-top: 20px;
    line-height: 1.2; }
    @media (max-width: 991px) {
      #ldp-iwd .section-address .text-heading {
        font-size: 16px;
        gap: 0; } }
    #ldp-iwd .section-address .text-heading span:nth-child(1) {
      font-size: 48px;
      font-weight: bold;
      line-height: 1.2; }
      @media (max-width: 991px) {
        #ldp-iwd .section-address .text-heading span:nth-child(1) {
          font-size: 24px; } }

#ldp-iwd .section-form-open {
  background: #fef9e4;
  position: relative;
  padding: 80px 0; }
  @media (max-width: 991px) {
    #ldp-iwd .section-form-open {
      padding: 0; } }
  #ldp-iwd .section-form-open .wrap-form-open {
    padding: 0px 15px;
    position: relative; }
    @media (max-width: 991px) {
      #ldp-iwd .section-form-open .wrap-form-open {
        padding: 0 15px 40px 15px; } }
  #ldp-iwd .section-form-open .heading-form-open {
    font-size: 52px;
    line-height: 1.2;
    margin: 0 0 40px 0;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    position: relative; }
    @media (max-width: 991px) {
      #ldp-iwd .section-form-open .heading-form-open {
        font-size: 32px; } }
  #ldp-iwd .section-form-open .form-submit-open-store {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative; }
    #ldp-iwd .section-form-open .form-submit-open-store .item-form label {
      color: #000;
      margin: 0 0 10px 0; }
    #ldp-iwd .section-form-open .form-submit-open-store .item-form input, #ldp-iwd .section-form-open .form-submit-open-store .item-form select {
      border-color: #000000;
      color: #000000; }
      #ldp-iwd .section-form-open .form-submit-open-store .item-form input::placeholder, #ldp-iwd .section-form-open .form-submit-open-store .item-form select::placeholder {
        color: #000000; }
    #ldp-iwd .section-form-open .form-submit-open-store .item-form.item-form-gender label {
      margin: 0; }
    #ldp-iwd .section-form-open .form-submit-open-store .item-form-option-wrapper {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      #ldp-iwd .section-form-open .form-submit-open-store .item-form-option-wrapper .item-option span {
        color: #000; }
    #ldp-iwd .section-form-open .form-submit-open-store .item-form-action button {
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #000000;
      border-radius: 40px;
      background: #ffffff;
      height: 48px;
      padding: 12px;
      border: 1px solid #1D1D1D;
      box-shadow: none;
      outline: none;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 90%;
      gap: 10px;
      margin: 0 auto; }

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