@charset "UTF-8";
/* 1rem = 16px */
/* table 	= min 768px */
/* mobile = min 550px */
:root {
  --background-color: #fff;
  --text-color: #3a2e2c;
  --secondary-color: #3300ad;
  --hover-color: #3300ad;
  --primary-color: #3a2e2c;
  --border-color: #f5f3f5;
  --color-state-info: #1982F9;
  --color-state-success: #24B400;
  --color-state-warning: #FDD835;
  --color-state-error: #E30019;
  --color-state-question: #FF8A00;
  --bg-label-sale: #000000;
  --color-label-sale: #ffffff;
  --links-border-bottom-color: #d8d5d5;
  --icon-arrow-down: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSdjdXJyZW50Q29sb3InPjxwYXRoIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjIwIiBkPSJNMjAwIDMwMGMyIDAgMy43LS44IDQuOS0ybDE5My0xODUuN2MxLjQtMS40IDIuMS0zLjEgMi4xLTUuMyAwLTMuOS0zLjEtNy03LjItNy0xLjggMC0zLjUuOC00LjkgMkwyMDAgMjgzIDEyLjEgMTAyYy0xLjQtMS4yLTMuMS0yLTQuOS0yLTQuMSAwLTcuMiAzLjEtNy4yIDcgMCAyLjEuOCAzLjkgMi4xIDUuM2wxOTMgMTg1LjdjMS4yIDEuMiAyLjkgMiA0LjkgMnoiLz48L3N2Zz4K);
  --icon-arrow-right: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4LjAyMzkzIDE0Ljk3MTY4IiB3aWR0aD0iOCIgaGVpZ2h0PSI4Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjM2EyZTJjOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj4KICAgIDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIwLjcxNiAxNC45NzIgMCAxNC4yNzIgNi42MjYgNy40ODYgMCAwLjY5OSAwLjcxNiAwIDguMDI0IDcuNDg2IDAuNzE2IDE0Ljk3MiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
  --loading-dots-dark: #7f7776;
  --loading-dots-light: #fff;
  --sectional-grid-gap: 15px; }
  @media (min-width: 992px) {
    :root {
      --sectional-grid-gap: 20px; } }

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

body, html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background-color: var(--background-color);
  color: var(--text-color);
  /*font-family: "Quicksand", sans-serif;*/
  /*font-family: "Noto Sans", serif;*/
  font-family: "Afacad", serif !important;
  font-optical-sizing: auto;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  /*
	&::-webkit-scrollbar { width: 0; }
	&::-webkit-scrollbar-track { background: #ccc;}
	&::-webkit-scrollbar-thumb { background: #D0D0D0; }
	*/ }
  body.open-noscroll, html.open-noscroll {
    overflow: hidden; }
  body.open-overlay .site-overlay, html.open-overlay .site-overlay {
    opacity: 1;
    visibility: visible; }
  body.open-sidebar-cart .sidebar-cart, html.open-sidebar-cart .sidebar-cart {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  body.open-sidebar-menu .sidebar-menu, html.open-sidebar-menu .sidebar-menu {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  body.open-sidebar-filter .sidebar-filter, html.open-sidebar-filter .sidebar-filter {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  body.open-sidebar-search .toolbar-menu-mobile, html.open-sidebar-search .toolbar-menu-mobile {
    z-index: 9; }
  body.open-sidebar-search .main-header--height, html.open-sidebar-search .main-header--height {
    z-index: 14; }
    body.open-sidebar-search .main-header--height .header-wrap-menu, html.open-sidebar-search .main-header--height .header-wrap-menu {
      pointer-events: none; }
  body.open-sidebar-search .mainsearch, html.open-sidebar-search .mainsearch {
    display: block;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    z-index: 99;
    height: auto; }
  @media (max-width: 991px) {
    body.open-sidebar-search.open-noscroll, html.open-sidebar-search.open-noscroll {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      transition: fill .2s ease; }
    body.open-sidebar-search .mainsearch, html.open-sidebar-search .mainsearch {
      height: 100%; } }
  body.modal-open .modal-backdrop.show, html.modal-open .modal-backdrop.show {
    opacity: 0; }

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

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

input[type='text'], input[type='email'], input[type='tel'], input[type='password'], .input, select {
  position: relative;
  display: inline-block;
  cursor: text;
  border-radius: var(--border-input-radius);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  box-sizing: border-box;
  background-color: #fff; }

input[type='text'], input[type='email'], input[type='tel'], input[type='password'], .input {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none; }

/* 1.1 - HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
  display: block; }

/* 1.2 - Typography */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-color);
  margin: 0 0 10px 0;
  font-weight: 700;
  line-height: 1.3; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--text-color); }

/* 1.3 - Links  */
a {
  color: var(--text-color);
  text-decoration: none;
  outline: none;
  -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; }
  a:hover, a:focus {
    color: var(--text-color);
    text-decoration: none;
    outline: none; }
  a:active {
    outline: none; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

textarea {
  resize: none; }

.u-link {
  display: inline-flex; }
  .u-link.u-link--underlined {
    border-bottom: 1px solid #000000; }

/* 1.4 - Layout */
@media (min-width: 550px) {
  .container-fluid {
    padding: 0 45px; }
  /*.template-product .product-layout .container-fluid {padding: 0 45px;}*/ }

@media (min-width: 760px) {
  .container-fluid {
    padding: 0 45px; }
  /*.template-product .product-layout .container-fluid {padding: 0 32px;}*/ }

@media (min-width: 1100px) {
  .container-fluid {
    padding: 0 98px;
    max-width: 1540px;
    margin: 0 auto; }
  /*.template-product .product-layout .container-fluid {max-width: 1500px;margin: 0 auto;padding: 0 96px;}*/ }

/*
@media (min-width: 1600px){
.template-product .product-layout .container-fluid {max-width: 1600px;margin: 0 auto;padding: 0 15px;}
}
*/
/* 1.5 - Lists */
ul, ol {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.typeList-style * {
  max-width: 100% !important; }

.typeList-style ul {
  list-style: initial;
  padding-left: 20px; }

.typeList-style ol {
  list-style-type: decimal;
  padding-left: 20px; }

.typeList-style ul ul {
  list-style-type: circle; }

.typeList-style ul ul ul {
  list-style-type: square; }

.typeList-style ul li, .typeList-style ol li {
  margin: 5px 0; }

/* 1.6 - Variable */
/* 1.7 - Anmaiton css3 */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

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

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

@keyframes loading-dot-8px {
  0% {
    animation-timing-function: ease-in-out;
    opacity: 0;
    transform: scale(0); }
  50% {
    opacity: 1; }
  75% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1); }
  to {
    opacity: 0;
    transform: scale(1); } }

@keyframes loading-dot-15px {
  0% {
    animation-timing-function: ease-in-out;
    opacity: 0;
    transform: scale(0); }
  50% {
    opacity: 1; }
  75% {
    animation-timing-function: ease-out;
    opacity: 1;
    transform: scale(1); }
  to {
    opacity: 0;
    transform: scale(1); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 0;
    transform: translateY(100%); } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0); }
  to {
    opacity: 0;
    transform: translateY(100%); } }

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

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

@keyframes pulsate {
  100% {
    text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #bc13fe, 0 0 80px #bc13fe, 0 0 90px #bc13fe, 0 0 100px #bc13fe,0 0 150px #bc13fe; }
  0% {
    text-shadow: 0 0 2px #fff,0 0 4px #fff,0 0 6px #fff,0 0 10px #bc13fe,0 0 45px #bc13fe,0 0 55px #bc13fe,0 0 70px #bc13fe,0 0 80px #bc13fe; } }

@keyframes pulsate2 {
  100% {
    text-shadow: 0 0 4px #fff, 0 0 11px #fff, 0 0 19px #fff, 0 0 40px #ff5722, 0 0 80px #ff5722, 0 0 90px #ff5722, 0 0 100px #ff5722, 0 0 150px #ff5722; }
  0% {
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 10px #ff5722, 0 0 45px #ff5722, 0 0 55px #ff5722, 0 0 70px #ff5722, 0 0 80px #ff5722; } }

/* 1.8 - Button */
button {
  outline: none !important; }

.button {
  font-weight: 500;
  position: relative;
  cursor: pointer;
  border-radius: 0px;
  padding: 11px 15px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: transparent;
  color: #3a2e2c;
  outline: none !important;
  border: 1px solid #7f7776;
  border-radius: 2px;
  transition: transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .button:hover {
    color: #fff;
    background: #3a2e2c;
    border-color: #3a2e2c; }

.u-btn {
  background: initial;
  border: 0;
  border-radius: 2px;
  margin: 0;
  padding: 18px 25px;
  position: relative;
  text-align: center;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .u-btn .u-loading {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%); }
  .u-btn .u-icon {
    display: inline-block;
    height: 14px;
    width: 14px; }
  .u-btn:not(.disabled) {
    cursor: pointer; }
  .u-btn.u-btn--is-small {
    font-size: 12px;
    line-height: 18px;
    padding: 13px 15px; }
  .u-btn.u-btn--is-large {
    font-size: 14px;
    line-height: 22px;
    padding: 18px 25px; }
  .u-btn.u-btn--full-width {
    width: 100%;
    display: flex; }
  .u-btn.u-btn--primary {
    border: 1px solid #3300ad;
    color: #fff;
    background: #3300ad; }
    .u-btn.u-btn--primary.u-btn--is-loading {
      background: #3300ad;
      border-color: #3300ad; }
    .u-btn.u-btn--primary:not([aria-disabled=true]):hover {
      background: #230077;
      border-color: #230077; }
    .u-btn.u-btn--primary.u-icon {
      fill: #fff; }
  .u-btn.u-btn--secondary {
    border: 1px solid #3a2e2c;
    color: #fff;
    background: #3a2e2c; }
    .u-btn.u-btn--secondary.u-btn--is-loading {
      background: #3a2e2c;
      border-color: #3a2e2c; }
    .u-btn.u-btn--secondary.c-icon {
      fill: #fff; }
  .u-btn.u-btn--tertiary {
    border: 1px solid #3a2e2c;
    color: #3a2e2c; }
  .u-btn.u-btn--outline {
    border: 1px solid var(--button-border-color);
    background: #fff;
    color: var(--text-color); }

/* 1.9 Image & Loading */
img {
  max-width: 100%; }

img.lazyload:not([src]) {
  visibility: hidden; }

video {
  border: none !important; }

.fade-box {
  overflow: hidden; }
  .fade-box picture {
    position: relative;
    padding-bottom: 50%;
    display: block; }
    .fade-box picture img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-height: 100%; }

.video-ytb-iframe {
  position: relative;
  padding-bottom: 50%; }
  .video-ytb-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }

.animated-background, .loading-mask .loading-mask__image .mask-line, .loading-mask .loading-mask__detail .mask-line {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  /*animation-name: placeHolderShimmer;*/
  animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 800px 104px;
  position: relative; }

.loading-mask .loading-mask__image {
  position: relative;
  overflow: hidden;
  width: 100%; }

.loading-mask .loading-mask__detail {
  padding: 10px 0; }

.loading-mask .loading-mask__detail .mask-line {
  height: 10px;
  width: 100%;
  border-radius: 8px;
  margin: 4px 0; }
  .loading-mask .loading-mask__detail .mask-line:nth-child(2) {
    width: 80%; }
  .loading-mask .loading-mask__detail .mask-line:nth-child(3) {
    width: 65%; }

/* 2.0 - CSS  General */
.sitebox-recaptcha {
  padding: 6px 0 0;
  text-align: left;
  color: #9e9e9e;
  font-size: 13px;
  clear: both; }

.sitebox-recaptcha a {
  color: #2962ff; }

/* 2.1 - Breadcrumb  - Pagination  */
.breadcrumb--wrapper {
  background: transparent;
  padding: 0 0px; }
  .breadcrumb--wrapper .breadcrumb-list {
    overflow: hidden; }
  .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows {
    font-size: 12px;
    padding: 10px 0;
    background: transparent;
    border-radius: 0;
    margin: 0;
    list-style: none; }
  .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows > li {
    display: inline-block; }
  .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows > li strong {
    font-weight: 400;
    color: var(--text-color); }
  .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows > li a {
    color: #6e6e6e; }
  .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows > li + li:before {
    padding: 0 2px;
    margin-left: 4px;
    color: #6e6e6e;
    content: "/"; }
  @media (max-width: 767px) {
    .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows {
      padding: 7px 0;
      font-size: 12px;
      display: block;
      white-space: nowrap;
      overflow: scroll; }
    .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows > li + li:before {
      padding: 0 2px; }
    .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows::-webkit-scrollbar {
      display: none; }
    .breadcrumb--wrapper .breadcrumb-list .breadcrumb-arrows {
      -ms-overflow-style: none;
      scrollbar-width: none; } }

.pagi #pagination {
  padding: 30px 0 30px; }

.pagi svg {
  vertical-align: -1px; }

.pagi svg path {
  fill: #5F5F5F; }

.pagi a.disabled svg path {
  fill: #C6C6C6; }

.pagi .page-node, .pagi .next, .pagi .prev {
  display: inline-block;
  height: 24px;
  text-align: center;
  margin-left: 3px;
  margin-right: 3px;
  width: 24px;
  line-height: 24px;
  outline: 0px;
  border-radius: 2px; }

.pagi .page-node.current {
  background: var(--primary-color);
  color: #fff; }

.pagi .page-node:not(.current):hover {
  color: var(--primary-color); }

#pagination {
  padding: 30px 0 30px; }
  #pagination svg {
    vertical-align: -1px; }
  #pagination svg path {
    fill: #5F5F5F; }
  #pagination a.disabled svg path {
    fill: #C6C6C6; }
  #pagination .page-node, #pagination .next, #pagination .prev {
    display: inline-block;
    height: 24px;
    text-align: center;
    margin-left: 3px;
    margin-right: 3px;
    width: 24px;
    line-height: 24px;
    outline: 0px;
    border-radius: 2px; }
  #pagination .page-node.current {
    background: var(--primary-color);
    color: #fff; }
  #pagination .page-node:not(.current):hover {
    color: var(--primary-color); }

/* 2.2 - Effect && Effect hover && banner hover */
/* 2.3 - Overlay */
.site-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 13;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.6);
  transition: all 200ms linear; }
  .site-overlay.active {
    opacity: 1;
    visibility: visible; }

/* 2.4 - Loaling */
.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;
  height: 0; }
  .loading-ovl.open {
    visibility: visible;
    opacity: 1;
    height: 100%; }
  .loading-ovl .load-3 .line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #222; }
  .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 {
  background: rgba(255, 255, 255, 0.5);
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  height: 0; }
  .loading .loading__dot {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 50%;
    display: block;
    position: relative;
    transform: scale(0);
    transform-origin: center center;
    transform-style: preserve-3d; }
    .loading .loading__dot:first-child {
      animation-delay: -.45s; }
    .loading .loading__dot:nth-child(2) {
      animation-delay: -.3s; }
    .loading .loading__dot:nth-child(3) {
      animation-delay: -.15s; }
    .loading .loading__dot:nth-child(4) {
      animation-delay: 0ms; }
  .loading.open {
    height: 100%;
    visibility: visible;
    opacity: 1; }
  .loading.is-large {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .loading.is-large .loading__dot {
      animation-name: loading-dot-15px;
      flex-basis: 15px;
      flex-grow: 0;
      flex-shrink: 0;
      height: 15px;
      width: 15px; }
      .loading.is-large .loading__dot:not(:last-child) {
        margin-right: 15px; }
  .loading.is-small {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0); }
    .loading.is-small .loading__dot {
      animation-name: loading-dot-8px;
      flex-basis: 8px;
      flex-grow: 0;
      flex-shrink: 0;
      height: 8px;
      width: 8px; }
      .loading.is-small .loading__dot:not(:last-child) {
        margin-right: 8px; }
  .loading.loading--dark .loading__dot {
    background-color: var(--loading-dots-dark); }
  .loading.loading--light .loading__dot {
    background-color: var(--loading-dots-light); }

.has-loading {
  padding: 0 0 50% !important;
  position: relative; }
  .has-loading .loading {
    visibility: visible;
    opacity: 1; }

/* 2.5 - Input, */
.form__input-wrapper {
  position: relative;
  margin-top: 30px; }
  .form__input-wrapper .form__floating-label {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0px;
    margin-bottom: 0;
    -webkit-transform: translateY(32%);
    transform: translateY(32%);
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    pointer-events: none; }
  .form__input-wrapper .form__field {
    width: 100%;
    height: 40px;
    background: transparent;
    color: var(--text-color);
    border: none;
    border-bottom: 1px solid #bab6b5;
    border-radius: 0;
    outline: none;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none !important;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
    /* Chrome/Opera/Safari */
    /* Firefox 19+ */
    /* IE 10+ */
    /* Firefox 18- */ }
    .form__input-wrapper .form__field::-webkit-input-placeholder {
      color: var(--text-color); }
    .form__input-wrapper .form__field::-moz-placeholder {
      color: var(--text-color); }
    .form__input-wrapper .form__field:-ms-input-placeholder {
      color: var(--text-color); }
    .form__input-wrapper .form__field:-moz-placeholder {
      color: var(--text-color); }
    .form__input-wrapper .form__field:-webkit-autofill, .form__input-wrapper .form__field:-webkit-autofill:hover, .form__input-wrapper .form__field:-webkit-autofill:focus, .form__input-wrapper .form__field:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px white inset !important; }
      .form__input-wrapper .form__field:-webkit-autofill + .form__floating-label, .form__input-wrapper .form__field:-webkit-autofill:hover + .form__floating-label, .form__input-wrapper .form__field:-webkit-autofill:focus + .form__floating-label, .form__input-wrapper .form__field:-webkit-autofill:active + .form__floating-label {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        background: transparent;
        font-size: 12px;
        color: #3520a7;
        font-weight: bold; }
    .form__input-wrapper .form__field:focus {
      border-bottom: 2px solid #3300ad; }
  .form__input-wrapper.field-show-floating-label .form__floating-label {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    background: transparent;
    font-size: 12px;
    color: #3520a7;
    font-weight: bold; }
  .form__input-wrapper.form__input-wrapper--radio > div > div {
    margin-right: 30px;
    margin-top: 10px; }
    .form__input-wrapper.form__input-wrapper--radio > div > div label {
      margin-bottom: 0; }
  .form__input-wrapper.last button + a {
    margin-top: 20px; }
  .form__input-wrapper .eye-password {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    cursor: pointer; }
    .form__input-wrapper .eye-password svg:nth-child(2) {
      display: none; }
  .form__input-wrapper.show-pass .eye-password svg:nth-child(1) {
    display: none; }
  .form__input-wrapper.show-pass .eye-password svg:nth-child(2) {
    display: block; }
  .form__input-wrapper input[type="radio"] {
    margin-top: 0;
    vertical-align: top;
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin: 0 0.2rem 0 0;
    cursor: pointer;
    outline: none !important;
    border: none !important; }
    .form__input-wrapper 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: scale(0, 0);
      -moz-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      content: "";
      position: absolute;
      left: -1px;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      z-index: 1;
      width: 8px;
      height: 8px;
      background: #212121;
      border-radius: 50%; }
    .form__input-wrapper input[type="radio"]:after {
      content: "";
      position: absolute;
      left: -1px;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      width: 16px;
      height: 16px;
      background: #fff;
      border: 1px solid #212121;
      border-radius: 50%; }
    .form__input-wrapper input[type="radio"]:checked:before {
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .form__input-wrapper input[type="radio"]:checked:after {
      border: 1px solid #212121; }
  .form__input-wrapper input[type="checkbox"] {
    margin-top: 0;
    vertical-align: top;
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    outline: none !important;
    border: none !important; }
    .form__input-wrapper input[type="checkbox"]:before {
      -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
      -webkit-transform: rotate(-45deg) scale(0, 0);
      -moz-transform: rotate(-45deg) scale(0, 0);
      -ms-transform: rotate(-45deg) scale(0, 0);
      -o-transform: rotate(-45deg) scale(0, 0);
      transform: rotate(-45deg) scale(0, 0);
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 6px;
      margin: auto;
      z-index: 1;
      width: 10px;
      height: 5px;
      border: 2px solid #212121;
      border-top-style: none;
      border-right-style: none; }
    .form__input-wrapper input[type="checkbox"]: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); }
    .form__input-wrapper input[type="checkbox"]:after {
      content: "";
      position: absolute;
      left: -1px;
      right: 0;
      bottom: 0;
      top: 0;
      margin: auto;
      width: 16px;
      height: 16px;
      background: #fff;
      border: 1px solid #212121;
      cursor: pointer;
      border-radius: 3px; }
    .form__input-wrapper input[type="checkbox"]:checked:after {
      border-color: #212121; }
  .form__input-wrapper.error .form__field {
    border-bottom: 1px solid red; }
  .form__input-wrapper .err-msg {
    color: red;
    font-size: 10px;
    margin-top: 4px; }

.summary-block .form__input-wrapper {
  margin-top: 20px; }
  .summary-block .form__input-wrapper .form__field:-webkit-autofill, .summary-block .form__input-wrapper .form__field:-webkit-autofill:hover, .summary-block .form__input-wrapper .form__field:-webkit-autofill:focus, .summary-block .form__input-wrapper .form__field:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #f7f8f9 inset !important; }
    .summary-block .form__input-wrapper .form__field:-webkit-autofill + .form__floating-label, .summary-block .form__input-wrapper .form__field:-webkit-autofill:hover + .form__floating-label, .summary-block .form__input-wrapper .form__field:-webkit-autofill:focus + .form__floating-label, .summary-block .form__input-wrapper .form__field:-webkit-autofill:active + .form__floating-label {
      -webkit-transform: translateY(-13px);
      transform: translateY(-13px);
      font-size: 10px; }
  .summary-block .form__input-wrapper.field-show-floating-label .form__floating-label {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
    background: transparent;
    font-size: 10px; }

/*----------------------------------------------*/
/* TEMPLATE */
/*----------------------------------------------*/
.template {
  --header-background-color: #fff;
  --header-border-color: #f9f9f9;
  top: 0 !important; }
  .template.template-collection-deluxe {
    --header-background-color: #FDDA25;
    --header-border-color: #000000; }
  .template[class*="ldp-"] main {
    padding-bottom: 80px; }

/*----------------------------------------------*/
/* HEADER */
/*----------------------------------------------*/
.topbar {
  font-size: 13px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #000;
  width: 100%;
  height: 40px; }
  .topbar ul {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .topbar ul li a {
      position: relative;
      display: inline-block;
      padding: 0 14px;
      color: #fff; }
    .topbar ul li a:before {
      position: absolute;
      content: '';
      right: 0;
      top: 0;
      background: #000;
      height: 60%;
      width: 1px;
      bottom: 0;
      margin: auto; }
    .topbar ul li:last-child a {
      padding-right: 0; }
    .topbar ul li:last-child a:before {
      content: none; }
  .topbar .topbar--row {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .topbar .topbar--mid {
    position: relative;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .topbar .topbar--mid .swiper-navs div[class*="swiper-button-next"]:before {
      background-image: url("https://cdn.hstatic.net/files/200000726949/file/top_head_next.svg");
      background-repeat: no-repeat; }
    .topbar .topbar--mid .swiper-navs div[class*="swiper-button-prev"]:before {
      background-image: url("https://cdn.hstatic.net/files/200000726949/file/top_head_prev.svg");
      background-repeat: no-repeat; }
  .topbar .topbar--left, .topbar .topbar--right {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: initial;
    display: none; }
  .topbar .topbar-hotline {
    display: flex;
    align-items: center;
    color: #fff; }
    .topbar .topbar-hotline span {
      display: inline-block;
      margin-left: 4px; }
  .topbar .topbar-stores {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .topbar .topbar-stores span {
      display: inline-block;
      margin-left: 6px; }
  .topbar .topbar-slider {
    text-align: center; }
    .topbar .topbar-slider a {
      color: #fff; }
    .topbar .topbar-slider a span {
      border-bottom: 1px solid #d8d5d5;
      position: relative;
      color: var(--text-color); }
    .topbar .topbar-slider .topbar-slidetext {
      position: relative; }
    .topbar .topbar-slider.swiper .swiper-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center; }
    .topbar .topbar-slider.swiper:not(.swiper-initialized) .swiper-wrapper {
      overflow: hidden; }
    .topbar .topbar-slider.swiper:not(.swiper-initialized) .swiper-slide {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%; }
    .topbar .topbar-slider.swiper.swiper-initialized .swiper-wrapper .slidetext-promo {
      height: 100%; }
    .topbar .topbar-slider .topbar-slidetext .slidetext-promo {
      padding: 0 22px; }
  @media (min-width: 768px) {
    .topbar {
      height: 30px; }
      .topbar .topbar-slider {
        width: 80%;
        margin: 0 auto; } }
  @media (min-width: 1024px) {
    .topbar ul li a {
      white-space: nowrap; }
    .topbar .topbar--left {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
      display: block; }
    .topbar .topbar--mid {
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      max-width: 60%; }
    .topbar .topbar--right {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;
      display: block; } }

.main-header--height {
  position: relative;
  z-index: 12; }

.main-header {
  width: 100%;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .main-header .flex-container-header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .main-header .flex-container-header > [class*='header-wrap-'] {
      padding: 0px 0; }
    .main-header .flex-container-header .header-wrap-left {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
  .main-header .header-wrap-menu {
    display: none; }
    .main-header .header-wrap-menu .navbar-mainmenu {
      text-align: center; }
    .main-header .header-wrap-menu .menuList-main {
      margin: 0; }
      .main-header .header-wrap-menu .menuList-main > li {
        display: inline-block;
        position: relative;
        /*&:hover>a[title*="Khuyến mãi"], &.active:hover a[title*="Khuyến mãi"],
				&:hover>a[title*="Sale"], &.active:hover a[title*="Sale"]{
					color: #c60a00;
					 span {border-bottom: 1px solid #c60a00;}
				}*/ }
        .main-header .header-wrap-menu .menuList-main > li > a {
          position: relative;
          z-index: 2;
          display: block;
          padding: 20px 15px 20px 0;
          width: 100%;
          font-weight: 600;
          font-size: 10px;
          text-transform: capitalize;
          color: var(--text-color);
          /*text-transform: uppercase;*/
          -webkit-transition: none;
          transition: none;
          /*&[title*="Khuyến mãi"], &[title*="Sale"] {color: #c60a00;}*/ }
          .main-header .header-wrap-menu .menuList-main > li > a svg {
            width: 10px;
            height: 10px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 3px;
            -webkit-transition: transform .2s;
            -moz-transition: transform .2s;
            -o-transition: transform .2s;
            transition: transform .2s; }
          .main-header .header-wrap-menu .menuList-main > li > a span {
            border-bottom: 1px solid transparent; }
          .main-header .header-wrap-menu .menuList-main > li > a span.menu-label {
            border-bottom: none;
            color: #ffffff;
            background: #d0021b;
            font-weight: 500;
            padding: 0 4px;
            position: relative;
            top: -10px;
            font-size: 12px; }
        .main-header .header-wrap-menu .menuList-main > li.active a, .main-header .header-wrap-menu .menuList-main > li.active a:focus {
          opacity: 1; }
        .main-header .header-wrap-menu .menuList-main > li:hover > a, .main-header .header-wrap-menu .menuList-main > li.active:hover > a {
          opacity: 1;
          color: var(--hover-color); }
          .main-header .header-wrap-menu .menuList-main > li:hover > a span, .main-header .header-wrap-menu .menuList-main > li.active:hover > a span {
            border-bottom: 1px solid var(--hover-color); }
        .main-header .header-wrap-menu .menuList-main > li > a[title*="Barbie x ALDO"] {
          color: #df4bc7;
          text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #df4bc7, 0 0 82px #df4bc7, 0 0 92px #df4bc7, 0 0 102px #df4bc7, 0 0 151px #df4bc7;
          animation: pulsate 1.5s infinite alternate; }
        .main-header .header-wrap-menu .menuList-main > li > a[title*="Looney Tunes x ALDO"] {
          color: #ef8406;
          text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #ef8406, 0 0 82px #ef8406, 0 0 92px #ef8406, 0 0 102px #ef8406, 0 0 151px #ef8406;
          animation: pulsate2 1.5s infinite alternate; }
        .main-header .header-wrap-menu .menuList-main > li:hover > a[title*="Looney Tunes x ALDO"] {
          color: #ef8406; }
          .main-header .header-wrap-menu .menuList-main > li:hover > a[title*="Looney Tunes x ALDO"] span {
            border-bottom: 1px solid #ef8406; }
        .main-header .header-wrap-menu .menuList-main > li:hover:before {
          -webkit-transform: scaleX(1);
          transform: scaleX(1);
          -webkit-transform-origin: 0%;
          transform-origin: 0%; }
        .main-header .header-wrap-menu .menuList-main > li:hover > a svg {
          opacity: 1;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg); }
      .main-header .header-wrap-menu .menuList-main .has-submenu .menuList-submain {
        left: 0;
        right: 0;
        position: absolute;
        z-index: 99;
        top: 100%;
        pointer-events: none;
        display: none; }
      .main-header .header-wrap-menu .menuList-main .has-submenu .menuList-submain ul.menuList-submain {
        left: 100%;
        top: 0; }
      .main-header .header-wrap-menu .menuList-main .has-submenu:hover > .menuList-submain {
        pointer-events: auto;
        visibility: visible;
        opacity: 1; }
      .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth {
        position: initial; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn-container {
          max-width: 100%;
          padding: 30px;
          margin-left: auto;
          margin-right: auto;
          max-height: 75vh;
          background: #fff;
          border-top: 1px solid #f5f3f5;
          display: flex;
          justify-content: space-between;
          overflow-x: hidden;
          overflow-y: auto; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .subchildmenu {
          flex: 0 0 auto;
          width: 76%; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .subchildmenu.subchildmenu-full {
          width: 100%; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .subchildmenu li a {
          font-size: 12px;
          line-height: 20px;
          margin: 0 0 12px;
          padding: 0; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .subchildmenu li a:hover {
            text-decoration: underline;
            -webkit-text-decoration-color: var(--links-border-bottom-color);
            text-decoration-color: var(--links-border-bottom-color); }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner {
          flex: 0 0 auto;
          width: 17%;
          text-align: left; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner > a {
            position: relative;
            padding-bottom: 100%;
            overflow: hidden;
            display: block; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner > a > img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            aspect-ratio: 1 / 1; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner .menuBanner-detail {
            padding: 12px 0; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner .menuBanner-detail h3 {
              margin: 5px 0;
              font-size: 16px;
              font-weight: 500; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner .menuBanner-detail a.link {
              border-bottom: 1px solid var(--links-border-bottom-color);
              font-size: 12px;
              line-height: 18px;
              color: #000; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner .menuBanner-detail a.button {
              margin-bottom: 10px;
              width: 100%; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item {
          text-align: left;
          margin-bottom: 0; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item > a, .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.last > .subchildmenu-item > li > a {
          font-weight: 600;
          color: #3a2e2c;
          display: inline-block;
          position: relative;
          text-transform: capitalize;
          font-size: 16px;
          line-height: 22px;
          display: inline-flex;
          align-items: center;
          margin-bottom: 18px;
          border-bottom: 1px solid transparent; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item > a > svg, .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.last > .subchildmenu-item > li > a > svg {
            height: 10px;
            width: 10px;
            margin-left: 9px;
            margin-top: 0; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item > a:hover, .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.last > .subchildmenu-item > li > a:hover {
            border-bottom: 1px solid var(--links-border-bottom-color); }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.col-lg-3 {
          -ms-flex: 0 0 23%;
          flex: 0 0 23%;
          max-width: 23%; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.col-lg-3.last {
          -ms-flex: 0 0 23%;
          flex: 0 0 23%;
          max-width: 23%;
          position: relative;
          padding-left: 3%; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.col-lg-3.last:before {
          content: "";
          position: absolute;
          background: #d8d5d5;
          width: 1px;
          height: calc(100% - 30px);
          left: calc(25%/2 - 10px);
          margin: auto; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .multicolumn-container {
          padding: 0; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .multicolumn-left, .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .multicolumn-right {
          width: 100%;
          flex: 1 1 auto; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .multicolumn-left {
          padding-right: 15px; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .multicolumn-right {
          padding: 15px; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .subchildmenu {
          width: 100%; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption {
          padding: 40px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner:not(.use_banner) {
              background: #ffffff;
              color: #000000; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner.use_banner {
              padding: 0 !important; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__title {
              font-size: 50px;
              color: currentColor; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__subtitle {
              font-size: 14px;
              font-style: italic;
              color: currentColor; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__text {
              font-size: 14px;
              color: currentColor; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.new-inner {
            background: #FFFFFF;
            color: #222222; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.new-inner .feature__title {
              font-size: 50px;
              color: currentColor; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.new-inner .feature__text {
              font-size: 14px;
              color: currentColor; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .ui-menu-item.col-lg-3 {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; }
        .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half.menu-new .multicolumn-left {
          display: flex; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half.menu-new .multicolumn-left .menuCaption {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half.menu-new .multicolumn-left .menuBanner {
            display: none; }
        @media (min-width: 1024px) {
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn-container {
            max-width: calc(100% - 45px * 2); } }
        @media (min-width: 1100px) {
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .subchildmenu li a {
            font-size: 14px;
            margin: 0 0 10px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn-right {
            padding: 30px 30px 30px 45px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item {
            padding-right: 10px;
            padding-left: 0; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.col-lg-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.col-lg-3.last {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
            padding-left: 35px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.col-lg-3.last:before {
            left: 0; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item > a, .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .ui-menu-item.last > .subchildmenu-item > li > a {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 12px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner .menuBanner-detail h3 {
            font-size: 18px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .menuBanner .menuBanner-detail a.link {
            font-size: 14px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption {
            padding: 30px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__title {
              font-size: 80px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__subtitle {
              font-size: 16px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__text {
              font-size: 16px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.new-inner .feature__title {
              font-size: 72px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.new-inner .feature__text {
              font-size: 16px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .ui-menu-item.col-lg-3 {
            -ms-flex: 0 0 40%;
            flex: 0 0 40%;
            max-width: 40%; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half.menu-new .multicolumn-left .menuCaption {
            width: 58%; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half.menu-new .multicolumn-left .menuBanner {
            display: block;
            width: 42%; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half.menu-new .multicolumn-right .col-lg-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half.menu-new .multicolumn-right .col-lg-3:last-child {
              -ms-flex: 0 0 50%;
              flex: 0 0 50%;
              max-width: 50%; } }
        @media (min-width: 1290px) {
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .multicolumn-container {
            max-width: calc(1540px + 60px - 98px * 2);
            padding: 30px; } }
        @media (min-width: 1420px) {
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .multicolumn-right {
            padding: 30px 30px 15px 15px; }
          .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption {
            padding: 30px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__title {
              font-size: 100px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__subtitle {
              font-size: 18px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.sale-inner .feature__text {
              font-size: 18px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.new-inner .feature__title {
              font-size: 92px; }
            .main-header .header-wrap-menu .menuList-main .has-submenu.fullwidth .half .menuCaption.new-inner .feature__text {
              font-size: 18px; } }
    .main-header .header-wrap-menu .menuList-submain {
      /*li.has-submenu{padding-right:30px}*/ }
      .main-header .header-wrap-menu .menuList-submain li {
        position: relative; }
      .main-header .header-wrap-menu .menuList-submain li a {
        padding: 5px 22px;
        text-align: left;
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: var(--shop-color-text);
        opacity: 0.85; }
      .main-header .header-wrap-menu .menuList-submain li a:hover, .main-header .header-wrap-menu .menuList-submain li a:hover i {
        opacity: 1; }
      .main-header .header-wrap-menu .menuList-submain.onecolumn li a svg {
        width: 15px;
        position: absolute;
        right: 15px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: right 0.3s ease-in-out;
        -ms-transition: right 0.3s ease-in-out;
        transition: right 0.3s ease-in-out; }
      .main-header .header-wrap-menu .menuList-submain.onecolumn li a:hover svg {
        right: 10px;
        opacity: 0.8; }
  .main-header .header-wrap-logo h1, .main-header .header-wrap-logo a {
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
  .main-header .header-wrap-action .header-action {
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end; }
    .main-header .header-wrap-action .header-action .header-action-item {
      padding-left: 12px;
      align-self: center; }
      .main-header .header-wrap-action .header-action .header-action-item .custom-language-header {
        display: flex;
        align-items: center;
        gap: 5px; }
        .main-header .header-wrap-action .header-action .header-action-item .custom-language-header span {
          cursor: pointer; }
        .main-header .header-wrap-action .header-action .header-action-item .custom-language-header img {
          width: 25px; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text {
        position: relative;
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text .box-triangle {
        position: absolute;
        width: 24px;
        height: 15px;
        top: 100%;
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        left: 0;
        right: 0;
        margin: 0 auto; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text .box-triangle svg {
        -webkit-filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12));
        filter: drop-shadow(0 -3px 2px rgba(0, 0, 0, 0.12)); }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link {
        position: relative;
        display: block;
        font-size: 13px;
        color: var(--shop-color-text);
        white-space: nowrap; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon {
        display: inline-block;
        vertical-align: middle; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon {
        position: relative;
        width: 40px;
        height: 40px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon svg {
        width: 19px;
        height: 19px; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon .count-holder {
        margin-left: 3px; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown {
        width: 320px;
        padding: 0;
        position: absolute;
        z-index: 2;
        right: 0;
        top: 125%;
        visibility: hidden;
        opacity: 0;
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-shadow: 0px 2px 6px rgba(193, 193, 193, 0.25);
        transition: all .3s;
        border-radius: 5px;
        padding: 10px 0;
        height: auto;
        display: none; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown:before {
          content: "";
          position: absolute;
          z-index: 1;
          top: -9px;
          left: 0;
          right: calc(100% - 297px);
          margin: 0 auto;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon--nav-triangle' viewBox='0 0 20 9' role='presentation'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M.47108938 9c.2694725-.26871321.57077721-.56867841.90388257-.89986354C3.12384116 6.36134886 5.74788116 3.76338565 9.2467995.30653888c.4145057-.4095171 1.0844277-.40860098 1.4977971.00205122L19.4935156 9H.47108938z' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M-.00922471 9C1.38887087 7.61849126 4.26661926 4.80337304 8.62402045.5546454c.75993175-.7409708 1.98812015-.7393145 2.74596565.0037073L19.9800494 9h-1.3748787l-7.9226239-7.7676545c-.3789219-.3715101-.9930172-.3723389-1.3729808-.0018557-3.20734177 3.1273507-5.6127118 5.4776841-7.21584193 7.05073579C1.82769633 8.54226204 1.58379521 8.7818599 1.36203986 9H-.00922471z' fill='%23ececec'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
          background-size: 100%;
          background-repeat: no-repeat;
          width: 20px;
          height: 10px; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown hr {
          margin: 0;
          width: auto;
          border: 0;
          background-color: #F1F1F1; }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown hr.small {
            height: 4px; }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown hr.large {
            height: 6px; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown a {
          color: var(--textcolor); }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown a:hover {
          text-decoration: underline; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown ul {
          padding: 0;
          margin: 0;
          list-style: none; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown ul li {
          padding: 8px 20px; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .thing {
          display: flex;
          align-items: center; }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .thing svg {
            width: 20px;
            height: 20px; }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .thing .thing-img {
            position: relative;
            overflow: hidden;
            margin-right: 12px;
            width: 24px; }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .thing > div:not(.thing-img) {
            width: 100%; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .thing-name {
          line-height: 1.2;
          font-weight: 500; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .thing-desc {
          font-size: 12px;
          line-height: 1.25;
          margin-top: 3px; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .block {
          padding: 8px 0; }
        .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .header-dropdown-cover {
          height: auto;
          max-height: calc(100vh - var(--header-dropdown-mheight));
          overflow: auto; }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .header-dropdown-cover::-webkit-scrollbar {
            width: 4px;
            height: 2px; }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .header-dropdown-cover::-webkit-scrollbar-track {
            -webkit-border-radius: 10px;
            border-radius: 10px; }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .header-dropdown-cover::-webkit-scrollbar-thumb {
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background: #f1f1f1;
            -webkit-box-shadow: inset 0 0 6px rgba(241, 241, 241, 0.03); }
          .main-header .header-wrap-action .header-action .header-action-item .header-action_dropdown .header-dropdown-cover::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(241, 241, 241, 0.03); }
      .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .greeting {
        padding: 20px; }
        .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .greeting .thing {
          margin-bottom: 20px; }
        .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .greeting .thing-name {
          font-weight: bold; }
        .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .greeting .actions {
          display: flex;
          justify-content: space-between; }
          .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .greeting .actions .action-btn {
            font-size: 12px;
            padding: 3px 10px;
            min-height: 32px;
            font-weight: 500;
            justify-content: center;
            align-items: center;
            line-height: 1;
            border: 1px solid transparent;
            text-align: center;
            text-decoration: none;
            outline: 0px;
            border-radius: 5px;
            appearance: none;
            display: flex;
            width: 100%; }
            .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .greeting .actions .action-btn:first-child {
              color: #FFF;
              background-color: #000;
              border-color: #000;
              transition: background-color 0.2s ease 0s;
              margin-right: 5px; }
            .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .greeting .actions .action-btn:last-child {
              background-color: transparent;
              color: #000;
              border-color: #000;
              transition: color 0.2s ease 0s, border-color 0.2s ease 0s;
              margin-left: 5px; }
      .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .logged-account-dropdown > p {
        background: #f5f5f5;
        margin: 0;
        padding: 10px 15px 8px; }
      .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .logged-account-dropdown > ul {
        list-style-type: none;
        padding: 6px 0;
        margin: 0;
        background: #fff; }
        .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .logged-account-dropdown > ul li {
          padding: 8px 15px; }
          .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .logged-account-dropdown > ul li a {
            display: flex;
            align-items: center;
            color: #222;
            font-weight: 400; }
          .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .logged-account-dropdown > ul li svg, .main-header .header-wrap-action .header-action .header-action-item .account-dropdown .logged-account-dropdown > ul li img {
            width: 20px;
            height: 20px;
            margin-right: 10px; }
      .main-header .header-wrap-action .header-action .header-action-item .account-dropdown.logged {
        width: 250px; }
        .main-header .header-wrap-action .header-action .header-action-item .account-dropdown.logged .greeting .thing {
          margin-bottom: 10px; }
      @media (min-width: 1200px) {
        .main-header .header-wrap-action .header-action .header-action-item .account-dropdown {
          display: block; }
        .main-header .header-wrap-action .header-action .header-action-item:hover .account-dropdown {
          visibility: visible;
          opacity: 1; } }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_cart .box-icon span {
        position: relative; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_cart svg:last-child {
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        opacity: 0;
        position: absolute; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_cart.hasItem svg:last-child {
        opacity: 1; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_cart .header-action_notify {
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        border-radius: 4px;
        padding: 10px 26px;
        color: #fff;
        background: #2e2e2e;
        position: absolute;
        top: 140%;
        right: 0;
        white-space: nowrap; }
      .main-header .header-wrap-action .header-action .header-action-item:not(:first-child) .header-action_text:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -6px;
        margin: auto;
        width: 1px;
        height: 18px;
        background: #eeeeee; }
  .main-header .header-menu-desktop .wrap-logo-sticky {
    display: none; }
  .main-header .main-header--bottom {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5; }
  .main-header .main-header--quick-links {
    -ms-overflow-style: none;
    background-color: #fff;
    /*border-bottom: 1px solid #e5e5e5;*/
    display: flex;
    left: 0;
    overflow-x: scroll;
    position: relative;
    scrollbar-width: none;
    z-index: 29; }
    .main-header .main-header--quick-links::-webkit-scrollbar {
      display: none; }
    .main-header .main-header--quick-links a {
      color: #767676;
      font-size: 14px;
      min-width: -webkit-fit-content;
      min-width: -moz-fit-content;
      min-width: fit-content;
      padding: 12px 14px; }
    .main-header .main-header--quick-links a:first-child {
      padding-left: 15px; }
    .main-header .main-header--quick-links span.menu-label {
      border-bottom: none;
      color: #ffffff;
      background: #d0021b;
      font-weight: 500;
      padding: 0 4px;
      position: relative;
      top: -10px;
      font-size: 11px; }
  .main-header:not(.hSticky-nav) .main-header--middle {
    background: var(--header-background-color); }
  .main-header.hSticky .header-wrap-menu .menuList-main > li > a {
    padding: 20.25px 30px 20.25px 0; }
  .main-header.hSticky {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%); }
  .main-header.hSticky.hSticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    border-bottom: 1px solid #f5f3f5;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease; }
    .main-header.hSticky.hSticky-nav .main-header--bottom {
      border-bottom: none; }
  .main-header.hSticky-nav .main-header--quick-links {
    display: none; }
  @media (min-width: 550px) {
    .main-header .main-header--bottom {
      display: none; } }
  @media (min-width: 760px) {
    .main-header .header-wrap-logo {
      margin-right: 15px;
      -ms-align-self: center;
      align-self: center; }
      .main-header .header-wrap-logo a img {
        max-width: 210px;
        max-height: 70px; }
      .main-header .header-wrap-logo .wrap-logo,
      .main-header .header-wrap-logo.wrap-logo-sticky .wrap-logo {
        min-width: 85px; }
    .main-header .header-wrap-menu {
      padding-left: 0px;
      padding-right: 0;
      display: block; }
      .main-header .header-wrap-menu .navbar-mainmenu {
        height: 100%; }
      .main-header .header-wrap-menu .menuList-main {
        height: 100%;
        display: -webkit-flex;
        display: flex;
        -ms-justify-content: center;
        justify-content: center; }
      .main-header .header-wrap-menu .menuList-main > li {
        display: -webkit-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center; }
    .main-header .header-wrap-action {
      padding-left: 0px;
      padding-top: 8px;
      padding-bottom: 8px;
      -ms-align-self: center;
      align-self: center; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_account .header-action_dropdown {
        width: 325px; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_menu {
        display: none; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_location {
        display: none; }
    .main-header .header-wrap-info li:nth-child(2) {
      margin-left: 15px; }
    .main-header .header-wrap-info li svg {
      width: 22px;
      height: 22px;
      transform: translateY(-2px); }
    .main-header.hSticky-nav .header-wrap-logo h1, .main-header.hSticky-nav .header-wrap-logo a {
      font-size: 25px; }
    .main-header.hSticky-nav .header-wrap-logo a img {
      max-height: 50px; }
    .main-header.hSticky-nav .header-wrap-logo.wrap-logo-sticky a img {
      max-height: 60px;
      max-width: 200px; } }
  @media (min-width: 992px) {
    .main-header .header-wrap-logo {
      margin-right: 1.875rem; }
    .main-header .header-wrap-menu .menuList-main > li > a {
      font-size: 14px;
      padding: 31px 15px 31px 0; }
    .main-header.hSticky.hSticky-nav .header-wrap-menu .menuList-main > li > a {
      font-size: 14px;
      padding: 20px 15px 20px 0; } }
  @media (min-width: 1100px) {
    .main-header .header-wrap-logo {
      margin-right: 30px; }
    .main-header .header-wrap-menu.menuList-main > li > a {
      padding: 21px 30px 21px 0;
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .main-header {
      position: relative; } }
  @media (max-width: 759px) {
    .main-header .main-header--middle {
      position: relative;
      overflow: hidden; }
    .main-header .main-header--middle .container {
      width: auto; }
    .main-header .flex-container-header {
      padding: 2px 0; }
      .main-header .flex-container-header > [class*='header-wrap-'] {
        position: initial;
        padding: 0 0; }
    .main-header .header-wrap-logo {
      padding-left: 0;
      padding-right: 0;
      flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      -webkit-flex: 1 1 auto;
      text-align: left; }
      .main-header .header-wrap-logo a svg {
        max-height: 60px; }
      .main-header .header-wrap-logo h1, .main-header .header-wrap-logo a {
        font-size: 20px; }
      .main-header .header-wrap-logo .wrap-logo a {
        transition: none;
        word-wrap: break-word;
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        max-width: 180px; }
        .main-header .header-wrap-logo .wrap-logo a svg {
          width: 75px; }
    .main-header .header-wrap-action .header-action {
      position: initial;
      height: 100%;
      margin-right: -8px; }
    .main-header .header-wrap-action .header-action .header-action-item {
      position: initial;
      height: 100%;
      padding-right: 0 !important; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_wishlist {
        order: 1; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_cart {
        order: 2; }
        .main-header .header-wrap-action .header-action .header-action-item.header-action_cart .header-action_text .header-action__link .box-icon .count-holder {
          margin-left: 2px; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_menu {
        order: 4; }
      .main-header .header-wrap-action .header-action .header-action-item.header-action_search {
        order: 3; }
      .main-header .header-wrap-action .header-action .header-action-item .header-action_text .header-action__link .box-icon {
        width: 34px; }
    .main-header.hSticky-nav .flex-container-header {
      padding: 2.5px 0; }
    .main-header.hSticky-nav .header-wrap-logo {
      display: block; }
    .main-header.hSticky-nav .header-wrap-action .header-action .header-action-item.header-action_search {
      display: block; } }

.mainmenu-board {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 9;
  top: 0; }

.main-header--promotion-banner {
  outline: none;
  position: relative;
  transform: translateZ(0);
  z-index: 2;
  overflow: hidden; }
  .main-header--promotion-banner .message-bar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    perspective: 1000;
    position: fixed;
    transform: translateZ(0);
    transform: translateY(0);
    width: 100%;
    z-index: 0;
    position: relative;
    background: var(--background-color);
    color: var(--text-color); }
    .main-header--promotion-banner .message-bar.is-animating-in {
      transform: translateY(0);
      transition: all 0.35s ease-in-out; }
    .main-header--promotion-banner .message-bar .message-bar--wrapper {
      position: relative; }
    .main-header--promotion-banner .message-bar .message-bar--btn-close {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 20;
      width: 45px;
      height: 50px;
      background: none;
      border: none;
      color: var(--text-color); }
      .main-header--promotion-banner .message-bar .message-bar--btn-close svg {
        fill: currentColor;
        height: 12px;
        width: 12px; }
    .main-header--promotion-banner .message-bar .message-bar--box {
      display: flex;
      flex-direction: column;
      text-align: center;
      margin-bottom: 10px;
      row-gap: 10px; }
      .main-header--promotion-banner .message-bar .message-bar--box .sub {
        font-size: 16px;
        font-weight: 500; }
      .main-header--promotion-banner .message-bar .message-bar--box .main {
        font-size: 24px; }
      .main-header--promotion-banner .message-bar .message-bar--box .main strong {
        font-weight: 700; }
      .main-header--promotion-banner .message-bar .message-bar--box .link {
        display: flex;
        flex-wrap: wrap;
        column-gap: 12px;
        justify-content: center; }
      .main-header--promotion-banner .message-bar .message-bar--box .link a {
        border-bottom: 1px solid;
        color: currentColor; }
  @media (min-width: 550px) {
    .main-header--promotion-banner .message-bar .message-bar--wrapper {
      margin: 0 45px;
      padding: 22px 0 18px; }
    .main-header--promotion-banner .message-bar .message-bar--box {
      margin: 0 auto 20px;
      max-width: 50%; } }
  @media (min-width: 768px) {
    .main-header--promotion-banner .message-bar .message-bar--wrapper {
      margin: 0 auto;
      padding: 30px 98px 23px;
      max-width: 1540px; }
    .main-header--promotion-banner .message-bar .message-bar--btn-close {
      right: 98px; } }
  @media (max-width: 549px) {
    .main-header--promotion-banner {
      background: #000000;
      bottom: 0;
      margin: 4px;
      position: fixed;
      transform: translateY(0);
      width: calc(100% - 8px);
      z-index: 41;
      border: 1px solid #000;
      border-radius: 5px;
      animation: fadeIn 1s forwards; }
      .main-header--promotion-banner.fade-out {
        animation: fadeOut 1s forwards; }
      .main-header--promotion-banner .message-bar .message-bar--wrapper {
        padding: 15px; }
      .main-header--promotion-banner .message-bar .message-bar--box .main {
        font-size: 16px; }
      .main-header--promotion-banner .message-bar .swiper-dots .swiper-pagination {
        margin-top: 10px; } }

.mainsearch {
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  height: 0;
  overflow: hidden;
  display: none;
  background: #fff; }
  .mainsearch .search-bar--wrapper {
    padding: 15px;
    margin: 0 -15px;
    border-top: 1px solid #F7F8F9; }
  .mainsearch .search-bar--inner {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex; }
    .mainsearch .search-bar--inner .search-bar--input {
      width: 100%; }
      .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner {
        display: flex;
        align-items: center; }
        .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner .icon-search {
          position: absolute;
          z-index: 1;
          left: 7px;
          top: 0;
          bottom: 0;
          margin: auto;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 30px;
          height: 30px; }
        .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button {
          border: none;
          background: transparent;
          outline: none;
          box-shadow: none; }
          .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button.clear {
            margin: auto 10px auto 0;
            right: 0;
            left: auto;
            top: 0;
            bottom: 0;
            position: absolute; }
          .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button.close-search-bar {
            margin: 0;
            cursor: pointer;
            display: flex;
            align-items: center; }
            .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button.close-search-bar span {
              display: none; }
            .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button.close-search-bar svg.close-desk {
              display: none; }
        .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner form {
          position: relative;
          width: 95%;
          margin-left: auto; }
        .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner form input {
          background: #F7F8F9;
          border: none;
          border-radius: 24px;
          width: 100%;
          padding: 8px 15px 8px 45px;
          font-size: 12px;
          outline: none;
          box-shadow: none;
          border: 1px solid white;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
        @media (min-width: 992px) {
          .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner {
            flex-direction: row-reverse; }
            .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner form {
              width: 100%;
              margin-left: 0; }
            .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner form input {
              padding: 11px 15px 11px 45px;
              font-size: 14px; }
            .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button.close-search-bar {
              margin: 0 0 0 40px; }
              .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button.close-search-bar span {
                display: block; }
              .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button.close-search-bar svg.close-desk {
                display: block;
                margin-left: 14px; }
              .mainsearch .search-bar--inner .search-bar--input .search-bar--input-inner button.close-search-bar svg.close-mb {
                display: none; } }
    .mainsearch .search-bar--inner .search-bar--data {
      width: 100%; }
      .mainsearch .search-bar--inner .search-bar--data .resultsdata {
        padding: 25px 0 0; }
        .mainsearch .search-bar--inner .search-bar--data .resultsdata .list {
          min-height: 300px;
          padding-right: 10px; }
        .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult {
          padding: 10px 0;
          border-bottom: 1px dotted #dfe0e1;
          width: 100%;
          display: flex; }
          .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .thumbs {
            -ms-flex: 0 0 80px;
            flex: 0 0 80px;
            max-width: 80px;
            display: inline-block;
            text-align: right; }
            .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .thumbs a {
              position: relative;
              width: 80px;
              height: 80px;
              overflow: hidden;
              display: block; }
            .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .thumbs img {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%; }
          .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .info {
            -ms-flex: 0 0 calc(100% - 80px);
            flex: 0 0 calc(100% - 80px);
            max-width: calc(100% - 80px);
            padding-left: 20px;
            display: flex; }
            .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .info .title {
              flex: 1 1 auto;
              padding-right: 20px;
              display: flex;
              align-items: center; }
              .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .info .title a {
                font-size: 14px;
                color: #2E2E2E;
                text-transform: capitalize; }
            .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .info .price {
              display: flex;
              flex-direction: column;
              align-items: flex-end;
              justify-content: center; }
              .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .info .price del {
                color: #777777;
                font-weight: 600; }
              .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .info .price span {
                color: #000;
                font-weight: 500; }
              .mainsearch .search-bar--inner .search-bar--data .resultsdata .item-ult .info .price del + span {
                color: #900000; }
        .mainsearch .search-bar--inner .search-bar--data .resultsdata .resultsMore a {
          border-bottom: 1px dotted #dfe0e1;
          background: rgba(223, 224, 225, 0.15);
          text-align: center;
          display: block;
          padding: 10px 0; }
        .mainsearch .search-bar--inner .search-bar--data .resultsdata .dataEmpty {
          text-align: center;
          padding: 10px;
          border-radius: 4px;
          color: #856404;
          background-color: #fff3cd;
          border-color: #ffeeba;
          width: 100%;
          margin-bottom: 10px; }
      .mainsearch .search-bar--inner .search-bar--data .resultsContent {
        width: 100%; }
        .mainsearch .search-bar--inner .search-bar--data .resultsContent .list {
          padding: 0 10px 0 0;
          max-height: 540px;
          margin-bottom: 25px;
          overflow-y: scroll; }
          .mainsearch .search-bar--inner .search-bar--data .resultsContent .list::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: #efefef; }
          .mainsearch .search-bar--inner .search-bar--data .resultsContent .list::-webkit-scrollbar {
            width: 2px;
            height: 0;
            background-color: #efefef; }
          .mainsearch .search-bar--inner .search-bar--data .resultsContent .list::-webkit-scrollbar-thumb {
            background-color: #000000;
            border: 2px solid #555555; }
      @media (min-width: 992px) {
        .mainsearch .search-bar--inner .search-bar--data .resultsContent {
          width: 42%;
          margin: 0 auto; } }
      @media (max-width: 991px) {
        .mainsearch .search-bar--inner .search-bar--data .resultsContent {
          margin-top: 10px;
          min-height: auto;
          height: calc(100vh - 150px);
          padding: 0px 0px 15px 0; } }
  @media (min-width: 992px) {
    .mainsearch {
      background: transparent; }
      .mainsearch .search-bar--wrapper {
        padding: 25px;
        margin: 0;
        -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
        background: #ffffff; } }
  @media (max-width: 991px) {
    .mainsearch {
      position: fixed;
      top: 0;
      bottom: 0; }
      .mainsearch .search-bar--wrapper {
        display: flex;
        flex-direction: column; } }

/*----------------------------------------------*/
/* FOOTER */
/*----------------------------------------------*/
.mainFooter {
  background: #fff;
  line-height: 1.6; }
  .mainFooter .mainFooter-top {
    padding: 35px 0 20px;
    background: #3a2e2c;
    color: #fff; }
    .mainFooter .mainFooter-top * {
      color: currentColor; }
  .mainFooter .footer-link-list__col {
    font-size: 12px; }
    .mainFooter .footer-link-list__col .footer-link-list__title {
      position: relative;
      font-size: 14px;
      margin: 0px 0px 15px;
      padding: 0 30px 0 0;
      font-weight: 600;
      text-transform: uppercase; }
      .mainFooter .footer-link-list__col .footer-link-list__title svg {
        position: absolute;
        top: 0;
        right: 0;
        fill: currentColor;
        height: 23px;
        width: 23px; }
      .mainFooter .footer-link-list__col .footer-link-list__title.active svg {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
    .mainFooter .footer-link-list__col .footer-link-list__links li {
      position: relative;
      margin: 0 0 10px; }
    .mainFooter .footer-link-list__col .footer-link-list__links--social a {
      display: flex;
      align-items: center; }
    .mainFooter .footer-link-list__col .footer-link-list__content {
      margin-bottom: 20px;
      display: none; }
      .mainFooter .footer-link-list__col .footer-link-list__content li {
        margin-bottom: 10px; }
    .mainFooter .footer-link-list__col .icon {
      fill: currentColor;
      height: 18px;
      width: 20px;
      margin-right: 5px;
      position: relative; }
  .mainFooter .footer-copyright {
    padding: 10px 0;
    background: #F9F9F9;
    color: #3a2e2c;
    font-size: 10px; }
    .mainFooter .footer-copyright .row {
      flex-direction: column-reverse; }
    .mainFooter .footer-copyright .logo-footer {
      margin: 10px 0 0; }
      .mainFooter .footer-copyright .logo-footer svg {
        height: 20px; }
      .mainFooter .footer-copyright .logo-footer a {
        display: block; }
    .mainFooter .footer-copyright .logo-bct img {
      width: 100px; }
    .mainFooter .footer-copyright .logo-bct a {
      display: block; }
    .mainFooter .footer-copyright .logo-bct a picture {
      padding-bottom: calc(227/600 * 100%);
      width: 100px; }
    .mainFooter .footer-copyright p {
      margin: 10px 0 0; }
    .mainFooter .footer-copyright p a {
      color: #fff;
      opacity: 0.8; }
    .mainFooter .footer-copyright ul {
      display: flex;
      align-items: center;
      margin-right: 10px; }
      .mainFooter .footer-copyright ul li {
        padding-right: 10px;
        font-size: 10px; }
        .mainFooter .footer-copyright ul li a {
          position: relative;
          color: currentColor; }
        .mainFooter .footer-copyright ul li:not(:last-child) a:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          right: -5px;
          margin: auto;
          width: 1px;
          height: 10px;
          background: #3a2e2c; }
    .mainFooter .footer-copyright .col-12:first-child .d-flex {
      flex-direction: column !important; }
    .mainFooter .footer-copyright .col-12:last-child .d-flex {
      justify-content: space-between !important; }
  @media (min-width: 576px) {
    .mainFooter .footer-copyright p {
      margin: 0; }
    .mainFooter .footer-link-list__col .footer-link-list__links {
      flex-direction: column;
      display: flex;
      flex-wrap: wrap; }
    .mainFooter .footer-link-list__col .icon {
      height: 15px;
      margin-right: 10px;
      vertical-align: top; } }
  @media (min-width: 760px) {
    .mainFooter .footer-copyright {
      font-size: 13px; }
      .mainFooter .footer-copyright .row {
        flex-direction: row; }
      .mainFooter .footer-copyright .col-12:first-child .d-flex {
        flex-direction: row !important; }
      .mainFooter .footer-copyright .col-12:last-child .d-flex {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important; }
      .mainFooter .footer-copyright .logo-footer {
        margin: 0 30px 0 0; }
      .mainFooter .footer-copyright .logo-footer svg {
        height: 20px; }
      .mainFooter .footer-copyright ul {
        margin-right: 0; }
      .mainFooter .footer-copyright ul li {
        padding-right: 20px;
        font-size: 13px; }
      .mainFooter .footer-copyright ul li:not(:last-child) a:before {
        right: -10px; } }
  @media (min-width: 860px) {
    .mainFooter .footer-link-list__col .footer-link-list__content {
      display: block; }
    .mainFooter .footer-link-list__col .footer-link-list__title {
      padding: 0 0 5px 0; }
      .mainFooter .footer-link-list__col .footer-link-list__title:before {
        content: "";
        position: absolute;
        bottom: 0;
        display: inline-block;
        width: 30px;
        height: 2px;
        background-color: #fff; }
      .mainFooter .footer-link-list__col .footer-link-list__title svg {
        display: none; } }
  @media (min-width: 1100px) {
    .mainFooter .mainFooter-top {
      padding: 80px 0; }
    .mainFooter .col-xl-8 {
      -ms-flex: 0 0 68.666667%;
      flex: 0 0 68.666667%;
      max-width: 68.666667%; }
    .mainFooter .col-xl-4 {
      -ms-flex: 0 0 31.333333%;
      flex: 0 0 31.333333%;
      max-width: 31.333333%; }
    .mainFooter .footer-link-list__col {
      font-size: 14px; }
      .mainFooter .footer-link-list__col .footer-link-list__title {
        font-weight: 700;
        font-size: 16px;
        margin: 0px 0px 30px;
        padding-bottom: 10px; }
      .mainFooter .footer-link-list__col .footer-link-list__content {
        margin-bottom: 0; } }

.social-list-fixed {
  position: fixed;
  right: 10px;
  bottom: 65px;
  z-index: 7; }
  .social-list-fixed .social-item + .social-item {
    margin-top: 5px; }
  .social-list-fixed .social-item a {
    background-color: #0A7CFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; }
    .social-list-fixed .social-item a img {
      width: 40px;
      height: 40px; }
  .social-list-fixed .social-item.zalo {
    display: none; }
  .social-list-fixed.in-cart {
    bottom: 165px; }
  @media (min-width: 992px) {
    .social-list-fixed.in-cart {
      bottom: 135px; } }

.list-action-fixed {
  width: 40px;
  position: fixed;
  z-index: 7;
  right: 10px;
  bottom: 10px;
  opacity: 0;
  transform: translateX(130%);
  transition: 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
  .list-action-fixed.active {
    opacity: 1;
    transform: translateX(0%); }
  .list-action-fixed #scroll_up {
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; }
    .list-action-fixed #scroll_up svg {
      width: 15px;
      height: 15px;
      fill: #3a2e2c; }
  .list-action-fixed.in-cart {
    bottom: 110px; }
  @media (min-width: 992px) {
    .list-action-fixed.in-cart {
      bottom: 70px; } }

#hrv-loyalty {
  z-index: 4 !important; }

/*----------------------------------------------*/
/* PRODUCT LOOP */
/*----------------------------------------------*/
.proloop {
  outline: none; }
  .proloop .proloop-block {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff; }
  .proloop .proloop-img {
    position: relative;
    display: block; }
    .proloop .proloop-img .aspect-ratio {
      overflow: hidden;
      padding-top: 100%;
      position: relative;
      width: 100%;
      height: inherit;
      display: block;
      min-height: 100%; }
      .proloop .proloop-img .aspect-ratio picture img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: bottom; }
      .proloop .proloop-img .aspect-ratio picture {
        height: inherit;
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), background 0.4s ease-out 0.6s;
        bottom: -1px;
        position: absolute;
        right: 0;
        top: 0;
        left: 0;
        width: 100%; }
        .proloop .proloop-img .aspect-ratio picture.has-hover {
          opacity: 0;
          visibility: hidden; }
    .proloop .proloop-img .sticker_frame {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .proloop .proloop-img .proloop-button--wishlist {
      background: transparent;
      border: 0;
      border-radius: 50%;
      color: #3a2e2c;
      height: 34px;
      width: 34px;
      margin: 0;
      padding: 0;
      position: absolute;
      z-index: 2;
      right: 8px;
      top: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      .proloop .proloop-img .proloop-button--wishlist svg {
        width: 20px;
        height: 20px;
        fill: transparent;
        stroke: #000; }
      .proloop .proloop-img .proloop-button--wishlist.active svg {
        fill: #ff525f;
        stroke: #ff525f; }
    .proloop .proloop-img .proloop-label {
      position: absolute;
      z-index: 1; }
      .proloop .proloop-img .proloop-label.label-features {
        bottom: 0;
        left: 0; }
        .proloop .proloop-img .proloop-label.label-features > span {
          display: flex;
          align-items: center;
          background: #fff;
          padding: 4px 6px 4px 6px;
          font-size: 12px; }
        .proloop .proloop-img .proloop-label.label-features > span img {
          height: 16px; }
        .proloop .proloop-img .proloop-label.label-features > span span {
          margin-left: 6px; }
      .proloop .proloop-img .proloop-label.label-logo {
        top: 12px;
        left: 12px; }
        .proloop .proloop-img .proloop-label.label-logo svg, .proloop .proloop-img .proloop-label.label-logo img {
          height: 24px;
          max-width: 52px; }
        .proloop .proloop-img .proloop-label.label-logo img {
          width: auto !important; }
        .proloop .proloop-img .proloop-label.label-logo[data-tag="The Looney Tunes"] img {
          width: auto !important;
          height: 35px; }
        .proloop .proloop-img .proloop-label.label-logo[data-tag="WICKED"] {
          top: 0;
          left: 0; }
          .proloop .proloop-img .proloop-label.label-logo[data-tag="WICKED"] img {
            width: 80px !important;
            height: 80px;
            max-width: 80px; }
      .proloop .proloop-img .proloop-label.label-on-sale {
        position: absolute;
        top: 10px;
        left: -6px;
        background: var(--bg-label-sale);
        z-index: 1;
        width: auto;
        padding: 0 4px 0 8px;
        font-size: 12px;
        font-weight: 700;
        height: 20px;
        width: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--color-label-sale); }
        .proloop .proloop-img .proloop-label.label-on-sale:before {
          content: "";
          position: absolute;
          top: -6px;
          left: 0px;
          height: 0;
          width: 0;
          border-bottom: 7px solid var(--bg-label-sale);
          border-left: 7px solid transparent; }
        .proloop .proloop-img .proloop-label.label-on-sale:after {
          content: "";
          position: absolute;
          top: 0px;
          right: -7px;
          height: 0;
          width: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 7px solid var(--bg-label-sale); }
      .proloop .proloop-img .proloop-label.label-flexible {
        position: absolute;
        bottom: -30px;
        right: 0;
        background: #FFEF71;
        z-index: 2;
        width: auto;
        padding: 2px 8px 2px 8px;
        line-height: 1.2;
        font-size: 10px;
        font-weight: 700;
        height: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #000000;
        border-radius: 0;
        width: 100%; }
        .proloop .proloop-img .proloop-label.label-flexible.single {
          bottom: 0px; }
          .proloop .proloop-img .proloop-label.label-flexible.single + .label-on-sale {
            display: none; }
      .proloop .proloop-img .proloop-label.label-on-sale + .label-logo {
        top: 17px;
        left: 50px; }
      .proloop .proloop-img .proloop-label.label-on-sale + .label-logo[data-tag="WICKED"] {
        top: 40px;
        left: 0px; }
      .proloop .proloop-img .proloop-label.label-tag {
        top: 4px;
        left: 4px; }
        .proloop .proloop-img .proloop-label.label-tag img {
          width: 100px !important;
          height: auto !important; }
      .proloop .proloop-img .proloop-label.label-on-sale + .label-tag {
        top: 48px;
        display: none; }
      .proloop .proloop-img .proloop-label.label-promotion {
        width: 100%;
        bottom: 0;
        z-index: 5; }
    @media (max-width: 767px) {
      .proloop .proloop-img {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap; }
        .proloop .proloop-img .proloop-label.label-flexible {
          position: relative;
          bottom: 0;
          order: 1; }
        .proloop .proloop-img .proloop-label.label-logo[data-tag="WICKED"] img {
          width: 50px !important;
          height: 50px;
          max-width: 50px; } }
  .proloop .proloop-detail {
    position: relative;
    z-index: 4;
    min-height: calc(var(--product-tile-footer-height) + var(--height-label-flexible));
    padding-top: var(--height-label-flexible); }
    .proloop .proloop-detail .proloop-name {
      font-size: 14px;
      font-weight: 500;
      line-height: normal;
      overflow: hidden;
      padding-top: 5px;
      margin-bottom: 0; }
      .proloop .proloop-detail .proloop-name a {
        overflow: hidden;
        /*-webkit-line-clamp: 1;
				-webkit-box-orient: vertical;
				display: -webkit-box;*/
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .proloop .proloop-detail .proloop-price {
      padding-top: 4px;
      position: relative;
      display: flex;
      align-items: center; }
      .proloop .proloop-detail .proloop-price span {
        display: inline-block; }
      .proloop .proloop-detail .proloop-price .proloop-price--normal {
        font-size: 14px;
        font-weight: 600;
        color: #3a2e2c;
        margin-right: 6px; }
      .proloop .proloop-detail .proloop-price .proloop-price--hightlight {
        font-size: 14px;
        font-weight: 600;
        color: #c60a00;
        margin-right: 6px; }
      .proloop .proloop-detail .proloop-price .proloop-price--compare {
        font-size: 12px;
        font-weight: 400;
        color: #000000;
        position: relative; }
      .proloop .proloop-detail .proloop-price .proloop-price--compare:before {
        border-bottom: 1px solid #767676;
        content: "";
        left: 0;
        position: absolute;
        top: 47%;
        transform: skewY(7deg);
        width: 100%; }
    .proloop .proloop-detail .proloop-swatch {
      padding-top: 6px;
      padding-bottom: 6px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 30px; }
      .proloop .proloop-detail .proloop-swatch ul {
        align-items: center;
        display: flex;
        list-style: none;
        padding-left: 2px;
        column-gap: 4px;
        overflow-y: scroll;
        height: 30px;
        width: 100%; }
        .proloop .proloop-detail .proloop-swatch ul::-webkit-scrollbar {
          width: 0;
          display: none; }
        .proloop .proloop-detail .proloop-swatch ul li {
          display: inline-flex; }
        .proloop .proloop-detail .proloop-swatch ul li span.bg {
          position: relative;
          border: 1px solid #ffffff;
          border-radius: 50%;
          width: 22px;
          height: 22px;
          box-shadow: 0 0 3px #d6d4ce;
          transition: all 150ms; }
          .proloop .proloop-detail .proloop-swatch ul li span.bg:before {
            content: '';
            position: absolute;
            top: -2px;
            right: -2px;
            left: -2px;
            bottom: -2px;
            display: block;
            border: 1px solid #767676;
            border-radius: 50%;
            opacity: 0;
            visibility: hidden; }
        .proloop .proloop-detail .proloop-swatch ul li.selected span.bg {
          border: 1px solid #ffffff; }
        .proloop .proloop-detail .proloop-swatch ul li.selected span.bg:before {
          opacity: 1;
          visibility: visible; }
        .proloop .proloop-detail .proloop-swatch ul li:hover:not(.selected) span.bg {
          box-shadow: 0 0 3px #44423d; }
      .proloop .proloop-detail .proloop-swatch span.count {
        font-size: 10px;
        font-weight: 300;
        line-height: normal;
        padding-left: 3px; }
      .proloop .proloop-detail .proloop-swatch ul.prloop-swatch--size {
        display: none;
        justify-content: flex-end;
        padding-right: 10px; }
        .proloop .proloop-detail .proloop-swatch ul.prloop-swatch--size li {
          border: 1px solid;
          padding: 0px 10px;
          border-radius: 5px; }
    .proloop .proloop-detail .proloop-label {
      margin-top: 8px;
      font-size: 10px;
      display: flex;
      overflow: scroll;
      gap: 4px; }
      .proloop .proloop-detail .proloop-label::-webkit-scrollbar {
        width: 0;
        display: none; }
      .proloop .proloop-detail .proloop-label > span {
        display: inline-block;
        display: inline-block;
        background-color: #f0f1f2;
        color: #000;
        padding: 2px 4px;
        font-weight: 600;
        border-radius: 2px;
        white-space: nowrap; }
      .proloop .proloop-detail .proloop-label span.label-new {
        color: #155724;
        background-color: #d4edda;
        /*border-color: #c3e6cb;*/ }
      .proloop .proloop-detail .proloop-label span.label-inventory {
        color: #721c24;
        background-color: #f8d7da;
        /*border-color: #f5c6cb;*/
        display: none !important; }
        .proloop .proloop-detail .proloop-label span.label-inventory svg {
          width: 20px;
          height: 20px; }
      .proloop .proloop-detail .proloop-label span.label-coming {
        color: #3300ad;
        background-color: #fff;
        border-color: #fff;
        padding: 2px 0;
        display: none; }
  .proloop .proloop-button {
    z-index: 2;
    display: flex;
    padding-top: 8px;
    background: #fff;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s; }
    .proloop .proloop-button button {
      border-radius: 0;
      text-transform: uppercase;
      font-size: 12px;
      border: 1px solid transparent;
      background: #000;
      color: #fff;
      width: 100%;
      padding: 8px 5px;
      outline: none;
      font-weight: 500; }
  .proloop .proloop-action {
    min-height: 75px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 85px;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 5;
    display: none;
    padding-top: 10px; }
  .proloop .proloop-button--quickview {
    position: absolute;
    z-index: 2;
    right: 6px;
    bottom: 6px;
    width: 35px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #fff; }
    .proloop .proloop-button--quickview svg {
      width: 14px;
      height: 14px; }
  .proloop .proloop-swatch--size .listsize {
    display: flex;
    gap: 4px;
    flex-wrap: wrap; }
  .proloop .proloop-swatch--size .swatch-action {
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 30px;
    font-size: 12px;
    border: 1px solid #ccc;
    box-shadow: unset;
    position: relative;
    color: #3a2e2c;
    font-weight: 600;
    padding: 0 6px;
    background: transparent; }
    .proloop .proloop-swatch--size .swatch-action[data-available="false"] {
      color: #ccc; }
      .proloop .proloop-swatch--size .swatch-action[data-available="false"]:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='100%25' x2='100%25' stroke='%23ccc'/%3E%3C/svg%3E"); }
    .proloop .proloop-swatch--size .swatch-action:hover {
      border: 1px solid #222; }
    .proloop .proloop-swatch--size .swatch-action.selected {
      border: 1.2px solid #000; }
  .proloop .proloop-block.change_banner .proloop-detail {
    display: none; }
  .proloop .proloop-block.change_banner .proloop-img > *:not(.aspect-ratio) {
    display: none; }
  @media (min-width: 1024px) {
    .proloop .proloop-img .proloop-label.label-on-sale {
      height: 26px;
      width: 42px;
      top: 15px; }
      .proloop .proloop-img .proloop-label.label-on-sale:before {
        border-bottom: 7px solid var(--bg-label-sale);
        border-left: 7px solid transparent; }
      .proloop .proloop-img .proloop-label.label-on-sale:after {
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-left: 10px solid var(--bg-label-sale);
        right: -10px; }
    .proloop .proloop-img .proloop-label.label-on-sale + .label-logo {
      top: 17px;
      left: 52px; }
    .proloop .proloop-img .proloop-label.label-on-sale + .label-logo[data-tag="WICKED"] {
      top: 40px;
      left: 0px; }
    .proloop .proloop-img .proloop-label.label-flexible {
      font-size: 12px;
      bottom: 0;
      width: auto; }
    .proloop .proloop-img img.img-default {
      transform: scale(1);
      transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .proloop .proloop-img:hover img.img-default {
      transform: scale(1.05); }
    .proloop .proloop-detail {
      padding-bottom: 70px;
      min-height: var(--product-tile-footer-height);
      padding-top: 0; }
      .proloop .proloop-detail .proloop-swatch {
        padding-bottom: 0px; }
      .proloop .proloop-detail .proloop-swatch ul {
        column-gap: 7px;
        overflow-y: hidden; }
      .proloop .proloop-detail .proloop-label {
        font-size: 12px; }
        .proloop .proloop-detail .proloop-label span {
          padding: 2px 6px; }
    .proloop .proloop-action {
      display: block; }
    .proloop .proloop-button--quickview {
      display: none; }
    .proloop .proloop-block:hover .proloop-action {
      opacity: 1;
      visibility: visible; }
    .proloop .proloop-block:hover .proloop-img picture.default {
      opacity: 0;
      visibility: hidden; }
    .proloop .proloop-block:hover .proloop-img picture.has-hover {
      opacity: 1;
      visibility: visible; }
    .proloop .proloop-block[data-view="collection"] .proloop-detail {
      padding-bottom: 10px; }
    .proloop .proloop-block[data-view="collection"]:hover .proloop-action {
      bottom: -14.5%; }
    .proloop.big_loop .proloop-block[data-view="collection"]:hover .proloop-action {
      bottom: -7%; }
    .proloop.proloop-search .proloop-block .proloop-detail {
      padding-bottom: 10px; }
    .proloop.proloop-search .proloop-block:hover .proloop-action {
      bottom: -16.5%; } }

.pro-loading .product-block {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 15px;
  margin: 10px auto;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
  /*border-color: #e5e6e9 #dfe0e4 #d0d1d5;*/ }

.pro-loading .panel-effect {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f6f7f8 no-repeat 800px 104px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWRlZWYxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), color-stop(100%, #f6f7f8));
  background-image: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  -moz-animation: anim 1s forwards infinite linear;
  -webkit-animation: anim 1s forwards infinite linear;
  animation: anim 1s forwards infinite linear; }

.pro-loading .fake-effect {
  position: absolute;
  background: #fff;
  right: 0;
  left: 0;
  height: 6px; }
  .pro-loading .fake-effect.fe-1 {
    height: 8px;
    left: 0;
    bottom: 0;
    right: 0; }
  .pro-loading .fake-effect.fe-2 {
    left: 136px;
    bottom: 8px; }
  .pro-loading .fake-effect.fe-3 {
    height: 12px;
    left: 0;
    bottom: 14px; }
  .pro-loading .fake-effect.fe-4 {
    left: 100px;
    bottom: 26px; }
  .pro-loading .fake-effect.fe-5 {
    height: 10px;
    left: 0;
    bottom: 32px; }
  .pro-loading .fake-effect.fe-6 {
    height: 6px;
    bottom: 40px; }
  .pro-loading .fake-effect.fe-7 {
    left: 410px;
    bottom: 60px; }
  .pro-loading .fake-effect.fe-8 {
    height: 13px;
    bottom: 66px; }
  .pro-loading .fake-effect.fe-9 {
    left: 200px;
    bottom: 79px; }
  .pro-loading .fake-effect.fe-10 {
    height: 13px;
    bottom: 85px; }

.proloop-loadding .proloop-block {
  background: #fff;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
		border-radius: 4px;*/
  position: relative;
  overflow: hidden;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; }

.proloop-loadding .proloop-image .lazy-img {
  position: relative;
  width: 100%;
  height: 0;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  padding-bottom: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }

.proloop-loadding .proloop-detail {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  background: #fff;
  -webkit-transition: transform 300ms ease;
  -moz-transition: transform 300ms ease;
  -ms-transition: transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease; }

.proloop-loadding .loading-mask .loading-mask__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0; }

.proloop-loadding .loading-mask .loading-mask__detail {
  padding: 10px 0; }

.proloop-loadding .loading-mask .loading-mask__detail .mask-line {
  height: 10px;
  width: 100%;
  border-radius: 8px;
  margin: 4px 0; }

.proloop-loadding .loading-mask .loading-mask__detail .mask-line:nth-child(2) {
  width: 80%; }

.proloop-loadding .loading-mask .loading-mask__detail .mask-line:nth-child(3) {
  width: 65%; }

.proloop-loadding .product-loop-load {
  border: 1px solid #eae8e4;
  margin-left: -1px;
  margin-bottom: -1px; }

.view-all-tile .view-all-tile--block {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e5e5; }

.view-all-tile .view-all-tile--link {
  font-size: 12px;
  display: block;
  min-height: 0;
  padding: 100% 0 0;
  position: relative; }
  .view-all-tile .view-all-tile--link span.view-all-tile--text {
    bottom: 10px;
    left: 10px;
    position: absolute;
    display: inline-flex;
    align-items: center; }
  .view-all-tile .view-all-tile--link svg {
    width: 12px;
    height: 12px;
    margin-left: 2px; }

@media (min-width: 1100px) {
  .view-all-tile .view-all-tile--link {
    font-size: 14px; }
    .view-all-tile .view-all-tile--link span.view-all-tile--text {
      bottom: 20px;
      left: 20px;
      position: absolute;
      display: inline-flex;
      align-items: center; }
    .view-all-tile .view-all-tile--link svg {
      width: 14px;
      height: 14px;
      margin-left: 4px; } }

/* Style variant */
.selector-wrapper, .select {
  display: none; }

.swatch {
  margin: 16px 0;
  /*&.size-invalid .select-swap {
		border: 1px solid red;
	}*/ }
  .swatch input {
    display: none; }
  .swatch .select-swap {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    list-style: none; }
    .swatch .select-swap .swatch-element label {
      cursor: pointer;
      margin: 0; }
    .swatch .select-swap .swatch-element.soldout, .swatch .select-swap .swatch-element.hidebarcode {
      pointer-events: none; }
    .swatch .select-swap.select-swap--color .swatch-element {
      display: inline-flex;
      position: relative;
      margin-right: 4px; }
      .swatch .select-swap.select-swap--color .swatch-element span {
        display: none; }
      .swatch .select-swap.select-swap--color .swatch-element label {
        width: 40px;
        height: 40px;
        padding: 4px;
        border-radius: 50%;
        position: relative; }
        .swatch .select-swap.select-swap--color .swatch-element label img {
          border-radius: 50%;
          border: 1px solid #767676;
          height: 30px;
          width: 30px;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto; }
      .swatch .select-swap.select-swap--color .swatch-element.sd label, .swatch .select-swap.select-swap--color .swatch-element:hover label {
        background: transparent;
        border: 1px solid #3a2e2c; }
      .swatch .select-swap.select-swap--color .swatch-element.soldout label {
        overflow: hidden;
        position: relative; }
        .swatch .select-swap.select-swap--color .swatch-element.soldout label:before {
          content: ' ';
          display: block;
          height: calc(100% - 2px);
          left: 1px;
          margin: 0;
          position: absolute;
          top: 1px;
          width: calc(100% - 2px);
          background: linear-gradient(to top left, transparent calc(50% - 1px), #000000, transparent calc(50% + 1px)); }
        .swatch .select-swap.select-swap--color .swatch-element.soldout label:after {
          content: "";
          width: 100%;
          height: 100%;
          top: 0;
          bottom: 0;
          right: 0;
          left: 0;
          margin: auto;
          position: absolute;
          border-radius: 2px;
          border: 1px solid #000000; }
        .swatch .select-swap.select-swap--color .swatch-element.soldout label.sd span:after {
          content: none; }
      @media (max-width: 767px) {
        .swatch .select-swap.select-swap--color .swatch-element {
          margin: 5px 8px 5px 0; } }
    .swatch .select-swap.select-swap--size {
      justify-content: flex-start;
      margin: 0 -2px;
      width: calc(100% + 4px); }
      .swatch .select-swap.select-swap--size .swatch-element {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 2px;
        height: 38px;
        width: 20%; }
        .swatch .select-swap.select-swap--size .swatch-element label {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
          font-size: 12px;
          border: 1px solid #929292;
          box-shadow: unset;
          position: relative;
          color: #3a2e2c;
          font-weight: 600; }
        .swatch .select-swap.select-swap--size .swatch-element.sd:not(.hidebarcode) label {
          border: 2px solid #3300ad; }
        .swatch .select-swap.select-swap--size .swatch-element:not(.sd):hover label {
          border: 2px solid #7f7776; }
        .swatch .select-swap.select-swap--size .swatch-element.soldout label, .swatch .select-swap.select-swap--size .swatch-element.hidebarcode label {
          background: linear-gradient(to top right, #ffffff, #ffffff calc(50% - 0.8px), #929292, #ffffff calc(50% + 0.8px), #ffffff);
          border-style: solid; }
        @media (min-width: 992px) {
          .swatch .select-swap.select-swap--size .swatch-element {
            height: 50px;
            width: 25%; } }

label[for="product-select-option-0"] {
  display: none; }

label[for="product-select-option-1"] {
  display: none; }

label[for="product-select-option-2"] {
  display: none; }

#product-select-option-0 {
  display: none; }

#product-select-option-1 {
  display: none; }

#product-select-option-2 {
  display: none; }

#product-select-option-0 + .custom-style-select-box {
  display: none !important; }

#product-select-option-1 + .custom-style-select-box {
  display: none !important; }

#product-select-option-2 + .custom-style-select-box {
  display: none !important; }

/*----------------------------------------------*/
/* POST LOOP */
/*----------------------------------------------*/
.post_item {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  flex: 1 1 300px; }
  .post_item .post_featured {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    /*&.half .aspect-ratio {padding-bottom: 66%;}*/ }
    .post_item .post_featured .aspect-ratio {
      position: relative;
      padding-bottom: calc(1/1 * 100%);
      display: block;
      z-index: 1; }
    .post_item .post_featured .aspect-ratio picture {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      height: 100%;
      -webkit-transform: translate(0%, 0%);
      transform: translate(0%, 0%);
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
    .post_item .post_featured .aspect-ratio:before {
      content: "";
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); }
  .post_item .post_featured img {
    width: 100%; }
  .post_item .post_info {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 12px;
    color: #5A5A5A; }
  .post_item .post_descr p {
    margin-bottom: 0;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: justify; }
  .post_item .post_title {
    font-size: 16px;
    line-height: 22px;
    position: relative;
    margin-bottom: 10px; }
    .post_item .post_title a {
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
  .post_item .post_content {
    margin-bottom: 20px;
    padding-left: 20px;
    border-left: 2px solid rgba(0, 0, 0, 0.6); }
  .post_item .btn-viewmore {
    align-self: flex-start;
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 12px; }
    .post_item .btn-viewmore svg {
      margin-left: 5px; }
    .post_item .btn-viewmore:hover svg path {
      fill: var(--primary-color); }
  .post_item .post_content_fix {
    position: absolute;
    z-index: 3;
    bottom: 0;
    padding: 20px;
    width: 100%; }
    .post_item .post_content_fix .post_descr {
      margin-bottom: 20px; }
    .post_item .post_content_fix * {
      color: #fff !important; }

/*----------------------------------------------*/
/* FREESHIP */
/*----------------------------------------------*/
.notification-box {
  display: flex;
  color: #3300ad;
  padding: 15px 0; }
  .notification-box .notification-icon {
    width: 24px;
    height: 24px; }
  .notification-box .notification-title {
    padding-left: 15px;
    width: calc(100% - 24px); }
  .notification-box.freeship {
    color: #008342; }

/* . -  Progress bar */
.progress-box .progress-title {
  margin: 10px 0 20px;
  position: relative;
  display: flex;
  align-items: center; }
  .progress-box .progress-title .progress-price {
    color: red;
    font-weight: bold;
    font-size: 16px; }
  .progress-box .progress-title > svg {
    width: 35px;
    margin-right: 10px;
    position: absolute;
    left: 0; }
  .progress-box .progress-title > span {
    padding-left: 45px;
    display: block;
    line-height: 19px; }

.progress-box .progress {
  position: relative;
  overflow: initial;
  padding: 4px;
  border-radius: 30px;
  background: #f7f7f7;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.1); }
  .progress-box .progress:before {
    content: attr(data-percent);
    position: absolute;
    right: 0;
    color: #000;
    font-size: 14px;
    bottom: 100%; }
  .progress-box .progress .progress-bar {
    height: 8px;
    border-radius: 30px;
    width: 0%;
    background: var(--primary-color);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    transition-property: width, background-color; }

.progress-box.freeship .progress-title {
  width: 80%; }

/*----------------------------------------------*/
/* COUPON */
/*----------------------------------------------*/
.coupon-initial {
  /*.list-coupon {padding-bottom: 15px;display: flex;}*/
  /*@media(max-width: 767px){
		.list-coupon {
			display: flex; flex-wrap: nowrap;      
			margin-left: -12px; margin-right: -12px;padding:12px 16px 16px 12px; 
			overflow-x: scroll;-webkit-overflow-scrolling: touch;
			transition: transform 0.25s ease 0s;
			&::-webkit-scrollbar {display: none;}
			.coupon-item {
				padding-left: 0; padding-right: 12px; margin-bottom: 0;float: none;
				display: inline-block; flex: 0 0 auto;width: 90%;   
			}
		}
	}  */ }
  .coupon-initial .coupon-item {
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1)); }
    .coupon-initial .coupon-item[data-code="HMW500K"]:not(.show), .coupon-initial .coupon-item[data-code="HMW500KGH"]:not(.show) {
      display: none; }
    .coupon-initial .coupon-item--inner {
      background: #fff;
      display: flex;
      display: -ms-flex;
      border-radius: 10px;
      height: 100%;
      border: 1px solid rgba(0, 0, 0, 0.08);
      position: relative; }
      .coupon-initial .coupon-item--inner:after, .coupon-initial .coupon-item--inner:before {
        content: "";
        width: 10px;
        height: 6px;
        left: 75px;
        position: absolute;
        z-index: 10;
        border: 1px solid #e3e3e3;
        background: #f5f5f5; }
      .coupon-initial .coupon-item--inner:before {
        top: -1px;
        border-top: 0;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; }
      .coupon-initial .coupon-item--inner:after {
        bottom: -1px;
        border-bottom: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
    .coupon-initial .coupon-item--left {
      width: 80px;
      position: relative;
      display: flex;
      justify-content: center;
      align-content: center; }
      .coupon-initial .coupon-item--left .cp-img {
        border-radius: 50px;
        margin: auto; }
        .coupon-initial .coupon-item--left .cp-img span {
          width: 50px;
          height: 50px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          background: rgba(104, 95, 196, 0.3); }
        .coupon-initial .coupon-item--left .cp-img svg {
          width: 30px;
          height: 30px; }
    .coupon-initial .coupon-item--right {
      width: calc(100% - 80px);
      position: relative;
      display: flex;
      display: -ms-flex;
      flex-direction: column;
      -ms-flex-direction: column;
      justify-content: space-between;
      -ms-justify-content: space-between;
      padding: 12px; }
      .coupon-initial .coupon-item--right .cp-icon {
        background: transparent;
        border: 0;
        outline: none;
        cursor: pointer;
        position: absolute;
        z-index: 1;
        top: 12px;
        right: 12px;
        padding: 0;
        cursor: pointer; }
      .coupon-initial .coupon-item--right .cp-top {
        padding-bottom: 8px;
        padding-right: 24px; }
        .coupon-initial .coupon-item--right .cp-top h3 {
          margin: 0 0 4px;
          font-size: 13px;
          font-weight: 600; }
        .coupon-initial .coupon-item--right .cp-top p {
          font-size: 11px;
          margin-bottom: 0; }
        .coupon-initial .coupon-item--right .cp-top ul {
          font-size: 11px;
          list-style-type: disc;
          margin-bottom: 0;
          margin-top: 0;
          margin-left: 12px; }
          .coupon-initial .coupon-item--right .cp-top ul a {
            text-decoration: underline;
            font-weight: bold; }
          .coupon-initial .coupon-item--right .cp-top ul li:first-child {
            display: none !important; }
      .coupon-initial .coupon-item--right .cp-bottom {
        display: flex;
        display: -ms-flex;
        justify-content: space-between;
        -ms-justify-content: space-between; }
        .coupon-initial .coupon-item--right .cp-bottom .cp-bottom-btn {
          display: flex;
          display: -ms-flex; }
        .coupon-initial .coupon-item--right .cp-bottom p {
          font-size: 10px;
          margin-bottom: 0; }
        .coupon-initial .coupon-item--right .cp-bottom p strong {
          letter-spacing: 0.4px;
          font-size: 14px;
          color: #3300ad; }
        .coupon-initial .coupon-item--right .cp-bottom .button {
          padding: 3px 16px 4px;
          font-size: 12px;
          font-weight: 700;
          min-width: 65px;
          border-radius: 16px;
          margin-top: auto;
          background: #3300ad;
          border: none;
          color: #fff; }
          .coupon-initial .coupon-item--right .cp-bottom .button.disabled {
            opacity: 0.6;
            cursor: default;
            pointer-events: none; }
      .coupon-initial .coupon-item--right ul {
        list-style: none; }
    .coupon-initial .coupon-item.copied .coupon-item--right .cp-btn {
      pointer-events: none; }
    .coupon-initial .coupon-item.coupon-omni {
      background: #fff;
      border-radius: 10px;
      filter: drop-shadow(0px 0px 6px rgba(225, 225, 225, 0.1)); }
      .coupon-initial .coupon-item.coupon-omni .coupon-item--inner {
        border: 0.5px solid #3415aa; }
        .coupon-initial .coupon-item.coupon-omni .coupon-item--inner:after, .coupon-initial .coupon-item.coupon-omni .coupon-item--inner:before {
          border: 0.5px solid #3415aa;
          background: #f6f6f6;
          width: 20px;
          height: 10px;
          left: 100px; }
        .coupon-initial .coupon-item.coupon-omni .coupon-item--inner:after {
          border-bottom: 0;
          border-top-left-radius: 20px;
          border-top-right-radius: 20px; }
        .coupon-initial .coupon-item.coupon-omni .coupon-item--inner:before {
          border-top: 0;
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px; }
      .coupon-initial .coupon-item.coupon-omni .coupon-item--left {
        width: 110px;
        border-right: 1px dashed #3415aa; }
        .coupon-initial .coupon-item.coupon-omni .coupon-item--left .cp-img span {
          width: 72px;
          height: 72px; }
      .coupon-initial .coupon-item.coupon-omni .coupon-item--right {
        width: calc(100% - 110px);
        padding: 12px 12px 12px 25px; }
        .coupon-initial .coupon-item.coupon-omni .coupon-item--right .cp-top {
          padding-bottom: 16px;
          padding-right: 0; }
          .coupon-initial .coupon-item.coupon-omni .coupon-item--right .cp-top h3 {
            font-size: 16px; }
          .coupon-initial .coupon-item.coupon-omni .coupon-item--right .cp-top p {
            font-size: 12px; }
        .coupon-initial .coupon-item.coupon-omni .coupon-item--right .cp-bottom p {
          font-size: 14px; }
        .coupon-initial .coupon-item.coupon-omni .coupon-item--right .cp-bottom p strong {
          padding: 2px 10px;
          background: rgba(104, 95, 196, 0.3);
          color: #3415aa;
          font-size: 18px; }
  @media (max-width: 991px) and (min-width: 768px) {
    .coupon-initial .list-coupon {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -8px; }
      .coupon-initial .list-coupon .coupon-item {
        flex: 0 0 auto;
        width: 50%;
        padding: 8px; } }
  @media (max-width: 480px) {
    .coupon-initial .coupon-item--inner:after, .coupon-initial .coupon-item--inner:before {
      left: 55px; }
    .coupon-initial .coupon-item--left {
      width: 60px; }
      .coupon-initial .coupon-item--left span {
        width: 40px;
        height: 40px; }
      .coupon-initial .coupon-item--left svg {
        width: 22px;
        height: 22px; }
    .coupon-initial .coupon-item--right {
      width: calc(100% - 60px);
      padding: 8px 6px 8px 12px; }
      .coupon-initial .coupon-item--right .cp-icon {
        top: 8px;
        right: 6px; }
      .coupon-initial .coupon-item--right .cp-top {
        padding-right: 16px; }
      .coupon-initial .coupon-item--right .cp-bottom .button {
        padding: 2px 8px 3px; } }
  @media (min-width: 992px) {
    .coupon-initial .list-coupon {
      display: block; }
      .coupon-initial .list-coupon:not(.swiper-initialized) .coupon-item + .coupon-item {
        margin-top: 12px; } }

.coupon-info {
  display: none;
  padding: 0 16px 16px; }
  .coupon-info .content-coupon {
    font-size: 13px;
    border: 1px solid #fafafa; }
    .coupon-info .content-coupon .dfex-txt {
      padding: 10px 16px;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .coupon-info .content-coupon .dfex-txt.dfex-none {
        display: none; }
      .coupon-info .content-coupon .dfex-txt--1 {
        width: 33%;
        min-width: 100px;
        flex: 0 0 auto;
        font-size: 13px;
        line-height: 20px;
        color: #787878; }
      .coupon-info .content-coupon .dfex-txt--2 {
        padding-left: 20px; }
        .coupon-info .content-coupon .dfex-txt--2 span {
          width: 24px;
          height: 24px;
          display: none;
          vertical-align: middle;
          margin-left: 6px;
          background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%20%20%20%3Cdefs%3E%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22labrj0lkfa%22%20d%3D%22M6.527%202.099c.521%200%20.946.425.949.948v8.004c0%20.524-.425.949-.949.949H.95C.425%2012%200%2011.575%200%2011.051V3.047C0%202.524.425%202.1.949%202.1zm-.002.663H.946c-.157%200-.285.128-.285.285v8.002c0%20.157.128.285.285.285h5.579c.157%200%20.285-.128.285-.285V3.047c0-.157-.128-.285-.285-.285zM8.66%200c.524%200%20.949.425.949.949v8.004c0%20.523-.425.948-.949.948-.184%200-.332-.147-.332-.331%200-.185.148-.332.332-.332.158%200%20.285-.128.285-.285V.949c0-.158-.127-.285-.285-.285H3.082c-.158%200-.285.127-.285.285%200%20.184-.148.331-.332.331-.184%200-.332-.147-.332-.331%200-.524.425-.949.949-.949z%22%2F%3E%20%20%20%20%3C%2Fdefs%3E%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%28-2760%20-4524%29%20translate%282708%2080%29%20translate%2852%204304%29%20translate%280%20140%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23E5F2FF%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%286%206%29%20translate%281%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22n5b3eobj0b%22%20fill%3D%22%23fff%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23labrj0lkfa%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20fill%3D%22%23787878%22%20xlink%3Ahref%3D%22%23labrj0lkfa%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23017FFF%22%20mask%3D%22url%28%23n5b3eobj0b%29%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200H12V12H0z%22%20transform%3D%22translate%28-1%29%22%2F%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E");
          background-repeat: no-repeat;
          background-size: 24px; }
      .coupon-info .content-coupon .dfex-txt--3 {
        width: 100%; }
        .coupon-info .content-coupon .dfex-txt--3 ul {
          list-style-type: disc;
          margin-bottom: 0;
          margin-top: 0;
          margin-left: 16px; }
        .coupon-info .content-coupon .dfex-txt--3 ul li {
          list-style-position: outside; }
        .coupon-info .content-coupon .dfex-txt--3 ul li a {
          text-decoration: underline;
          font-weight: bold; }
        .coupon-info .content-coupon .dfex-txt--3 ul li + li {
          margin-top: 3px; }
        .coupon-info .content-coupon .dfex-txt--3 ul li::marker {
          color: #000; }
      .coupon-info .content-coupon .dfex-txt--cta {
        width: 100%;
        display: flex;
        column-gap: 10px;
        margin-top: 12px; }
        .coupon-info .content-coupon .dfex-txt--cta .btn-popover {
          display: block;
          width: 100%;
          padding: 0px 12px;
          font-size: 13px;
          height: 40px;
          line-height: 40px;
          border-radius: 4px;
          font-weight: 500;
          color: #3300ad;
          background: #fff;
          border: 1px solid #3300ad; }
          .coupon-info .content-coupon .dfex-txt--cta .btn-popover + .btn-popover {
            color: #fff;
            background: #3300ad; }
    .coupon-info .content-coupon .dfex-bkg:nth-child(2n+1) {
      background-color: #fafafa; }
    .coupon-info .content-coupon .cpi-trigger {
      cursor: pointer; }
  .coupon-info.show {
    display: block; }
  @media (max-width: 767px) {
    .coupon-info .content-coupon .dfex-txt {
      padding: 12px 20px; }
      .coupon-info .content-coupon .dfex-txt.dfex-none {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; } }

@media (max-width: 767px) {
  .modal-coupon--backdrop {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 999;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .modal-coupon--backdrop.js-modal-show {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; } }

/*----------------------------------------------*/
/* SIDEBAR */
/*----------------------------------------------*/
.sidebar-nav {
  position: fixed;
  top: 0;
  width: calc(100vw - 2*16px);
  height: 100%;
  background: #fff;
  z-index: 14;
  transition: all .5s;
  -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  display: flex;
  flex-direction: column;
  visibility: hidden;
  opacity: 0; }
  .sidebar-nav.translate-left {
    left: 0;
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  .sidebar-nav.translate-right {
    right: 0;
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  @media (min-width: 550px) {
    .sidebar-nav {
      width: calc(27.75*16px); } }
  @media (min-width: 1600px) {
    .sidebar-nav {
      width: calc(39.625*16px); } }
  .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-head {
    position: relative; }
    .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-head .nav-title {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
      .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-head .nav-title h2 {
        font-size: 20px;
        font-weight: 700;
        margin: 0; }
      .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-head .nav-title button {
        background: transparent;
        border: none;
        outline: none;
        width: 60px;
        height: 60px;
        position: absolute;
        top: 0;
        right: 0; }
        .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-head .nav-title button svg {
          width: 20px;
          height: 20px;
          margin: 20px; }
    .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-head .close {
      background: transparent;
      border: none;
      width: 40px;
      height: 40px;
      position: absolute;
      top: 0;
      right: 0; }
      .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-head .close svg {
        height: 13px;
        width: 13px; }
  .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-body {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative; }
    .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-body::-webkit-scrollbar {
      width: 2px;
      height: 2px; }
    .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-body::-webkit-scrollbar-track {
      -webkit-border-radius: 10px;
      border-radius: 10px; }
    .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-body::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: rgba(105, 105, 105, 0.8);
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
    .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-body::-webkit-scrollbar-thumb:window-inactive {
      background: rgba(105, 105, 105, 0.4); }
    .sidebar-nav .sidebar-nav-wrapper .sidebar-nav-body.empty {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }

.sidebar-cart {
  width: calc(68.75*16px); }
  .sidebar-cart .sidebar-nav-wrapper .sidebar-nav-head {
    padding: 30px 30px 15px;
    border-bottom: 1px solid #f9f9f9; }
  .sidebar-cart .sidebar-nav-wrapper .sidebar-nav-body {
    height: calc(100vh - 70px);
    padding: 15px 30px; }
  .sidebar-cart .sidebar-nav-wrapper .sidebar-nav-foot {
    padding: 15px 30px;
    border-top: 1px solid #f9f9f9;
    margin-top: auto; }
  .sidebar-cart .mini-cart-empty-state {
    text-align: center; }
    .sidebar-cart .mini-cart-empty-state p {
      margin-bottom: 4px; }
    .sidebar-cart .mini-cart-empty-state a {
      text-decoration: underline;
      color: #3300ad; }
    .sidebar-cart .mini-cart-empty-state svg {
      width: 50px;
      height: 50px;
      margin-bottom: 10px; }
  .sidebar-cart .mini-cart-view-area .cart-view-style {
    display: flex;
    flex-direction: column; }
  .sidebar-cart .mini-cart-view-area .line-item {
    display: flex;
    position: relative;
    z-index: 1;
    padding: 25px 0; }
    .sidebar-cart .mini-cart-view-area .line-item .left {
      width: 125px; }
      .sidebar-cart .mini-cart-view-area .line-item .left a {
        display: block;
        text-align: center; }
      .sidebar-cart .mini-cart-view-area .line-item .left .item-img {
        width: 125px;
        height: 125px;
        border: 1px solid #f9f9f9;
        max-width: none;
        position: relative; }
      .sidebar-cart .mini-cart-view-area .line-item .left .item-img img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        object-fit: contain;
        transform: translate(-50%, -50%); }
    .sidebar-cart .mini-cart-view-area .line-item .right {
      display: flex;
      width: calc(100% - 125px);
      padding-left: 15px;
      flex-direction: column; }
      .sidebar-cart .mini-cart-view-area .line-item .right .top {
        display: flex;
        justify-content: space-between; }
      .sidebar-cart .mini-cart-view-area .line-item .right .bottom {
        display: flex;
        flex-direction: column; }
      .sidebar-cart .mini-cart-view-area .line-item .right .item-info {
        flex-basis: auto;
        flex-grow: 1;
        flex-shrink: 1;
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        overflow: hidden;
        padding-right: 10px;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .sidebar-cart .mini-cart-view-area .line-item .right .item-info a {
          text-decoration: none; }
        .sidebar-cart .mini-cart-view-area .line-item .right .item-info h3 {
          font-size: 16px;
          font-weight: 400;
          margin-bottom: 0; }
      .sidebar-cart .mini-cart-view-area .line-item .right .item-meta {
        color: #7d7373;
        display: flex;
        align-items: center; }
      .sidebar-cart .mini-cart-view-area .line-item .right .item-quan .qty-click-mini {
        display: flex;
        align-items: center; }
        .sidebar-cart .mini-cart-view-area .line-item .right .item-quan .qty-click-mini input.item-quantity-mini {
          background: #fff;
          font-weight: 500;
          font-size: 12px;
          height: 24px;
          width: 35px;
          padding: 0;
          text-align: center;
          border: 1px solid #f9f9f9;
          border-left: none;
          border-right: none;
          border-radius: 0;
          -webkit-appearance: none; }
          .sidebar-cart .mini-cart-view-area .line-item .right .item-quan .qty-click-mini input.item-quantity-mini:focus {
            outline: none; }
        .sidebar-cart .mini-cart-view-area .line-item .right .item-quan .qty-click-mini button.qty-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: #fff;
          height: 24px;
          width: 24px;
          padding: 0;
          text-align: center;
          border: 1px solid #f9f9f9;
          border-radius: 0;
          -webkit-appearance: none; }
          .sidebar-cart .mini-cart-view-area .line-item .right .item-quan .qty-click-mini button.qty-btn:focus {
            outline: none; }
          .sidebar-cart .mini-cart-view-area .line-item .right .item-quan .qty-click-mini button.qty-btn svg {
            width: 12px;
            height: 12px; }
      .sidebar-cart .mini-cart-view-area .line-item .right .item-price {
        display: inline-flex;
        align-items: center; }
        .sidebar-cart .mini-cart-view-area .line-item .right .item-price span {
          color: #c60a00;
          display: block; }
        .sidebar-cart .mini-cart-view-area .line-item .right .item-price del {
          font-size: 12px;
          color: #7d7373;
          display: block;
          padding-right: 3px; }
      .sidebar-cart .mini-cart-view-area .line-item .right .item-total-price {
        display: none;
        text-align: center;
        width: 20%;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 4px; }
        .sidebar-cart .mini-cart-view-area .line-item .right .item-total-price div span {
          display: block;
          font-weight: normal;
          color: #777; }
          .sidebar-cart .mini-cart-view-area .line-item .right .item-total-price div span.text {
            display: none;
            font-size: 13px; }
          .sidebar-cart .mini-cart-view-area .line-item .right .item-total-price div span.line-item-total {
            font-weight: 600;
            color: #000; }
      .sidebar-cart .mini-cart-view-area .line-item .right .item-remove svg {
        width: 12px;
        height: 12px;
        margin-left: 10px; }
      .sidebar-cart .mini-cart-view-area .line-item .right .item-desc {
        font-size: 12px;
        color: #7d7373;
        margin-bottom: 4px; }
      .sidebar-cart .mini-cart-view-area .line-item .right .variant-title {
        margin-bottom: 2px;
        display: flex;
        justify-content: space-between;
        padding-right: 20px; }
        .sidebar-cart .mini-cart-view-area .line-item .right .variant-title span.sale {
          color: #c60a00; }
      .sidebar-cart .mini-cart-view-area .line-item .right .gifts-list > h4 {
        font-weight: 600;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 4px; }
      .sidebar-cart .mini-cart-view-area .line-item .right .gifts-list .line-gift {
        font-size: 11px;
        line-height: 16px;
        color: #6D6E72;
        position: relative;
        padding-left: 20px;
        margin-bottom: 4px; }
      .sidebar-cart .mini-cart-view-area .line-item .right .gifts-list .line-gift:before {
        content: "";
        position: absolute;
        top: 7px;
        left: 10px;
        width: 5px;
        height: 5px;
        background: #6D6E72;
        border-radius: 50%; }
      .sidebar-cart .mini-cart-view-area .line-item .right .gifts-list .line-gift a {
        color: #6D6E72; }
      .sidebar-cart .mini-cart-view-area .line-item .right .gifts-list .line-gift a:hover {
        color: #111111; }
  .sidebar-cart .mini-cart-view-area .cart-group {
    position: relative; }
    .sidebar-cart .mini-cart-view-area .cart-group + .cart-group {
      padding-bottom: 16px; }
    .sidebar-cart .mini-cart-view-area .cart-group.combo {
      order: 1;
      border: 1px solid #f9f9f9;
      padding-bottom: 8px;
      margin-bottom: 8px; }
      .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo {
        padding: 8px;
        border-bottom: 1px solid #f9f9f9;
        position: relative;
        z-index: 1;
        margin-bottom: 8px; }
        .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .label-quantity-combo-mini {
          margin: 0 15px 0 0; }
        .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini {
          display: flex;
          align-items: center; }
          .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini .qty-btn-new {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            height: 24px;
            width: 24px;
            padding: 0;
            text-align: center;
            border: 1px solid #f9f9f9;
            border-radius: 0;
            -webkit-appearance: none; }
            .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini .qty-btn-new:focus {
              outline: none; }
            .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini .qty-btn-new svg {
              width: 12px;
              height: 12px; }
            .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini .qty-btn-new.qtyminus-new-mini {
              border-radius: 4px 0 0 4px; }
              .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini .qty-btn-new.qtyminus-new-mini.disabled svg path {
                stroke: #cfcfcf; }
            .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini .qty-btn-new.qtyplus-new-mini {
              border-radius: 0 4px 4px 0; }
          .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini .update-combo-item-mini {
            background: #fff;
            font-weight: 500;
            font-size: 12px;
            height: 24px;
            width: 35px;
            padding: 0;
            text-align: center;
            border: 1px solid #f9f9f9;
            border-left: none;
            border-right: none;
            border-radius: 0;
            -webkit-appearance: none; }
            .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .update-quantity-mini .update-combo-item-mini:focus {
              outline: none; }
        .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .remove-combo-mini {
          margin-left: auto;
          cursor: pointer;
          display: inline-flex;
          align-items: center;
          justify-content: center; }
          .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo .remove-combo-mini svg {
            width: 16px;
            height: 16px;
            margin-right: 7px; }
        .sidebar-cart .mini-cart-view-area .cart-group.combo .quantity-combo h4 {
          font-size: 14px;
          font-weight: 600;
          color: #1982f9;
          margin: 0 4px 0 0; }
      .sidebar-cart .mini-cart-view-area .cart-group.combo .line-item {
        padding: 8px;
        border: none; }
    .sidebar-cart .mini-cart-view-area .cart-group.single {
      order: 2; }
  .sidebar-cart .line {
    display: block;
    border-top: 1px solid #f9f9f9;
    margin: 10px 0px 20px; }
  .sidebar-cart .table-total .table-total--head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    .sidebar-cart .table-total .table-total--head #total-view-cart {
      font-weight: 400;
      font-size: 24px; }
    .sidebar-cart .table-total .table-total--head .promotion {
      margin-top: 15px;
      margin-bottom: 0;
      width: 100%; }
  .sidebar-cart .table-total .table-total--foot .btn-cart {
    text-align: center;
    margin-top: 10px; }
    .sidebar-cart .table-total .table-total--foot .btn-cart a.linktocheckout, .sidebar-cart .table-total .table-total--foot .btn-cart a.linktoupdate, .sidebar-cart .table-total .table-total--foot .btn-cart a.linktocart {
      padding: 0;
      line-height: 50px;
      height: 50px;
      width: 100%;
      position: relative;
      text-align: center;
      font-weight: 600;
      display: block;
      background: #3300ad;
      border: 1px solid #3300ad;
      color: #fff; }
    .sidebar-cart .table-total .table-total--foot .btn-cart a.linkcontinue {
      display: inline-block;
      text-decoration: underline;
      font-size: 13px; }
      .sidebar-cart .table-total .table-total--foot .btn-cart a.linkcontinue svg {
        margin-left: 8px;
        width: 11px;
        height: 11px; }

.sidebar-menu .sidebar-nav-wrapper {
  height: 100%;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff; }
  .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-head {
    height: 45px; }
    .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-head .nav--account {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-left: 16px;
      padding: 11px 0; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-head .nav--account .nav--user-icon {
        margin-right: 10px;
        width: 15px;
        height: 15px; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-head .nav--account .nav--login-signup span {
        margin-right: 4px;
        display: inline-block; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-head .nav--account .nav--login-signup span a {
        color: inherit;
        font-weight: 600;
        text-decoration: underline; }
  .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body {
    height: calc(100% - 111px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }
    .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body::-webkit-scrollbar {
      display: none; }
    .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu {
      position: relative;
      /* we can't use fixed here :( */
      width: 100%;
      height: 100%;
      z-index: 9; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mp-level {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        box-shadow: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: none; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mp-level.view--visible {
          display: block; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mplus-menu {
        height: 100%; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        height: 100%;
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        left: 0;
        right: 0;
        background: #fff;
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease,-webkit-transform .4s ease;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0); }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel::-webkit-scrollbar {
          width: 0px;
          height: 0; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel::-webkit-scrollbar-track {
          -webkit-border-radius: 10px;
          border-radius: 10px; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel::-webkit-scrollbar-thumb {
          -webkit-border-radius: 10px;
          border-radius: 10px;
          background: #f1f1f1;
          -webkit-box-shadow: inset 0 0 6px rgba(241, 241, 241, 0.03); }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel::-webkit-scrollbar-thumb:window-inactive {
          background: rgba(241, 241, 241, 0.03); }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li {
          position: relative; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li:not(.vertical-menu--banner-sale) a {
          display: block;
          padding: 8px 16px;
          outline: none;
          font-size: 18px;
          line-height: 22px;
          -webkit-transition: background 0.3s, box-shadow 0.3s;
          -moz-transition: background 0.3s, box-shadow 0.3s;
          transition: background 0.3s, box-shadow 0.3s; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li:not(.vertical-menu--banner-sale) a svg.icon {
            position: absolute;
            right: 20px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 15px;
            height: 15px; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.last {
          margin: 16px; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.last > a {
            display: block;
            padding: 0 0 10px; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.last .detail h3 {
            margin: 0 0 6px;
            font-size: 14px;
            font-weight: 600; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.last .detail p {
            margin: 0 0 10px;
            font-size: 12px;
            font-weight: 100; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.last .detail a {
            text-decoration: underline;
            font-weight: 600;
            padding: 0;
            font-size: 12px; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner {
          display: flex;
          margin-bottom: 6px; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner .menuCaption {
            width: 55%;
            padding: 6px 6px 6px 16px;
            display: flex;
            flex-direction: column;
            align-items: flex-start; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner .menuBanner {
            width: 45%; }
            .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner .menuBanner a {
              padding: 0; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.sale-inner:not(.use_banner) {
            background: #ffffff;
            color: #000000; }
            .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.sale-inner:not(.use_banner) .menuCaption {
              padding: 24px 16px;
              width: 100%; }
            .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.sale-inner:not(.use_banner) .menuCaption span {
              display: block; }
            .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.sale-inner:not(.use_banner) .feature__title {
              font-size: 70px;
              color: currentColor;
              margin-top: 20px; }
            .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.sale-inner:not(.use_banner) .feature__subtitle {
              font-size: 14px;
              font-style: italic;
              color: currentColor; }
            .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.sale-inner:not(.use_banner) .feature__text {
              font-size: 12px;
              color: currentColor; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.sale-inner.use_banner .menuCaption {
            padding: 0;
            width: 100%; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.sale-inner.use_banner .menuCaption a {
            display: block;
            padding: 0; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.new-inner {
            background: #FFFFFF;
            color: #222222; }
            .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.new-inner .feature__title {
              font-size: 18px;
              font-weight: 600;
              color: currentColor; }
            .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.sub-child-banner.new-inner .feature__text {
              font-size: 12px;
              color: currentColor; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .mm-panel li.has-label span.menu-label {
          color: #ffffff;
          background: #d0021b;
          font-weight: 500;
          padding: 0 4px;
          position: relative;
          top: -10px;
          font-size: 11px; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .vertical-menu-list {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .vertical-menu-list.mm-subopened {
          -webkit-transform: translate(-100%, 0);
          -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .vertical-menu--banner-sale {
        display: block;
        position: relative;
        z-index: 10; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .vertical-menu--banner-sale img {
          border-radius: 5px;
          height: 91px;
          object-fit: cover;
          width: 100%; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .vertical-menu--banner-sale .menu-banner {
          border-radius: 5px;
          margin: 16px;
          position: relative; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .vertical-menu--banner-sale .menu-banner--content {
          align-items: center;
          border-radius: 5px;
          color: #401c47;
          color: #fff;
          display: flex;
          font-size: 13px;
          height: 100%;
          justify-content: center;
          line-height: 1.3;
          padding: 0 10px;
          position: absolute;
          text-align: center;
          width: 100%;
          z-index: 1; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-1, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-2, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-3 {
        z-index: 2;
        height: calc(100% + 50px);
        top: -45px; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-1 li:first-child, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-2 li:first-child, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-3 li:first-child {
          border-bottom: 1px solid #f9f9f9; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-1 li:first-child a, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-2 li:first-child a, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-3 li:first-child a {
            font-size: 14px;
            font-weight: 700;
            text-align: center; }
          .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-1 li:first-child a svg.icon, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-2 li:first-child a svg.icon, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-3 li:first-child a svg.icon {
            vertical-align: 0px;
            width: 10px;
            height: 10px;
            left: 14px;
            right: auto;
            margin-top: 1px; }
        .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-1 li:not(:first-child, :first-child, :first-child) a, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-2 li:not(:first-child, :first-child, :first-child) a, .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-3 li:not(:first-child, :first-child, :first-child) a {
          padding: 8px 16px;
          position: relative; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-1.mm-opened {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-2.mm-sub-2 {
        webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-2.mm-subopened {
        -webkit-transform: translate(-30%, 0);
        -ms-transform: translate(-30%, 0);
        transform: translate(-30%, 0);
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0); }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .mp-menu .sub-child-3.mm-sub-3 {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
    .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .help-wrapper {
      padding: 1px 0 12px; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .help-wrapper:before {
        content: '';
        position: relative;
        margin: 15px auto 10px;
        height: 1px;
        width: calc(100% - 32px);
        background-color: #bab6b5;
        display: block; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .help-wrapper a {
        padding: 3px 16px;
        font-size: 13px;
        text-decoration: underline;
        display: block; }
    .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .nav--tablist {
      display: flex;
      flex-wrap: nowrap;
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .nav--tablist li {
        flex-basis: 100%; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .nav--tablist li button {
        color: #000;
        border: none;
        border-bottom: 1px solid #e5e5e5;
        font-weight: 100;
        text-align: center;
        padding: 12px 12px;
        font-size: 14px;
        outline: 0;
        width: 100%;
        background: none; }
      .sidebar-menu .sidebar-nav-wrapper .sidebar-nav-body .nav--tablist li button.selected {
        border-bottom: 2px solid #000;
        color: #3a2e2c;
        font-weight: bolder; }

.sidebar-menu > svg {
  position: absolute;
  bottom: 100%;
  left: 14px;
  width: 18px;
  height: 8px;
  z-index: 1; }

@media (min-width: 760px) {
  .sidebar-menu {
    display: none; } }

/*----------------------------------------------*/
/* Section */
/*----------------------------------------------*/
.section {
  padding: 16px 0 5px;
  overflow: hidden;
  position: relative; }
  .section .section-heading {
    margin-bottom: 16px; }
    .section .section-heading.no-desc {
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row; }
    .section .section-heading h2 {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 0; }
    .section .section-heading .box-heading {
      display: flex;
      display: -ms-flex;
      display: -webkit-flex;
      justify-content: space-between;
      flex-direction: column;
      padding: 10px 0;
      gap: 10px; }
      .section .section-heading .box-heading .box-desc {
        font-size: 12px; }
    .section .section-heading a {
      font-size: 14px;
      font-weight: 600;
      border-bottom: 1px solid #d8d5d5;
      color: #3a2e2c; }
    @media (min-width: 992px) {
      .section .section-heading h2 {
        font-size: 28px; } }
    @media (min-width: 1100px) {
      .section .section-heading {
        margin-bottom: 16px;
        display: block; }
        .section .section-heading h2 {
          font-size: 36px; }
        .section .section-heading .box-heading {
          flex-direction: row;
          gap: 20px; }
          .section .section-heading .box-heading .box-desc {
            -webkit-flex: 0 0 70%;
            flex: 0 0 70%;
            max-width: 70%;
            font-size: 14px; }
          .section .section-heading .box-heading .box-link {
            -webkit-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
            display: inline-flex;
            align-items: flex-end;
            justify-content: flex-end; } }
  .section .section-content {
    margin-bottom: 16px; }
    .section .section-content .swiper-container:not(.swiper-initialized) .swiper-wrapper,
    .section .section-content .swiper:not(.swiper-initialized) .swiper-wrapper {
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
      column-gap: var(--sectional-grid-gap); }
      @media (min-width: 1100px) {
        .section .section-content .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
        .section .section-content .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
          -webkit-flex: 0 0 calc(25% + 5px - var(--sectional-grid-gap));
          flex: 0 0 calc(25% + 5px - var(--sectional-grid-gap));
          max-width: calc(25% + 5px - var(--sectional-grid-gap)); } }
      @media (max-width: 1099px) {
        .section .section-content .swiper-container:not(.swiper-initialized) .swiper-wrapper,
        .section .section-content .swiper:not(.swiper-initialized) .swiper-wrapper {
          overflow-x: scroll;
          overflow-y: hidden; }
          .section .section-content .swiper-container:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar,
          .section .section-content .swiper:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
            display: none; } }
    .section .section-content .swiper-container:not(.swiper-initialized) div[class*="swiper-button"],
    .section .section-content .swiper:not(.swiper-initialized) div[class*="swiper-button"] {
      display: none; }
    .section .section-content.grid-overflowing {
      margin: 0 -15px; }
      .section .section-content.grid-overflowing .list-products {
        padding: 0 5px; }
    .section .section-content.grid-overflowing .swiper-container:not(.swiper-initialized) .swiper-wrapper,
    .section .section-content.grid-overflowing .swiper:not(.swiper-initialized) .swiper-wrapper {
      padding: 0 15px;
      margin-right: -15px;
      width: auto; }
      .section .section-content.grid-overflowing .swiper-container:not(.swiper-initialized) .swiper-wrapper .view-all-tile,
      .section .section-content.grid-overflowing .swiper:not(.swiper-initialized) .swiper-wrapper .view-all-tile {
        padding-right: 1px; }
    @media (min-width: 550px) {
      .section .section-content.grid-overflowing {
        margin: 0 -45px; }
      .section .section-content.grid-overflowing .swiper-container:not(.swiper-initialized) .swiper-wrapper,
      .section .section-content.grid-overflowing .swiper:not(.swiper-initialized) .swiper-wrapper {
        padding: 0 45px;
        margin-right: -45px; } }
    @media (min-width: 1100px) {
      .section .section-content.grid-overflowing {
        margin: 0; }
      .section .section-content.grid-overflowing .swiper-container:not(.swiper-initialized) .swiper-wrapper,
      .section .section-content.grid-overflowing .swiper:not(.swiper-initialized) .swiper-wrapper {
        width: 100%;
        padding: 0; }
        .section .section-content.grid-overflowing .swiper-container:not(.swiper-initialized) .swiper-wrapper .view-all-tile,
        .section .section-content.grid-overflowing .swiper:not(.swiper-initialized) .swiper-wrapper .view-all-tile {
          padding-right: 0; } }
  .section.has-bg {
    background-color: #f9f9f9; }
    .section.has-bg .proloop .proloop-img {
      border-color: #f9f9f9; }
    .section.has-bg .proloop .proloop-block {
      background: #f9f9f9; }
    .section.has-bg .proloop .proloop-action {
      background: #f9f9f9; }
  .section.no-swipper .list-products {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    margin: 0 -6px; }
    @media (max-width: 1099px) {
      .section.no-swipper .list-products {
        overflow-x: scroll;
        overflow-y: hidden; }
        .section.no-swipper .list-products::-webkit-scrollbar {
          display: none; } }
    .section.no-swipper .list-products .proloop {
      -ms-flex: 0 0 41.66%;
      -webkit-flex: 0 0 41.66%;
      flex: 0 0 41.66%;
      max-width: 41.66%;
      padding: 0 6px 12px; }
      @media (min-width: 550px) {
        .section.no-swipper .list-products .proloop {
          -ms-flex: 0 0 33.33%;
          -ms-flex: 0 0 33.33%;
          -webkit-flex: 0 0 33.33%;
          flex: 0 0 33.33%; } }
      @media (min-width: 760px) {
        .section.no-swipper .list-products .proloop {
          -webkit-flex: 0 0 29.7%;
          flex: 0 0 29.7%;
          max-width: 29.7%; } }
      @media (min-width: 1100px) {
        .section.no-swipper .list-products .proloop {
          -webkit-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
  .section.no-swipper .section-content.grid-overflowing {
    margin: 0; }
  .section.no-scroll-mb .list-products {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    margin: 0 -6px;
    flex-wrap: wrap; }
    .section.no-scroll-mb .list-products .proloop {
      -ms-flex: 0 0 50%;
      -webkit-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 6px 12px; }
      @media (min-width: 760px) {
        .section.no-scroll-mb .list-products .proloop {
          -webkit-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
      @media (min-width: 1100px) {
        .section.no-scroll-mb .list-products .proloop {
          -webkit-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%; } }
  @media (min-width: 1100px) {
    .section {
      padding: 30px 0 5px; } }

/*Swipper*/
.swiper-navs div[class*="swiper-button"] {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent; }
  .swiper-navs div[class*="swiper-button"]:before {
    content: '';
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px; }

.swiper-navs div[class*="swiper-button-next"] {
  right: 0;
  left: auto; }
  .swiper-navs div[class*="swiper-button-next"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' class='c-icon' fill='currentColor' focusable='false' role='img' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M298,195.1L112.3,2.1C110.9,0.8,109.2,0,107,0c-3.9,0-7,3.1-7,7.2c0,1.8,0.8,3.5,2,4.9L283,200L102,387.9 c-1.2,1.4-2,3.1-2,4.9c0,4.1,3.1,7.2,7,7.2c2.1,0,3.9-0.8,5.3-2.1l185.7-193c1.2-1.2,2-2.9,2-4.9C300,198,299.2,196.3,298,195.1z' role='presentation'%3E%3C/path%3E%3C/svg%3E"); }

.swiper-navs div[class*="swiper-button-prev"] {
  left: 0;
  right: auto; }
  .swiper-navs div[class*="swiper-button-prev"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' class='c-icon' fill='currentColor' focusable='false' role='img' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M100,200c0,2,0.8,3.7,2,4.9l185.7,193c1.4,1.4,3.1,2.1,5.3,2.1c3.9,0,7-3.1,7-7.2c0-1.8-0.8-3.5-2-4.9L117,200L298,12.1 c1.2-1.4,2-3.1,2-4.9c0-4.1-3.1-7.2-7-7.2c-2.1,0-3.9,0.8-5.3,2.1L102,195.1C100.8,196.3,100,198,100,200z' role='presentation'%3E%3C/path%3E%3C/svg%3E"); }

.swiper-navs div[class*="swiper-button-disabled"] {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

@media (min-width: 992px) {
  .swiper-navs div[class*="swiper-button"] {
    width: 40px;
    height: 28px; } }

@media (max-width: 767px) {
  .swiper-navs div.swiper-button-next-topbar,
  .swiper-navs div.swiper-button-prev-topbar {
    display: none; } }

.swiper-dots .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .25s ease-out;
  width: 100%;
  margin-top: 20px;
  position: relative; }
  .swiper-dots .swiper-pagination .swiper-pagination-bullet {
    height: 20px;
    width: 25px;
    margin: 0;
    transition: width .25s linear;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    opacity: 1; }
    .swiper-dots .swiper-pagination .swiper-pagination-bullet:after {
      background-color: #bab6b5;
      border-radius: 50%;
      content: "";
      display: block;
      height: 10px;
      width: 10px;
      margin: 0 auto;
      transform: scale(0.5);
      transition: none; }
    .swiper-dots .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
      background-color: initial;
      border: 2px solid var(--text-color);
      transform: scale(1);
      transition: transform 0.25s cubic-bezier(1, 0, 1, 3) 50ms; }
  .swiper-dots .swiper-pagination.swiper-pagination-thumb {
    margin: 10px 15px;
    padding: 10px 15px;
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    z-index: 20; }
  .swiper-dots .swiper-pagination.swiper-pagination-mess .swiper-pagination-bullet:after {
    background-color: transparent;
    border: 2px solid var(--text-color); }
  .swiper-dots .swiper-pagination.swiper-pagination-mess .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background-color: var(--text-color);
    border: 2px solid var(--text-color); }

.swiper-style div[class*="swiper-button"] {
  position: absolute;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: 3;
  cursor: pointer;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 98px;
  height: 98px; }
  .swiper-style div[class*="swiper-button"]:before {
    content: '';
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px; }

.swiper-style div[class*="swiper-button-next"] {
  right: 0;
  left: auto;
  /*background-image: linear-gradient(90deg,#fff0,#fff);*/ }
  .swiper-style div[class*="swiper-button-next"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' class='c-icon' fill='currentColor' focusable='false' role='img' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M298,195.1L112.3,2.1C110.9,0.8,109.2,0,107,0c-3.9,0-7,3.1-7,7.2c0,1.8,0.8,3.5,2,4.9L283,200L102,387.9 c-1.2,1.4-2,3.1-2,4.9c0,4.1,3.1,7.2,7,7.2c2.1,0,3.9-0.8,5.3-2.1l185.7-193c1.2-1.2,2-2.9,2-4.9C300,198,299.2,196.3,298,195.1z' role='presentation'%3E%3C/path%3E%3C/svg%3E"); }

.swiper-style div[class*="swiper-button-prev"] {
  left: 0;
  right: auto;
  /*background-image: linear-gradient(270deg,#fff0,#fff);*/ }
  .swiper-style div[class*="swiper-button-prev"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' class='c-icon' fill='currentColor' focusable='false' role='img' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M100,200c0,2,0.8,3.7,2,4.9l185.7,193c1.4,1.4,3.1,2.1,5.3,2.1c3.9,0,7-3.1,7-7.2c0-1.8-0.8-3.5-2-4.9L117,200L298,12.1 c1.2-1.4,2-3.1,2-4.9c0-4.1-3.1-7.2-7-7.2c-2.1,0-3.9,0.8-5.3,2.1L102,195.1C100.8,196.3,100,198,100,200z' role='presentation'%3E%3C/path%3E%3C/svg%3E"); }
  .swiper-style div[class*="swiper-button-prev"]:after {
    content: '' !important; }

.swiper-style div[class*="swiper-button-disabled"] {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

.swiper-style-banner div[class*="swiper-button"] {
  position: absolute;
  top: 0%;
  bottom: 0;
  margin: auto;
  z-index: 3;
  cursor: pointer;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40px;
  height: 100%; }
  .swiper-style-banner div[class*="swiper-button"]:before {
    content: '';
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px; }

.swiper-style-banner div[class*="swiper-button-next"] {
  right: 0;
  left: auto; }
  .swiper-style-banner div[class*="swiper-button-next"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' class='c-icon' fill='currentColor' focusable='false' role='img' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M298,195.1L112.3,2.1C110.9,0.8,109.2,0,107,0c-3.9,0-7,3.1-7,7.2c0,1.8,0.8,3.5,2,4.9L283,200L102,387.9 c-1.2,1.4-2,3.1-2,4.9c0,4.1,3.1,7.2,7,7.2c2.1,0,3.9-0.8,5.3-2.1l185.7-193c1.2-1.2,2-2.9,2-4.9C300,198,299.2,196.3,298,195.1z' role='presentation'%3E%3C/path%3E%3C/svg%3E"); }

.swiper-style-banner div[class*="swiper-button-prev"] {
  left: 0;
  right: auto; }
  .swiper-style-banner div[class*="swiper-button-prev"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' class='c-icon' fill='currentColor' focusable='false' role='img' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M100,200c0,2,0.8,3.7,2,4.9l185.7,193c1.4,1.4,3.1,2.1,5.3,2.1c3.9,0,7-3.1,7-7.2c0-1.8-0.8-3.5-2-4.9L117,200L298,12.1 c1.2-1.4,2-3.1,2-4.9c0-4.1-3.1-7.2-7-7.2c-2.1,0-3.9,0.8-5.3,2.1L102,195.1C100.8,196.3,100,198,100,200z' role='presentation'%3E%3C/path%3E%3C/svg%3E"); }

.swiper-style-banner div[class*="swiper-button-disabled"] {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

@media (min-width: 1024px) {
  .swiper-style-banner div[class*="swiper-button"] {
    width: 98px; }
    .swiper-style-banner div[class*="swiper-button"]:before {
      width: 45px;
      height: 45px; } }

/*Fancybox*/
.fancybox-show-thumbs .fancybox-bg {
  background: #f9f9f9;
  opacity: 1; }

.fancybox-show-thumbs .fancybox-thumbs {
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  height: 40px;
  width: 100%;
  padding: 10px;
  margin: 10px;
  box-sizing: border-box;
  background: transparent; }
  .fancybox-show-thumbs .fancybox-thumbs .fancybox-thumbs__list {
    display: flex;
    align-items: center; }
  .fancybox-show-thumbs .fancybox-thumbs .fancybox-thumbs__list a {
    display: inline-flex;
    align-items: center;
    height: 20px;
    width: 20px;
    max-height: initial;
    max-width: initial;
    background-image: none !important;
    background-color: transparent !important; }
    .fancybox-show-thumbs .fancybox-thumbs .fancybox-thumbs__list a:before {
      content: none !important; }
    .fancybox-show-thumbs .fancybox-thumbs .fancybox-thumbs__list a:after {
      background-color: #bab6b5;
      border-radius: 50%;
      content: "";
      display: block;
      height: 10px;
      margin: 0 auto;
      transform: scale(0.5);
      transition: none;
      width: 10px; }
    .fancybox-show-thumbs .fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active:after {
      background-color: initial;
      border: 2px solid var(--text-color);
      transform: scale(1);
      transition: transform 0.25s cubic-bezier(1, 0, 1, 3) 50ms; }

.fancybox-show-thumbs .fancybox-inner {
  right: 0; }

.fancybox-show-thumbs .fancybox-navigation {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 60px;
  height: 20px;
  display: none; }
  .fancybox-show-thumbs .fancybox-navigation .fancybox-button {
    padding: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    background: transparent; }

.fancybox-show-thumbs .fancybox-caption, .fancybox-show-thumbs .fancybox-infobar,
.fancybox-show-thumbs .fancybox-navigation .fancybox-button,
.fancybox-show-thumbs .fancybox-toolbar {
  opacity: 1;
  visibility: visible; }

.fancybox-show-thumbs .fancybox-button--play, .fancybox-show-thumbs .fancybox-button--thumbs, .fancybox-show-thumbs .fancybox-infobar, .fancybox-show-thumbs .fancybox-caption {
  display: none; }

.fancybox-show-thumbs .fancybox-button, .fancybox-show-thumbs .fancybox-button:link, .fancybox-show-thumbs .fancybox-button:visited {
  color: #7f7776; }

.fancybox-show-thumbs .fancybox-button svg {
  width: 16px;
  height: 16px;
  margin: auto;
  fill: #7f7776;
  pointer-events: none; }

.fancybox-show-thumbs .fancybox-toolbar {
  top: 20px;
  right: 20px; }

.fancybox-show-thumbs .fancybox-toolbar .fancybox-button {
  width: 25px;
  height: 20px;
  background: transparent;
  padding: 0; }

.fancybox-show-thumbs .fancybox-toolbar .fancybox-button + .fancybox-button {
  margin-left: 10px; }

@media (min-width: 992px) {
  .fancybox-show-thumbs .fancybox-thumbs .fancybox-thumbs__list {
    padding-left: 80px; }
  .fancybox-show-thumbs .fancybox-thumbs .fancybox-thumbs__list a {
    height: 20px;
    width: 25px; }
  .fancybox-show-thumbs .fancybox-navigation {
    display: flex;
    align-items: center; } }

/*----------------------------------------------*/
/* MODAL ALL + SWAL2 */
/*----------------------------------------------*/
.modal {
  background: rgba(0, 0, 0, 0.31);
  z-index: 999; }
  .modal .modal-header {
    position: relative;
    padding: 20px 60px 20px 20px;
    background: #685bc7;
    border-radius: 0;
    color: #fff;
    flex-direction: column; }
    .modal .modal-header h4 {
      margin-bottom: 0;
      font-size: 24px;
      font-weight: 400;
      color: #fff; }
    .modal .modal-header button {
      position: absolute;
      top: 0;
      right: 0;
      border: none;
      display: block;
      z-index: 2;
      width: 60px;
      height: 60px;
      background: transparent;
      outline: none;
      opacity: 1;
      margin: 0; }
      .modal .modal-header button svg {
        width: 20px;
        height: 20px;
        fill: #ffffff; }
  .modal .modal-body {
    padding: 20px; }
  .modal .modal-content {
    border: none;
    border-radius: 0; }
  .modal.modal-account .modal-header .header-paragraph {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap; }
    .modal.modal-account .modal-header .header-paragraph * {
      color: #fff; }
    .modal.modal-account .modal-header .header-paragraph .u-link--underlined {
      border-color: #d8d5d5; }
    .modal.modal-account .modal-header .header-paragraph span {
      display: inline-block;
      margin: 0 4px; }
  .modal.modal-account .modal-header[data-box="acc-recovery-box"] .login-width-social {
    display: none; }
  .modal.modal-account .modal-body {
    padding: 0 30px 30px; }
  .modal.modal-account .form-note {
    margin: 20px 0 0 0; }
  .modal.modal-account .form__input-wrapper.last {
    text-align: center; }
  @media (min-width: 550px) {
    .modal.modal-account .modal-dialog {
      width: 60%; } }
  @media (min-width: 768px) {
    .modal.modal-account .modal-header {
      padding: 34px 46px; }
      .modal.modal-account .modal-header h4 {
        font-size: 30px; }
    .modal.modal-account .modal-body {
      padding: 20px 46px 36px; } }
  @media (min-width: 1100px) {
    .modal.modal-account .modal-dialog {
      margin-left: auto;
      margin-right: auto;
      width: 40%; } }
  .modal.modal-banner .modal-content {
    border-radius: 0; }
  .modal.modal-banner .modal-header {
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 9;
    border: none;
    background: none; }
    .modal.modal-banner .modal-header .close {
      outline: none;
      padding: 0;
      margin: 0;
      width: 30px;
      height: 30px;
      background: none;
      color: #fff;
      opacity: 1;
      text-shadow: none;
      border: none;
      border-radius: 50%; }
      .modal.modal-banner .modal-header .close svg {
        fill: #fff;
        width: 12px;
        height: 12px;
        vertical-align: 2.5px; }
  .modal.modal-banner .modal-body {
    padding: 0; }
    .modal.modal-banner .modal-body a {
      display: block; }
    .modal.modal-banner .modal-body a.fade-box picture {
      padding-bottom: 100%; }
  @media (min-width: 992px) and (max-width: 1440px) {
    .modal.modal-banner .modal-lg, .modal.modal-banner .modal-xl {
      max-width: 500px; } }
  @media (min-width: 1441px) {
    .modal.modal-banner .modal-lg, .modal.modal-banner .modal-xl {
      max-width: 600px; } }
  .modal.modal-coupon-banner .modal-content {
    border-radius: 0; }
  .modal.modal-coupon-banner .modal-header {
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 9;
    border: none;
    background: none; }
    .modal.modal-coupon-banner .modal-header .close {
      outline: none;
      padding: 0;
      margin: 0;
      width: 30px;
      height: 30px;
      background: none;
      color: #fff;
      opacity: 1;
      text-shadow: none;
      border: none;
      border-radius: 50%;
      box-shadow: 0 5px 38px 0 rgba(0, 0, 0, 0.3);
      display: inline-flex;
      align-items: center;
      justify-content: center; }
      .modal.modal-coupon-banner .modal-header .close svg {
        fill: #222;
        width: 12px;
        height: 12px; }
  .modal.modal-coupon-banner .modal-body {
    padding: 0;
    background: #faeece; }
    .modal.modal-coupon-banner .modal-body .col-left, .modal.modal-coupon-banner .modal-body .col-right {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
    .modal.modal-coupon-banner .modal-body .col-left {
      padding: 20px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .modal.modal-coupon-banner .modal-body .col-left .box-content {
        display: flex;
        flex-direction: column;
        gap: 20px; }
      .modal.modal-coupon-banner .modal-body .col-left .box-top {
        text-transform: uppercase;
        font-size: 16px; }
        .modal.modal-coupon-banner .modal-body .col-left .box-top .number {
          font-size: 100px;
          line-height: 100px;
          font-weight: bold;
          color: #ff0000; }
        .modal.modal-coupon-banner .modal-body .col-left .box-top h2 {
          font-size: 24px;
          margin-bottom: 2px; }
        .modal.modal-coupon-banner .modal-body .col-left .box-top h3 {
          font-size: 24px;
          font-weight: normal;
          margin-bottom: 2px; }
      .modal.modal-coupon-banner .modal-body .col-left .box-bottom {
        display: flex;
        flex-direction: column;
        gap: 10px; }
        .modal.modal-coupon-banner .modal-body .col-left .box-bottom .box-coupon {
          display: flex;
          flex-direction: column;
          gap: 15px;
          font-size: 15px; }
          .modal.modal-coupon-banner .modal-body .col-left .box-bottom .box-coupon .code-coupon {
            background: #ffffff;
            color: #ff0000;
            font-weight: bold;
            padding: 8px 10px;
            width: 100%; }
          .modal.modal-coupon-banner .modal-body .col-left .box-bottom .box-coupon .btn-copy-code {
            background: #ff0000;
            color: #ffffff;
            border-radius: 4px;
            font-weight: bold;
            display: block;
            padding: 10px 10px;
            text-transform: uppercase; }
        .modal.modal-coupon-banner .modal-body .col-left .box-bottom p {
          font-size: 13px; }
  @media (min-width: 992px) {
    .modal.modal-coupon-banner .modal-body .col-left, .modal.modal-coupon-banner .modal-body .col-right {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; } }
  @media (min-width: 992px) and (max-width: 1440px) {
    .modal.modal-coupon-banner .modal-lg, .modal.modal-coupon-banner .modal-xl {
      max-width: 700px; } }
  @media (min-width: 1441px) {
    .modal.modal-coupon-banner .modal-lg, .modal.modal-coupon-banner .modal-xl {
      max-width: 800px; } }
  .modal.modal-coupon-list .modal-content {
    border-radius: 0; }
  .modal.modal-coupon-list .modal-header {
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    z-index: 9;
    border: none;
    background: none; }
    .modal.modal-coupon-list .modal-header .close {
      outline: none;
      padding: 0;
      margin: 0;
      width: 30px;
      height: 30px;
      background: none;
      color: #fff;
      opacity: 1;
      text-shadow: none;
      border: none;
      border-radius: 50%;
      box-shadow: 0 5px 38px 0 rgba(0, 0, 0, 0.3);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      top: 10px;
      right: 10px; }
      .modal.modal-coupon-list .modal-header .close svg {
        fill: #222;
        width: 12px;
        height: 12px; }
  .modal.modal-coupon-list .modal-body {
    padding: 0; }
    .modal.modal-coupon-list .modal-body .table-voucher {
      position: relative; }
      .modal.modal-coupon-list .modal-body .table-voucher .table-voucher-title {
        font-weight: bold;
        margin-bottom: 0;
        text-transform: uppercase;
        text-align: center;
        padding: 20px;
        background: #f5f5f5; }
      .modal.modal-coupon-list .modal-body .table-voucher .table-voucher-list {
        position: relative;
        overflow: hidden;
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -ms-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out; }
      .modal.modal-coupon-list .modal-body .table-voucher .voucher-item {
        /*filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1)); */ }
        .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--inner {
          background: #fff;
          display: flex;
          display: -ms-flex;
          border-radius: 10px;
          height: 100%;
          border: 1px solid rgba(0, 0, 0, 0.08);
          position: relative; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--inner:after, .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--inner:before {
            content: "";
            width: 10px;
            height: 6px;
            left: 75px;
            position: absolute;
            z-index: 10;
            border: 1px solid #e3e3e3;
            background: #ffffff; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--inner:before {
            top: -1px;
            border-top: 0;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--inner:after {
            bottom: -1px;
            border-bottom: 0;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px; }
        .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--left {
          width: 80px;
          position: relative;
          display: flex;
          justify-content: center;
          align-content: center; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--left .vc-img {
            border-radius: 50px;
            margin: auto; }
            .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--left .vc-img span {
              width: 50px;
              height: 50px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 50%;
              background: rgba(104, 95, 196, 0.3); }
            .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--left .vc-img svg {
              width: 30px;
              height: 30px; }
        .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right {
          width: calc(100% - 80px);
          position: relative;
          display: flex;
          display: -ms-flex;
          flex-direction: column;
          -ms-flex-direction: column;
          justify-content: space-between;
          -ms-justify-content: space-between;
          padding: 12px; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-icon {
            background: transparent;
            border: 0;
            outline: none;
            cursor: pointer;
            position: absolute;
            z-index: 1;
            top: 12px;
            right: 12px;
            padding: 0;
            cursor: pointer; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-top {
            padding-bottom: 8px;
            padding-right: 24px; }
            .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-top h3 {
              margin: 0 0 4px;
              font-size: 13px;
              font-weight: 600; }
            .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-top p {
              font-size: 11px;
              margin-bottom: 0; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-bottom {
            display: flex;
            display: -ms-flex;
            justify-content: space-between;
            -ms-justify-content: space-between; }
            .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-bottom .vc-bottom-btn {
              display: flex;
              display: -ms-flex; }
            .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-bottom p {
              font-size: 10px;
              margin-bottom: 0; }
            .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-bottom p strong {
              letter-spacing: 0.4px;
              font-size: 14px; }
            .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-bottom .button {
              padding: 3px 16px 4px;
              font-size: 12px;
              font-weight: 700;
              min-width: 65px;
              border-radius: 16px;
              margin-top: auto;
              background: #3300ad;
              border: none;
              color: #fff; }
              .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-bottom .button.disabled {
                opacity: 0.6;
                cursor: default;
                pointer-events: none; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right ul {
            list-style: none; }
        .modal.modal-coupon-list .modal-body .table-voucher .voucher-item.copied .voucher-item--right .vc-bottom-btn .button {
          pointer-events: none;
          background: #d1cfed;
          color: #3300ad; }
      .modal.modal-coupon-list .modal-body .table-voucher .table-note {
        padding: 0 20px 20px; }
        .modal.modal-coupon-list .modal-body .table-voucher .table-note p {
          margin-bottom: 2px; }
      @media (max-width: 480px) {
        .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--inner:after, .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--inner:before {
          left: 55px; }
        .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--left {
          width: 60px; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--left span {
            width: 40px;
            height: 40px; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--left svg {
            width: 22px;
            height: 22px; }
        .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right {
          width: calc(100% - 60px);
          padding: 8px 6px 8px 12px; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-icon {
            top: 8px;
            right: 6px; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-top {
            padding-right: 16px; }
          .modal.modal-coupon-list .modal-body .table-voucher .voucher-item--right .vc-bottom .button {
            padding: 2px 8px 3px; } }
  @media (min-width: 992px) and (max-width: 1440px) {
    .modal.modal-coupon-list .modal-lg, .modal.modal-coupon-list .modal-xl {
      max-width: 400px; } }
  @media (min-width: 1441px) {
    .modal.modal-coupon-list .modal-lg, .modal.modal-coupon-list .modal-xl {
      max-width: 500px; } }
  .modal.modal-instagram .modal-dialog {
    width: 95%;
    max-width: 95%;
    margin-right: auto;
    margin-left: auto; }
  .modal.modal-instagram .modal-header {
    background: #fff; }
    .modal.modal-instagram .modal-header h4 {
      color: var(--text-color); }
    .modal.modal-instagram .modal-header button svg {
      fill: var(--text-color); }
  .modal.modal-instagram .modal-body {
    padding: 20px 0; }
  .modal.modal-instagram #slider-instagram-modal .ins-tile {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    padding: 0 40px;
    gap: 18px; }
    .modal.modal-instagram #slider-instagram-modal .ins-tile .ins-block {
      flex: 0 0 100%; }
    .modal.modal-instagram #slider-instagram-modal .ins-tile .ins-data {
      flex: 0 0 100%;
      display: -webkit-flex !important;
      display: flex !important;
      flex-wrap: wrap;
      gap: 15px; }
      .modal.modal-instagram #slider-instagram-modal .ins-tile .ins-data .proloop {
        flex: 0 0 auto;
        width: calc((100% - 15px) / 2); }
  .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button"] {
    position: absolute;
    top: 2%;
    z-index: 3;
    cursor: pointer;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40px;
    height: 50%; }
    .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button"]:before {
      content: '';
      background-size: 100%;
      background-position: center;
      background-repeat: no-repeat;
      width: 30px;
      height: 30px; }
  .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button-next"] {
    right: 0;
    left: auto; }
    .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button-next"]:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' class='c-icon' fill='currentColor' focusable='false' role='img' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M298,195.1L112.3,2.1C110.9,0.8,109.2,0,107,0c-3.9,0-7,3.1-7,7.2c0,1.8,0.8,3.5,2,4.9L283,200L102,387.9 c-1.2,1.4-2,3.1-2,4.9c0,4.1,3.1,7.2,7,7.2c2.1,0,3.9-0.8,5.3-2.1l185.7-193c1.2-1.2,2-2.9,2-4.9C300,198,299.2,196.3,298,195.1z' role='presentation'%3E%3C/path%3E%3C/svg%3E"); }
  .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button-prev"] {
    left: 0;
    right: auto; }
    .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button-prev"]:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='false' class='c-icon' fill='currentColor' focusable='false' role='img' version='1.1' viewBox='0 0 400 400'%3E%3Cpath d='M100,200c0,2,0.8,3.7,2,4.9l185.7,193c1.4,1.4,3.1,2.1,5.3,2.1c3.9,0,7-3.1,7-7.2c0-1.8-0.8-3.5-2-4.9L117,200L298,12.1 c1.2-1.4,2-3.1,2-4.9c0-4.1-3.1-7.2-7-7.2c-2.1,0-3.9,0.8-5.3,2.1L102,195.1C100.8,196.3,100,198,100,200z' role='presentation'%3E%3C/path%3E%3C/svg%3E"); }
  .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button-disabled"] {
    opacity: 0;
    cursor: auto;
    pointer-events: none; }
  @media (min-width: 760px) {
    .modal.modal-instagram #slider-instagram-modal .ins-tile {
      display: -webkit-flex;
      display: flex;
      flex-direction: row;
      padding: 0 48px;
      gap: 18px; }
      .modal.modal-instagram #slider-instagram-modal .ins-tile .ins-block {
        flex: 0 0 calc(50% - 9px); }
      .modal.modal-instagram #slider-instagram-modal .ins-tile .ins-data {
        flex: 0 0 calc(50% - 9px); }
    .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button"] {
      height: 100%;
      top: 0;
      bottom: 0;
      margin: auto; } }
  @media (min-width: 1024px) {
    .modal.modal-instagram #slider-instagram-modal .ins-tile {
      padding: 0 78px; }
    .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button"] {
      width: 78px; }
      .modal.modal-instagram #slider-instagram-modal div[class*="swiper-button"]:before {
        width: 45px;
        height: 45px; } }
  @media (min-width: 1024px) {
    .modal.modal-instagram .modal-dialog {
      width: 80%;
      max-width: 80%; }
    .modal.modal-instagram .modal-body {
      padding: 40px 0; } }

.modal-backdrop.show {
  opacity: 0;
  display: none; }

.modal-coupon .modal-dialog {
  position: relative; }

.modal-coupon .modal-content {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible; }

.modal-coupon .modal-header {
  padding: 16px;
  border-bottom: none; }
  .modal-coupon .modal-header h4 {
    text-align: center;
    font-size: 16px; }
  .modal-coupon .modal-header button {
    width: 50px;
    height: 50px;
    top: 0;
    right: 0; }
  .modal-coupon .modal-header button svg {
    width: 16px; }

.modal-coupon .modal-body {
  padding: 0;
  -webkit-overflow-scrolling: touch;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto; }

.modal-coupon .hrv-coupons--box {
  padding-bottom: 12px; }
  .modal-coupon .hrv-coupons--box .hrv-coupons--title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    width: 100%;
    color: #424242; }
  .modal-coupon .hrv-coupons--box .hrv-coupons--input {
    padding: 16px 16px 12px; }
    .modal-coupon .hrv-coupons--box .hrv-coupons--input .hrv-discount-code--field {
      display: flex;
      border: 1px solid #f5f6f6;
      background: #f5f6f6;
      border-radius: 4px; }
    .modal-coupon .hrv-coupons--box .hrv-coupons--input input {
      padding: 2px 16px;
      height: 40px;
      background: #f5f6f6;
      border: none;
      width: calc(100% - 95px);
      outline: none;
      box-shadow: none;
      border-radius: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .modal-coupon .hrv-coupons--box .hrv-coupons--input button {
      width: 95px;
      height: 40px;
      padding: 0 2px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .modal-coupon .hrv-coupons--box .hrv-coupons--notify {
    padding: 0 16px 6px;
    text-align: center;
    font-size: 13px;
    color: #E30019; }
  .modal-coupon .hrv-coupons--box .hrv-coupons--notify p {
    margin-bottom: 0; }
  .modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item {
    margin: 16px 16px; }
  .modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item.isSelect .coupon-item--inner {
    background: rgba(52, 21, 170, 0.07);
    border: 1px solid rgba(52, 21, 170, 0.5); }
  .modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item.isSelect .coupon-item--inner:before, .modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item.isSelect .coupon-item--inner:after {
    border-color: rgba(52, 21, 170, 0.5); }
  .modal-coupon .hrv-coupons--box .hrv-coupons--list .coupon-item.notCondition .coupon-item--inner {
    filter: grayscale(1);
    opacity: 0.65;
    cursor: default;
    pointer-events: none; }
  .modal-coupon .hrv-coupons--box .hrv-coupons--list .line-last {
    margin-top: 16px; }
  .modal-coupon .hrv-coupons--box #btn-show-all-coupon {
    width: 100%;
    color: #1982F9;
    font-size: 16px;
    background: transparent;
    border: none; }
    .modal-coupon .hrv-coupons--box #btn-show-all-coupon svg {
      width: 10px;
      position: relative;
      margin-left: 8px; }
    .modal-coupon .hrv-coupons--box #btn-show-all-coupon:focus {
      outline: none; }
    .modal-coupon .hrv-coupons--box #btn-show-all-coupon.open svg {
      transform: rotate(180deg);
      display: inline-block; }
  .modal-coupon .hrv-coupons--box::-webkit-scrollbar {
    width: 2px;
    background-color: transparent; }
  .modal-coupon .hrv-coupons--box::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
    border-radius: 4px; }

.modal-coupon .hrv-coupons--box-desc .coupon-detail--header {
  text-align: center;
  padding: 15px 10px;
  font-weight: bold; }

/* -- Toast -- */
.toast {
  position: fixed;
  z-index: 999;
  text-align: center;
  top: 29%;
  border: 0;
  width: auto;
  padding: 0;
  color: #fff;
  right: 6.5%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); }
  .toast .toast-close {
    position: absolute;
    top: 10px;
    right: 8px; }
  .toast > div {
    background-color: #2e2e2e; }
  .toast:not(.show) {
    pointer-events: none; }
  .toast .close {
    outline: none;
    border: 0;
    background-color: unset;
    position: absolute;
    top: 20px;
    right: 20px; }
  .toast .toast-body {
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    border-radius: 4px;
    padding: 12px 40px 12px 15px; }
  .toast.toast-messenger {
    top: auto;
    bottom: 15%;
    right: 15px; }
    @media (min-width: 992px) {
      .toast.toast-messenger {
        top: 29%;
        bottom: auto;
        right: 6.5%; }
        .toast.toast-messenger .toast-body {
          padding: 15px 40px 15px 15px; } }

/* -- Swal2 -- */
.swal2-modal {
  font-size: 14px;
  padding: 24px;
  color: #111; }
  .swal2-modal .swal2-title {
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0 10px;
    color: #333; }
  .swal2-modal .swal2-text {
    font-size: 14px; }
  .swal2-modal .swal2-actions {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    margin-top: 24px;
    width: 100%; }
    .swal2-modal .swal2-actions button {
      position: relative;
      padding: 12px 20px;
      margin: 0;
      line-height: normal;
      border: 1px solid transparent;
      border-radius: 4px;
      text-align: center;
      letter-spacing: 1px;
      z-index: 1;
      overflow: hidden;
      box-shadow: none;
      width: 100%;
      outline: none;
      -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
      transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86); }
      .swal2-modal .swal2-actions button.swal2-cancel {
        border: 1px solid #ececec;
        background-color: #ececec;
        color: #111111; }
        .swal2-modal .swal2-actions button.swal2-cancel:focus {
          box-shadow: 0 0 0 3px rgba(236, 236, 236, 0.5); }
      .swal2-modal .swal2-actions button.swal2-confirm {
        border: 1px solid #222222;
        background-color: #222222;
        color: #fff; }
        .swal2-modal .swal2-actions button.swal2-confirm:focus {
          box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5); }
      .swal2-modal .swal2-actions button + button {
        margin-right: 8px; }
  .swal2-modal .swal2-html-container {
    margin: 24px 0 0; }
  .swal2-modal .swal2-icon {
    margin: 0 auto; }
    .swal2-modal .swal2-icon .swal2-icon-content {
      font-size: 2rem; }
    .swal2-modal .swal2-icon.swal2-success {
      border-color: var(--color-state-success);
      color: var(--color-state-success); }
    .swal2-modal .swal2-icon.swal2-error {
      border-color: var(--color-state-error);
      color: var(--color-state-error); }
    .swal2-modal .swal2-icon.swal2-warning {
      border-color: var(--color-state-warning);
      color: var(--color-state-warning); }
    .swal2-modal .swal2-icon.swal2-info {
      border-color: var(--color-state-info);
      color: var(--color-state-info); }
    .swal2-modal .swal2-icon.swal2-question {
      border-color: var(--color-state-question);
      color: var(--color-state-question); }

/* -- Clipboard -- */
.popup-clipboard {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /*background: rgba(0, 0, 0, 0.5);*/
  z-index: 101; }
  .popup-clipboard.show {
    display: block; }
  .popup-clipboard .main-box {
    max-width: 320px;
    margin: 4% 5% 0 auto; }
    .popup-clipboard .main-box .alert-box {
      border-radius: 8px;
      font-size: 16px;
      padding: 12px 15px 12px 45px;
      position: relative;
      overflow: hidden; }
    .popup-clipboard .main-box .alert-box span {
      font-weight: bold; }
    .popup-clipboard .main-box .alert-box:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 40px;
      height: 100%;
      background-repeat: no-repeat;
      background-size: 25px;
      background-position: center; }
    .popup-clipboard .main-box .alert-box.error {
      padding-left: 60px;
      background-color: #fff;
      color: #dd3443; }
      .popup-clipboard .main-box .alert-box.error:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 340.8 340.8' style='enable-background:new 0 0 340.8 340.8;fill: %23fff;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M170.4,0C76.4,0,0,76.4,0,170.4s76.4,170.4,170.4,170.4s170.4-76.4,170.4-170.4S264.4,0,170.4,0z M170.4,323.6 c-84.4,0-153.2-68.8-153.2-153.2S86,17.2,170.4,17.2S323.6,86,323.6,170.4S254.8,323.6,170.4,323.6z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M182.4,169.6l50-50c3.2-3.2,3.2-8.8,0-12c-3.2-3.2-8.8-3.2-12,0l-50,50l-50-50c-3.2-3.2-8.8-3.2-12,0 c-3.2,3.2-3.2,8.8,0,12l50,50l-50,49.6c-3.2,3.2-3.2,8.8,0,12c1.6,1.6,4,2.4,6,2.4s4.4-0.8,6-2.4l50-50l50,50c1.6,1.6,4,2.4,6,2.4 s4.4-0.8,6-2.4c3.2-3.2,3.2-8.8,0-12L182.4,169.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-color: #dd3444; }
    .popup-clipboard .main-box .alert-box.success {
      background-color: #eaf2e5;
      color: #74aa50; }
      .popup-clipboard .main-box .alert-box.success:before {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjEyNSA5Ljc1TDEwLjYyMTkgMTVMNy44NzUgMTIuMzc1IiBzdHJva2U9IiM3NEFBNTAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiByeD0iOSIgZmlsbD0iIzc0QUE1MCIgZmlsbC1vcGFjaXR5PSIwLjIiIHN0cm9rZT0iIzc0QUE1MCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KPC9zdmc+Cg=="); }

.modal-product-quickview {
  background: rgba(3, 17, 27, 0.3);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  align-items: flex-end; }
  .modal-product-quickview.show {
    display: flex; }
  .modal-product-quickview .modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 0; }
  .modal-product-quickview .modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 0 35px; }
  .modal-product-quickview .quickview-close {
    text-align: center;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px;
    color: #272727;
    z-index: 999;
    width: 30px;
    height: 30px;
    border: 9px solid transparent;
    border-radius: 0; }
    .modal-product-quickview .quickview-close:before, .modal-product-quickview .quickview-close:after {
      content: "";
      position: absolute;
      height: 2px;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -1px;
      background-color: rgba(39, 39, 39, 0.5);
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .modal-product-quickview .quickview-close:before {
      transform-origin: 50% 50%;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .modal-product-quickview .quickview-close:after {
      transform-origin: 50% 50%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .modal-product-quickview.fade .modal-content {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: transform 0.4s ease;
    transition: transform 0.4s ease; }
  .modal-product-quickview.fade.show .modal-content {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .modal-product-quickview .swiper-style div[class*="swiper-button"] {
    width: 30px;
    height: 30px; }
    .modal-product-quickview .swiper-style div[class*="swiper-button"]:before {
      width: 20px;
      height: 20px; }
    .modal-product-quickview .swiper-style div[class*="swiper-button"]:after {
      content: none; }
  .modal-product-quickview .quickviewdetail-row {
    display: flex;
    gap: 20px;
    flex-direction: column; }
    .modal-product-quickview .quickviewdetail-row .quickviewdetail-gallery {
      position: relative; }
      .modal-product-quickview .quickviewdetail-row .quickviewdetail-gallery .btn-link {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 2;
        margin-right: 15px;
        margin-bottom: 4px;
        background-color: rgba(255, 255, 255, 0.8);
        color: #222;
        padding: 5px 7px;
        font-size: 12px;
        text-decoration: underline; }
      .modal-product-quickview .quickviewdetail-row .quickviewdetail-gallery .quickviewdetail-img.aspect-ratio {
        position: relative;
        overflow: hidden;
        padding-bottom: 132%; }
        .modal-product-quickview .quickviewdetail-row .quickviewdetail-gallery .quickviewdetail-img.aspect-ratio img {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          object-fit: cover; }
    .modal-product-quickview .quickviewdetail-row .quickviewdetail-info {
      padding: 0 20px; }
      .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .detail-wrapper {
        display: flex;
        gap: 8px;
        flex-direction: column; }
      .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-infos--heading {
        font-size: 18px;
        font-weight: 700; }
      .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swatch {
        display: flex;
        flex-direction: column;
        gap: 8px; }
      .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        width: 100%; }
        .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--color {
          list-style: none;
          padding-left: 2px;
          height: 30px;
          width: 100%; }
          .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--color span {
            display: inline-flex;
            position: relative;
            border: 1px solid #ffffff;
            border-radius: 50%;
            width: 22px;
            height: 22px;
            box-shadow: 0 0 3px #d6d4ce;
            transition: all 150ms; }
            .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--color span img {
              border-radius: 50%; }
            .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--color span:before {
              content: '';
              position: absolute;
              top: -2px;
              right: -2px;
              left: -2px;
              bottom: -2px;
              display: block;
              border: 1px solid #767676;
              border-radius: 50%;
              opacity: 0;
              visibility: hidden; }
            .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--color span.sd:before {
              opacity: 1;
              visibility: visible; }
        .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--size label {
          align-items: center;
          justify-content: center;
          min-width: 36px;
          display: inline-flex;
          height: 30px;
          font-size: 12px;
          border: 1px solid #ccc;
          box-shadow: unset;
          position: relative;
          color: #3a2e2c;
          font-weight: 600;
          padding: 0 6px;
          background: transparent;
          margin: 0; }
          .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--size label.sd {
            border: 1px solid #222; }
          .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--size label.soldout {
            color: #ccc; }
            .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-select-swap.qv-select-swap--size label.soldout:before {
              content: "";
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='100%25' x2='100%25' stroke='%23ccc'/%3E%3C/svg%3E"); }
      .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-controls button {
        border-radius: 0;
        text-transform: uppercase;
        font-size: 12px;
        border: 1px solid transparent;
        background: #000;
        color: #fff;
        width: 100%;
        padding: 8px 5px;
        outline: none !important;
        font-weight: 500; }
      .modal-product-quickview .quickviewdetail-row .quickviewdetail-info .qv-variant-selector-error {
        font-size: 12px;
        color: #c01212;
        margin-top: 8px; }

.quick-view-modal-notify {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 0;
  padding: 10px 26px;
  color: #fff;
  background: #2e2e2e;
  position: fixed;
  bottom: 0;
  right: 0;
  white-space: nowrap;
  z-index: 10;
  width: 100%; }

body.open-quickview {
  overflow: hidden; }

/*----------------------------------------------*/
/* INDEX TEMPLATE */
/*----------------------------------------------*/
.section-direction {
  padding: 20px 0 0; }
  .section-direction .box-content h2 {
    font-weight: 400;
    font-size: 45px;
    margin-bottom: 26px; }
  .section-direction .box-content p {
    font-size: 22px;
    margin-bottom: 16px; }
  .section-direction .box-action {
    text-align: center; }
    .section-direction .box-action a {
      margin-bottom: 20px; }
  .section-direction .box-banner, .section-direction .box-video {
    margin-top: 24px; }
  .section-direction .slider-banner {
    overflow: hidden; }
    .section-direction .slider-banner .swiper-slide .aspect-ratio {
      overflow: hidden;
      display: block; }
      .section-direction .slider-banner .swiper-slide .aspect-ratio picture {
        position: relative;
        padding-bottom: calc(800/800 * 100%);
        display: block; }
      .section-direction .slider-banner .swiper-slide .aspect-ratio img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        aspect-ratio: 800 / 800; }
      @media (min-width: 992px) {
        .section-direction .slider-banner .swiper-slide .aspect-ratio picture {
          padding-bottom: calc(800/1600 * 100%); }
        .section-direction .slider-banner .swiper-slide .aspect-ratio img {
          aspect-ratio: 800/1600; } }
  @media (max-width: 1270px) {
    .section-direction .box-content h2 {
      font-size: 35px; } }
  @media (max-width: 991px) {
    .section-direction {
      padding: 16px 0 0; }
      .section-direction .box-content h2 {
        font-size: 20px;
        margin-bottom: 16px; }
      .section-direction .box-content p {
        font-size: 14px;
        margin-bottom: 16px; }
      .section-direction .box-action a {
        margin-bottom: 10px; }
      .section-direction .box-banner, .section-direction .box-video {
        margin-top: 12px; } }
  @media (max-width: 759px) {
    .section-direction .box-banner picture {
      padding-bottom: 100%; } }

.section-category .item-cate--img {
  overflow: hidden; }

.section-category .item-cate--img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease; }

.section-category .item-cate:hover .item-cate--img img {
  transform: scale(1.06); }

.section-category .item-cate .item-cate--img {
  margin-bottom: 6px; }
  .section-category .item-cate .item-cate--img a {
    overflow: hidden;
    position: relative; }
  .section-category .item-cate .item-cate--img picture {
    position: relative;
    padding-bottom: calc(900/600 * 100%);
    display: block; }
  .section-category .item-cate .item-cate--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 900 / 600; }

.section-category .item-cate h4 {
  color: #6e6e6e;
  font-size: 10px;
  font-weight: 300;
  margin: 0 0 6px;
  text-transform: uppercase; }

.section-category .item-cate h3 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.section-category .item-cate h3 a {
  color: #3a2e2c; }

.section-category .item-cate p {
  font-size: 12px;
  font-weight: 300;
  margin: 6px 0;
  text-align: justify; }

.section-category .item-cate:hover h3 a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px; }

@media (min-width: 1100px) {
  .section-category .item-cate .item-cate--img {
    margin-bottom: 14px; }
  .section-category .item-cate h4 {
    font-size: 12px;
    margin: 0 0 10px; }
  .section-category .item-cate h3 {
    font-size: 24px; }
  .section-category .item-cate p {
    font-size: 14px;
    margin: 14px 0; } }

.section-category .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
.section-category .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
  -webkit-flex: 0 0 72.5%;
  flex: 0 0 72.5%;
  max-width: 72.5%; }

@media (max-width: 1099px) and (min-width: 550px) {
  .section-category .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
  .section-category .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    -webkit-flex: 0 0 45.5%;
    flex: 0 0 45.5%;
    max-width: 45.5%; } }

.section-category .media-wrap {
  display: grid;
  grid-template-columns: 1fr 19% 19% 19%;
  grid-gap: 18px;
  grid-template-areas: "sidebar content-1 content-1 content-1" "sidebar content-2 content-2 content-2"; }
  @media screen and (max-width: 767px) {
    .section-category .media-wrap {
      gap: 15px;
      grid-template-columns: 1fr;
      grid-template-areas: " sidebar " " content-1 " " content-2 "; } }
  .section-category .media-wrap .sidebar {
    grid-area: sidebar; }
    @media screen and (max-width: 767px) {
      .section-category .media-wrap .sidebar a {
        padding-bottom: calc(100%* 460 / 345) !important; } }
  .section-category .media-wrap .content-1, .section-category .media-wrap .content-2 {
    display: flex;
    gap: 18px; }
    @media screen and (max-width: 767px) {
      .section-category .media-wrap .content-1, .section-category .media-wrap .content-2 {
        gap: 15px; } }
  .section-category .media-wrap .content-1 {
    grid-area: content-1; }
  .section-category .media-wrap .content-2 {
    grid-area: content-2; }
  .section-category .media-wrap .item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    position: relative;
    overflow: hidden;
    width: 100%; }
    .section-category .media-wrap .item a {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      position: relative;
      padding-bottom: 100%;
      width: 100%; }
      .section-category .media-wrap .item a h2 {
        position: absolute;
        color: #fff;
        font-weight: 500;
        left: 15px;
        bottom: 13%;
        font-size: 20px;
        z-index: 5;
        max-width: 40%; }
      .section-category .media-wrap .item a .btn {
        position: absolute;
        right: 15px;
        bottom: 16.5%;
        display: inline-block;
        background: #fff;
        font-weight: 500;
        z-index: 5; }
    .section-category .media-wrap .item img {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      /*object-fit: cover;
				object-position: left bottom;*/ }
    .section-category .media-wrap .item.sidebar a {
      padding-bottom: calc(100% * 1200 / 900); }
      .section-category .media-wrap .item.sidebar a h2 {
        bottom: 10%; }
      .section-category .media-wrap .item.sidebar a .btn {
        bottom: 10%; }
    .section-category .media-wrap .item.sidebar img {
      left: 0;
      max-width: unset;
      width: auto; }
      @media (max-width: 767px) {
        .section-category .media-wrap .item.sidebar img {
          left: 0; } }
  @media (min-width: 768px) {
    .section-category .media-wrap.module_2 {
      direction: rtl; } }
  @media (max-width: 767px) {
    .section-category .media-wrap .item a:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.1);
      width: 100%;
      height: 100%;
      z-index: 1; }
    .section-category .media-wrap .item a h2 {
      max-width: 100%;
      margin-bottom: 0;
      bottom: 8%; }
    .section-category .media-wrap .item a .btn {
      display: none; } }

.section-category #slider-category-1 {
  position: relative; }
  .section-category #slider-category-1.swiper-initialized {
    overflow: hidden; }
  .section-category #slider-category-1 .item-cate--img picture {
    padding-bottom: 100%; }
  .section-category #slider-category-1 div[class*="swiper-button-prev"] {
    left: 0;
    right: auto;
    top: 0;
    margin: 0;
    background: linear-gradient(270deg, #fff0, #fff);
    height: calc(100% - 45px); }
    .section-category #slider-category-1 div[class*="swiper-button-prev"]:after {
      display: none; }
  .section-category #slider-category-1 div[class*="swiper-button-next"] {
    right: 0;
    left: auto;
    top: 0;
    margin: 0;
    background: linear-gradient(90deg, #fff0, #fff);
    height: calc(100% - 45px); }
    .section-category #slider-category-1 div[class*="swiper-button-next"]:after {
      display: none; }

@media (max-width: 1099px) {
  .section-collection .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
  .section-collection .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    -webkit-flex: 0 0 21.8%;
    flex: 0 0 21.8%;
    max-width: 21.8%; } }

@media (max-width: 859px) {
  .section-collection .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
  .section-collection .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    -webkit-flex: 0 0 29.7%;
    flex: 0 0 29.7%;
    max-width: 29.7%; } }

@media (max-width: 759px) {
  .section-collection .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
  .section-collection .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    -webkit-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%; } }

@media (max-width: 549px) {
  .section-collection .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
  .section-collection .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    -webkit-flex: 0 0 41.66%;
    flex: 0 0 41.66%;
    max-width: 41.66%; } }

.section-instagram .item .image {
  position: relative;
  overflow: hidden; }
  .section-instagram .item .image picture {
    position: relative;
    padding-bottom: calc(1/1 * 100%);
    display: block; }
  .section-instagram .item .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1; }

.section-instagram .item .image .tags {
  background-color: #fff;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  left: 8px;
  bottom: 8px;
  padding: 4px 14px 4px 11px;
  position: absolute;
  width: 60px;
  height: 29px;
  color: #3a2e2c; }
  .section-instagram .item .image .tags svg {
    width: 21px;
    height: 21px; }

.section-instagram .item .detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 0; }
  .section-instagram .item .detail h3 {
    color: var(--text-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px; }
  .section-instagram .item .detail .count {
    display: inline-flex;
    align-items: center; }
    .section-instagram .item .detail .count svg {
      width: 12px;
      height: 12px;
      color: red; }
    .section-instagram .item .detail .count span {
      margin-left: 4px; }

.section-instagram .section-footing {
  padding: 30px 0;
  display: flex;
  justify-content: center; }
  .section-instagram .section-footing a {
    padding: 12px 60px; }

.section-instagram .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
.section-instagram .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
  -webkit-flex: 0 0 72.5%;
  flex: 0 0 72.5%;
  max-width: 72.5%; }

@media (max-width: 1099px) and (min-width: 550px) {
  .section-instagram .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
  .section-instagram .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    -webkit-flex: 0 0 45.5%;
    flex: 0 0 45.5%;
    max-width: 45.5%; } }

@media (max-width: 991px) {
  .section-instagram .section-footing {
    padding: 16px 0; } }

.section-instagram-new {
  padding-bottom: 32px; }
  .section-instagram-new .ins-tile {
    outline: none; }
  .section-instagram-new .ins-empty.alert-info {
    padding: 15px; }
  .section-instagram-new .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
  .section-instagram-new .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    -webkit-flex: 0 0 72.5%;
    flex: 0 0 72.5%;
    max-width: 72.5%; }
  @media (max-width: 1099px) and (min-width: 550px) {
    .section-instagram-new .swiper-container:not(.swiper-initialized) .swiper-wrapper .swiper-slide,
    .section-instagram-new .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
      -webkit-flex: 0 0 45.5%;
      flex: 0 0 45.5%;
      max-width: 45.5%; } }

.ins-tile .ins-block {
  position: relative;
  display: flex;
  flex-direction: column; }
  .ins-tile .ins-block .ins-img {
    position: relative;
    display: block; }
    .ins-tile .ins-block .ins-img .aspect-ratio {
      overflow: hidden;
      padding-top: 100%;
      position: relative;
      width: 100%;
      height: inherit;
      display: block;
      min-height: 100%; }
      .ins-tile .ins-block .ins-img .aspect-ratio img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        object-position: bottom; }
      .ins-tile .ins-block .ins-img .aspect-ratio picture {
        height: inherit;
        transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), background 0.4s ease-out 0.6s;
        bottom: -1px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%; }
    .ins-tile .ins-block .ins-img .tagged {
      background-color: #fff;
      border-radius: 3px;
      bottom: 7px;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      height: 29px;
      left: 7px;
      padding: 4px 14px 4px 11px;
      position: absolute; }
      .ins-tile .ins-block .ins-img .tagged svg {
        width: 21px;
        height: 21px; }
  .ins-tile .ins-block .ins-detail {
    min-height: calc(var(--product-tile-footer-height)); }
    .ins-tile .ins-block .ins-detail .ins-name {
      font-size: 14px;
      font-weight: 500;
      line-height: normal;
      overflow: hidden;
      padding-top: 5px;
      margin-bottom: 0; }
      .ins-tile .ins-block .ins-detail .ins-name a {
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .ins-tile .ins-block .ins-detail .ins-label {
      margin-top: 8px;
      font-size: 10px;
      display: flex;
      overflow: scroll;
      gap: 4px; }
      .ins-tile .ins-block .ins-detail .ins-label::-webkit-scrollbar {
        width: 0;
        display: none; }
      .ins-tile .ins-block .ins-detail .ins-label span {
        display: inline-block;
        display: inline-block;
        background-color: #f0f1f2;
        color: #000;
        padding: 2px 4px;
        font-weight: 600;
        border-radius: 2px;
        white-space: nowrap; }

.ins-tile.ins-loadding .ins-block {
  background: #fff;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
			border-radius: 4px;*/
  position: relative;
  overflow: hidden;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; }

.ins-tile.ins-loadding .ins-image .lazy-img {
  position: relative;
  width: 100%;
  height: 0;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  padding-bottom: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; }

.ins-tile.ins-loadding .ins-detail {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
  background: #fff;
  -webkit-transition: transform 300ms ease;
  -moz-transition: transform 300ms ease;
  -ms-transition: transform 300ms ease;
  -o-transition: transform 300ms ease;
  transition: transform 300ms ease; }

.ins-tile.ins-loadding .loading-mask .loading-mask__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 0; }

.ins-tile.ins-loadding .loading-mask .loading-mask__detail {
  padding: 10px 0; }

.ins-tile.ins-loadding .loading-mask .loading-mask__detail .mask-line {
  height: 10px;
  width: 100%;
  border-radius: 8px;
  margin: 4px 0; }

.ins-tile.ins-loadding .loading-mask .loading-mask__detail .mask-line:nth-child(2) {
  width: 80%; }

.ins-tile.ins-loadding .loading-mask .loading-mask__detail .mask-line:nth-child(3) {
  width: 65%; }

.section-newsletter {
  background: #FFEF71;
  color: #fff;
  padding: 30px 0; }
  .section-newsletter .text * {
    color: #000; }
  .section-newsletter .box-newsletter {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      .section-newsletter .box-newsletter {
        flex-direction: column; } }
  .section-newsletter .text-newsletter {
    padding-right: 22px;
    width: 50%;
    display: flex;
    align-items: center; }
    .section-newsletter .text-newsletter h2 {
      font-weight: 500;
      font-size: 25px;
      margin-bottom: 2px; }
    .section-newsletter .text-newsletter p {
      margin-bottom: 0; }
    @media (max-width: 767px) {
      .section-newsletter .text-newsletter {
        margin: 0;
        width: 100%;
        justify-content: center;
        padding: 0 0 15px; } }
  .section-newsletter .form-newsletter {
    width: 50%; }
    .section-newsletter .form-newsletter .form-group {
      position: relative;
      width: 100%;
      margin: 0; }
      .section-newsletter .form-newsletter .form-group .form-control {
        width: 100%;
        height: 55px;
        line-height: 25px;
        color: #7F7F7F;
        padding: 10px 100px 10px 12px;
        border: none;
        box-shadow: none;
        outline: none !important;
        transition: initial;
        font-size: 14px;
        font-weight: 600;
        border-radius: 4px; }
      .section-newsletter .form-newsletter .form-group .btn {
        position: absolute;
        right: 2px;
        top: 0;
        bottom: 0;
        border: 1px solid #fff;
        box-shadow: none;
        background: #3a2e2c;
        border-radius: 4px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        display: flex;
        align-items: center;
        color: #fff;
        height: 50px;
        margin: auto;
        padding: 6px 18px; }
    @media (max-width: 767px) {
      .section-newsletter .form-newsletter {
        width: 100%; } }
  @media (min-width: 992px) {
    .section-newsletter {
      padding: 60px 0; } }

.section-collection-new {
  padding: 30px 0 0; }
  .section-collection-new .col-left, .section-collection-new .col-right {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .section-collection-new .col-right {
    padding: 32px 45px 32px 45px;
    height: 100%; }
  .section-collection-new .box-content h3 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 20px; }
  .section-collection-new .box-content h2 {
    font-weight: 500;
    font-size: 34px;
    margin-bottom: 12px; }
  .section-collection-new .box-content p {
    font-size: 14px;
    margin-bottom: 8px; }
  .section-collection-new .box-action {
    display: flex;
    column-gap: 20px; }
    .section-collection-new .box-action a {
      width: 40%; }
  .section-collection-new .has-bg.col-box {
    background: #F2C75C; }
  .section-collection-new .box-banner {
    overflow: hidden; }
    .section-collection-new .box-banner picture {
      position: relative;
      padding-bottom: calc(450/900 * 100%);
      display: block; }
    .section-collection-new .box-banner img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      aspect-ratio: 450 / 900; }
  @media (max-width: 1400px) {
    .section-collection-new .col-right {
      padding: 22px 22px 22px 30px;
      height: 100%; }
    .section-collection-new .box-content {
      margin-bottom: 14px; }
      .section-collection-new .box-content h3 {
        font-size: 15px;
        margin-bottom: 16px; }
      .section-collection-new .box-content h2 {
        font-size: 26px;
        margin-bottom: 10px; }
      .section-collection-new .box-content p {
        font-size: 13px;
        margin-bottom: 6px; }
    .section-collection-new .box-action {
      display: flex;
      column-gap: 10px; }
      .section-collection-new .box-action a {
        width: 50%;
        font-size: 14px; } }
  @media (max-width: 759px) {
    .section-collection-new {
      padding: 16px 0 0; }
      .section-collection-new .box-content h3 {
        font-size: 14px;
        margin-bottom: 8px; }
      .section-collection-new .box-content h2 {
        font-size: 26px;
        margin-bottom: 6px; }
      .section-collection-new .box-content p {
        font-size: 12px;
        margin-bottom: 8px; }
      .section-collection-new .box-action {
        flex-direction: column; }
      .section-collection-new .box-action a {
        width: 100%; }
      .section-collection-new .box-action a + a {
        margin-top: 12px; }
      .section-collection-new .col-left, .section-collection-new .col-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
      .section-collection-new .col-right {
        padding: 20px 0; }
      .section-collection-new .has-bg .col-right {
        padding: 20px; } }

.section-banner .box-banner {
  position: relative;
  overflow: hidden; }
  .section-banner .box-banner picture {
    padding-bottom: calc(350/700 * 100%);
    position: relative;
    display: block; }
  .section-banner .box-banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 350 / 700; }
  .section-banner .box-banner .fixed-button {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    right: 0;
    bottom: 0;
    margin: auto; }
    .section-banner .box-banner .fixed-button a.button {
      background: #3a2e2c;
      color: #fff;
      padding-left: 30px;
      padding-right: 30px;
      border: 1px solid #3a2e2c;
      margin: 0 10px 10px 0; }
  .section-banner .box-banner .fixed-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0; }

@media (min-width: 992px) {
  .section-banner .box-banner picture {
    padding-bottom: calc(190/1920 * 100%); }
  .section-banner .box-banner img {
    aspect-ratio: 190 / 1920; } }

/* flashsale */
.section-flashsale .heading-title .mainCountDown {
  margin: 0 0 12px 0; }

.section-flashsale .heading-title .titleFlashSale {
  font-size: 25px;
  font-weight: 900;
  margin: 0;
  display: block;
  text-align: center; }

.section-flashsale .heading-title .lof-clock-detail {
  display: block; }
  .section-flashsale .heading-title .lof-clock-detail .countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px; }
    .section-flashsale .heading-title .lof-clock-detail .countdown span {
      background: black;
      color: #FFFFFF;
      font-size: 20px;
      padding: 5px;
      text-align: center; }
    .section-flashsale .heading-title .lof-clock-detail .countdown .day:after {
      content: 'Ngày';
      font-weight: 700;
      display: block;
      font-size: 14px; }
    .section-flashsale .heading-title .lof-clock-detail .countdown .hour:after {
      content: 'Giờ';
      font-weight: 700;
      display: block;
      font-size: 14px; }
    .section-flashsale .heading-title .lof-clock-detail .countdown .minute:after {
      content: 'Phút';
      font-weight: 700;
      display: block;
      font-size: 14px; }
    .section-flashsale .heading-title .lof-clock-detail .countdown .second:after {
      content: 'Giây';
      font-weight: 700;
      display: block;
      font-size: 14px; }
    @media (max-width: 768px) {
      .section-flashsale .heading-title .lof-clock-detail .countdown span {
        font-size: 14px; }
      .section-flashsale .heading-title .lof-clock-detail .countdown .day:after {
        font-size: 10px; }
      .section-flashsale .heading-title .lof-clock-detail .countdown .hour:after {
        font-size: 10px; }
      .section-flashsale .heading-title .lof-clock-detail .countdown .minute:after {
        font-size: 10px; }
      .section-flashsale .heading-title .lof-clock-detail .countdown .second:after {
        font-size: 10px; } }

.section-flashsale .group-banner {
  display: flex;
  gap: 12px;
  margin: 12px 0; }
  .section-flashsale .group-banner .item-banner {
    width: 100%; }
  .section-flashsale .group-banner a {
    display: block; }
    .section-flashsale .group-banner a img {
      width: 100%; }

.section-flashsale .section-footing {
  text-align: center; }
  .section-flashsale .section-footing a {
    display: inline-block;
    margin: 20px 0 0 0;
    padding: 12px 60px; }

.recommend_items {
  padding: 0 15px; }
  .recommend_items h3 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 36px; }
    .recommend_items h3 a {
      font-size: 16px;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      gap: 10px; }
      .recommend_items h3 a svg {
        width: 10px;
        height: 10px; }
  .recommend_items .recommend_list {
    display: -webkit-flex;
    display: flex;
    gap: 12px; }
    .recommend_items .recommend_list .proloop {
      flex: 0 0 auto;
      width: calc((100% - 36px)/4); }
      .recommend_items .recommend_list .proloop .proloop-options {
        margin: 15px 0 0;
        min-height: 40px; }
      .recommend_items .recommend_list .proloop .option_group {
        position: relative; }
        .recommend_items .recommend_list .proloop .option_group select {
          width: 100%;
          height: 40px;
          border-radius: 5px; }
          .recommend_items .recommend_list .proloop .option_group select.error {
            border-color: #f00; }
        .recommend_items .recommend_list .proloop .option_group label {
          position: absolute;
          left: 10px;
          top: -10px;
          display: block;
          z-index: 1;
          background: #fff;
          margin-bottom: 0;
          padding: 0 5px;
          font-size: 12px; }
          .recommend_items .recommend_list .proloop .option_group label span {
            color: #f00; }
      .recommend_items .recommend_list .proloop .recommend_error {
        color: #f00;
        font-style: italic;
        font-weight: 600;
        font-size: 12px;
        margin: 8px 0 0; }
      .recommend_items .recommend_list .proloop .btn-add-popup {
        background: #D3D3D3;
        color: #000;
        font-weight: 700;
        width: 100%;
        margin: 15px auto; }
        .recommend_items .recommend_list .proloop .btn-add-popup.disabled {
          background: #E8E8E8; }
      .recommend_items .recommend_list .proloop .proloop-detail {
        padding-bottom: 0; }
  @media (max-width: 767px) {
    .recommend_items {
      margin-top: 30px; }
      .recommend_items .container-fluid {
        padding: 0; }
      .recommend_items h3 {
        font-size: 16px;
        flex-wrap: wrap; }
      .recommend_items .recommend_list {
        gap: 15px;
        overflow: hidden;
        overflow-x: auto; }
        .recommend_items .recommend_list .swiper-wrapper {
          display: -webkit-flex;
          display: flex;
          gap: 15px; }
        .recommend_items .recommend_list .proloop {
          width: calc((100% - 15px)/1.5); }
          .recommend_items .recommend_list .proloop .btn-add-popup {
            width: 100%;
            margin: 15px auto; }
        .recommend_items .recommend_list div[class*="swiper-button-"] {
          display: none; } }

.modal-success-addcart .modal-dialog {
  position: relative; }

.modal-success-addcart .modal-content {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible; }

.modal-success-addcart .modal-header {
  padding: 16px;
  border-bottom: none; }
  .modal-success-addcart .modal-header h4 {
    text-align: center;
    font-size: 16px; }
  .modal-success-addcart .modal-header button {
    width: 50px;
    height: 50px;
    top: 0;
    right: 0; }
  .modal-success-addcart .modal-header button svg {
    width: 16px; }

.modal-success-addcart .modal-body {
  padding: 0;
  -webkit-overflow-scrolling: touch;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto; }

.modal-success-addcart .main_item {
  padding: 0 15px; }
  .modal-success-addcart .main_item .line-item {
    display: flex;
    padding: 0;
    position: relative;
    z-index: 1;
    padding: 15px 0; }
    .modal-success-addcart .main_item .line-item .left {
      width: 150px; }
      .modal-success-addcart .main_item .line-item .left .item-img {
        margin: 0 auto;
        text-align: center;
        position: relative;
        width: 150px;
        height: 150px; }
        .modal-success-addcart .main_item .line-item .left .item-img a {
          display: block;
          height: 100%; }
        .modal-success-addcart .main_item .line-item .left .item-img img {
          position: absolute;
          top: 50%;
          left: 50%;
          display: block;
          object-fit: contain;
          transform: translate(-50%, -50%); }
      @media (max-width: 767px) {
        .modal-success-addcart .main_item .line-item .left {
          display: inline-block;
          width: 95px; }
          .modal-success-addcart .main_item .line-item .left .item-img {
            width: 95px;
            height: 95px; }
          .modal-success-addcart .main_item .line-item .left .item-img img {
            width: 100%; } }
    .modal-success-addcart .main_item .line-item .right {
      display: flex;
      width: calc(100% - 135px);
      margin-left: 10px; }
      .modal-success-addcart .main_item .line-item .right .item-info {
        width: 70%;
        padding-right: 15px; }
        .modal-success-addcart .main_item .line-item .right .item-info > a {
          display: block; }
        .modal-success-addcart .main_item .line-item .right .item-info h3 {
          font-size: 14px;
          font-weight: 500;
          margin-bottom: 8px; }
        .modal-success-addcart .main_item .line-item .right .item-info h4 {
          font-weight: 600;
          font-size: 14px;
          line-height: 18px;
          margin-bottom: 8px; }
        .modal-success-addcart .main_item .line-item .right .item-info .item-desc {
          margin-bottom: 10px;
          font-size: 12px; }
        .modal-success-addcart .main_item .line-item .right .item-info .item-desc .variant-option {
          margin-bottom: 2px;
          display: flex;
          column-gap: 4px; }
        .modal-success-addcart .main_item .line-item .right .item-info .item-desc .variant-option .text {
          font-weight: 600; }
        .modal-success-addcart .main_item .line-item .right .item-info .item-promo .alert-primary {
          color: #3415aa;
          background-color: rgba(52, 21, 170, 0.1);
          border-color: rgba(52, 21, 170, 0.1);
          font-weight: bold;
          border-radius: 0.15rem;
          margin-bottom: 8px;
          padding: 0.2rem 0.4rem;
          font-size: 12px; }
      .modal-success-addcart .main_item .line-item .right .item-meta {
        width: 30%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-between; }
      .modal-success-addcart .main_item .line-item .right .item-meta--top {
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
      .modal-success-addcart .main_item .line-item .right .item-quan .qty-click {
        display: flex;
        align-items: center; }
        .modal-success-addcart .main_item .line-item .right .item-quan .qty-click input.item-quantity {
          background: #fff;
          font-weight: 400;
          font-size: 14px;
          height: 32px;
          width: 50px;
          padding: 0;
          text-align: center;
          border: 1px solid #efecf0;
          border-left: none;
          border-right: none;
          border-radius: 0;
          -webkit-appearance: none; }
          .modal-success-addcart .main_item .line-item .right .item-quan .qty-click input.item-quantity:focus {
            outline: none; }
        .modal-success-addcart .main_item .line-item .right .item-quan .qty-click button.qty-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background: #fff;
          height: 32px;
          width: 32px;
          padding: 0;
          text-align: center;
          border: 1px solid #efecf0;
          border-radius: 0;
          -webkit-appearance: none; }
          .modal-success-addcart .main_item .line-item .right .item-quan .qty-click button.qty-btn:focus {
            outline: none; }
          .modal-success-addcart .main_item .line-item .right .item-quan .qty-click button.qty-btn svg {
            width: 11px;
            height: 11px; }
      .modal-success-addcart .main_item .line-item .right .item-price {
        display: flex;
        align-items: center;
        margin-bottom: 8px; }
        .modal-success-addcart .main_item .line-item .right .item-price p {
          margin-bottom: 0;
          text-align: center; }
        .modal-success-addcart .main_item .line-item .right .item-price span:not(.text-gift) {
          display: block;
          font-weight: 600;
          font-size: 18px; }
        .modal-success-addcart .main_item .line-item .right .item-price del {
          font-size: 14px;
          color: #7D7373;
          display: block;
          margin-left: 10px; }
        .modal-success-addcart .main_item .line-item .right .item-price span.text-gift {
          display: block;
          font-weight: 600;
          font-size: 14px; }
      .modal-success-addcart .main_item .line-item .right .item-total-price {
        display: inline-flex;
        text-align: center;
        width: 20%;
        flex-direction: column;
        justify-content: center; }
        .modal-success-addcart .main_item .line-item .right .item-total-price div span {
          display: block;
          font-weight: normal;
          color: #777; }
          .modal-success-addcart .main_item .line-item .right .item-total-price div span.text {
            display: none;
            font-size: 13px; }
          .modal-success-addcart .main_item .line-item .right .item-total-price div span.line-item-total {
            font-weight: 600;
            color: #000; }
      .modal-success-addcart .main_item .line-item .right .item-remove .remove a {
        display: flex;
        align-items: center;
        justify-content: center; }
      .modal-success-addcart .main_item .line-item .right .item-remove .remove a:not(:hover) {
        color: #6D6E72; }
      .modal-success-addcart .main_item .line-item .right .item-remove .remove svg {
        width: 20px;
        height: 20px; }
      .modal-success-addcart .main_item .line-item .right #stay {
        width: 100%;
        background: #D3D3D3;
        font-weight: 700;
        margin-bottom: 15px; }
      .modal-success-addcart .main_item .line-item .right #go_cart {
        display: block;
        background: #695bc8;
        color: #fff;
        font-weight: 700; }
      @media (max-width: 767px) {
        .modal-success-addcart .main_item .line-item .right {
          width: calc(100% - 91px);
          margin-left: 10px;
          flex-wrap: wrap; }
          .modal-success-addcart .main_item .line-item .right .item-info {
            display: block;
            width: 100%;
            padding-right: 0; }
            .modal-success-addcart .main_item .line-item .right .item-info h3 {
              margin-bottom: 4px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 2;
              max-height: calc(20px * 2); }
            .modal-success-addcart .main_item .line-item .right .item-info h4 {
              margin-bottom: 4px; }
            .modal-success-addcart .main_item .line-item .right .item-info .item-desc {
              font-size: 12px;
              display: flex;
              column-gap: 10px;
              margin-bottom: 4px; }
          .modal-success-addcart .main_item .line-item .right .item-quan input.item-quantity {
            height: 25px !important;
            width: 40px; }
          .modal-success-addcart .main_item .line-item .right .item-quan button.qty-btn {
            height: 25px !important;
            width: 25px !important; }
          .modal-success-addcart .main_item .line-item .right .item-quan button.qty-btn svg {
            width: 13px;
            height: 13px; }
          .modal-success-addcart .main_item .line-item .right .item-price {
            margin: 0 0 4px; }
            .modal-success-addcart .main_item .line-item .right .item-price p {
              margin-bottom: 0;
              text-align: right; }
            .modal-success-addcart .main_item .line-item .right .item-price span {
              display: inline-block; }
            .modal-success-addcart .main_item .line-item .right .item-price del {
              display: inline-block;
              margin-left: 5px; }
          .modal-success-addcart .main_item .line-item .right .item-total-price {
            display: inline-block;
            width: 100%; }
            .modal-success-addcart .main_item .line-item .right .item-total-price > div {
              text-align: right;
              padding-right: 15px; }
              .modal-success-addcart .main_item .line-item .right .item-total-price > div span.line-item-total {
                display: inline-block; }
          .modal-success-addcart .main_item .line-item .right .popup_action {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            display: -webkit-flex;
            display: flex;
            gap: 15px; }
            .modal-success-addcart .main_item .line-item .right .popup_action #stay, .modal-success-addcart .main_item .line-item .right .popup_action #go_cart {
              width: 50%;
              margin-bottom: 0;
              font-size: 12px; } }
    @media (max-width: 767px) {
      .modal-success-addcart .main_item .line-item {
        padding-bottom: 45px;
        margin-bottom: 15px; } }

.modal-success-addcart .recommend_items .recommend_list {
  gap: 30px; }
  .modal-success-addcart .recommend_items .recommend_list .proloop {
    width: calc((100% - 60px)/3); }

@keyframes twinkle {
  50% {
    opacity: 0.5;
    transform: scale(1.3); } }

.template-page-ldp-flashsale .swiper-button-next:after, .template-page-ldp-flashsale .swiper-button-prev:after {
  display: none; }

.template-page-ldp-flashsale #slider-category-1 {
  overflow: hidden;
  position: relative; }
  .template-page-ldp-flashsale #slider-category-1 div[class*="swiper-button-next"] {
    right: 0;
    left: auto;
    top: 0;
    margin: 0;
    background: linear-gradient(90deg, #fff0, #fff);
    height: calc(100% - 70px); }
  .template-page-ldp-flashsale #slider-category-1 div[class*="swiper-button-prev"] {
    left: 0;
    right: auto;
    top: 0;
    margin: 0;
    background: linear-gradient(270deg, #fff0, #fff);
    height: calc(100% - 70px); }

.template-page-ldp-flashsale .section .section-heading h2 {
  text-transform: uppercase; }

.template-page-ldp-flashsale .section-flashsale .heading-title .mainCountDown {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.template-page-ldp-flashsale .section-flashsale .heading-title .titleFlashSale {
  position: relative;
  padding-left: 28px;
  color: #d72b2b; }
  .template-page-ldp-flashsale .section-flashsale .heading-title .titleFlashSale:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='36' viewBox='0 0 20 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5035 15.4361H12.7737L12.769 15.4448H11.7322L18.6819 0L0.876617 19.807H7.67327L7.30312 20.7819L1.53845 36L18.5035 15.4361Z' fill='%23FFC306'/%3E%3Cpath d='M0.87663 19.807L0 20.7819H7.30314L7.67329 19.807H0.87663Z' fill='%23FFAD00'/%3E%3Cpath d='M12.769 15.4448L12.7737 15.4361H12.769L18.6819 0L11.7322 15.4448H12.769Z' fill='%23FFAD00'/%3E%3Cpath d='M20 15.4361H18.5035L1.53845 36L20 15.4361Z' fill='%23FFAD00'/%3E%3Cpath d='M17.6491 1.61224C17.6491 1.61224 2.40319 18.456 1.9086 19.3774C1.90939 19.3774 15.8681 4.08133 17.6491 1.61224Z' fill='%23FFEE12'/%3E%3Cpath d='M12.0802 15.6871C12.0802 15.6871 15.2491 15.444 17.7529 15.6871C17.7521 15.6871 14.8987 15.8964 12.0802 15.6871Z' fill='%23FFEE12'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    border-radius: 100%;
    display: block;
    left: 0px;
    width: 18px;
    height: 36px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-animation-name: twinkle;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite; }

.template-page-ldp-flashsale .section-flashsale .heading-title .timeFlashSale {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center; }
  .template-page-ldp-flashsale .section-flashsale .heading-title .timeFlashSale .text_clock {
    font-weight: 700; }
    .template-page-ldp-flashsale .section-flashsale .heading-title .timeFlashSale .text_clock span {
      display: block;
      color: #d72b2b;
      text-align: center; }

.template-page-ldp-flashsale .section-flashsale .heading-title .lof-clock-detail .countdown span {
  background: #d72b2b;
  border-radius: 5px;
  min-width: 50px; }

@media (max-width: 767px) {
  .template-page-ldp-flashsale .section-flashsale .heading-title .mainCountDown {
    flex-wrap: wrap;
    justify-content: center; }
  .template-page-ldp-flashsale .section-flashsale .heading-title .timeFlashSale {
    width: 100%;
    justify-content: center; } }

.skiptranslate {
  display: none !important; }

#google_translate_cus {
  display: inline-block;
  margin-right: 15px;
  position: relative; }
  #google_translate_cus * {
    cursor: pointer; }
  #google_translate_cus img, #google_translate_cus svg {
    width: 24px;
    height: 24px;
    object-fit: contain; }
  #google_translate_cus #google_translate_element {
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0; }
    #google_translate_cus #google_translate_element .skiptranslate {
      display: block !important; }
  @media (max-width: 768px) {
    #google_translate_cus {
      margin-right: 10px; }
      #google_translate_cus img {
        width: 18px; } }

.loading-v2 {
  position: fixed;
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(251, 251, 251, 0.31) 51%, rgba(255, 255, 255, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.3)), color-stop(51%, rgba(255, 255, 255, 0.31)), color-stop(100%, rgba(255, 255, 255, 0.8)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 251, 0.31) 51%, rgba(255, 255, 255, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0% rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.31) 51%, rgba(255, 255, 255, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.31) 51%, rgba(255, 255, 255, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.31) 51%, rgba(255, 255, 255, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255)', endColorstr='rgba(255, 255, 255, 0.8)',GradientType=0 );
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0; }
  .loading-v2.open {
    visibility: visible;
    opacity: 1; }
  .loading-v2 .icon-loading {
    margin: 0 18px 0 0;
    animation: spin 2s linear infinite; }

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

.new-gallery--top, .new-gallery--bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 18px; }

.new-gallery--bottom {
  margin-top: 18px; }

.new-gallery--top .new-gallery--item {
  flex: 0 0 auto;
  width: calc((100% - 18px)/2); }
  .new-gallery--top .new-gallery--item a {
    display: block;
    position: relative;
    width: 100%;
    padding-top: calc(100% /2); }

@media (max-width: 767px) {
  .new-gallery--top {
    row-gap: 18px; }
    .new-gallery--top .new-gallery--item {
      width: 100%; }
      .new-gallery--top .new-gallery--item a {
        padding-top: calc(100% * 4 / 3); } }

.new-gallery--bottom .new-gallery--item {
  flex: 0 0 auto;
  width: calc((100% - 36px)/3); }
  .new-gallery--bottom .new-gallery--item a {
    display: block;
    position: relative;
    width: 100%;
    padding-top: calc(100% * 4 / 3); }

@media (max-width: 767px) {
  .new-gallery--bottom {
    row-gap: 18px; }
    .new-gallery--bottom .new-gallery--item {
      width: 100%; } }

.new-gallery--item a img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* MODAL REGISTER 2026 */
#modal-2026-1 .modal-dialog {
  max-width: 800px; }

#modal-2026-1 .modal-header {
  background: unset;
  padding: 0; }
  @media (max-width: 767px) {
    #modal-2026-1 .modal-header button svg {
      fill: #000; } }

#modal-2026-1 .modal-body {
  display: flex;
  padding: 0;
  align-items: center; }
  #modal-2026-1 .modal-body > div {
    flex: 0 0 auto;
    width: 50%; }
    @media (max-width: 767px) {
      #modal-2026-1 .modal-body > div {
        width: 100%; }
        #modal-2026-1 .modal-body > div .box-register-right {
          display: none; } }
  #modal-2026-1 .modal-body .box-register-left {
    padding: 24px; }
    #modal-2026-1 .modal-body .box-register-left h2 {
      text-align: center;
      text-transform: uppercase;
      margin-bottom: 20px; }
      #modal-2026-1 .modal-body .box-register-left h2 + p {
        text-align: center; }
    #modal-2026-1 .modal-body .box-register-left .form__input-wrapper .err-msg {
      font-size: 12px !important;
      font-weight: bold; }
    #modal-2026-1 .modal-body .box-register-left #row_name {
      display: flex;
      gap: 15px;
      justify-content: space-between; }
      #modal-2026-1 .modal-body .box-register-left #row_name > div {
        flex: 0 0 auto;
        width: calc((100% - 15px)/2); }
    #modal-2026-1 .modal-body .box-register-left #register-birthday:placeholder {
      color: #000; }
    #modal-2026-1 .modal-body .box-register-left.box-regoster-full {
      width: 100% !important; }
  @media (max-width: 767px) {
    #modal-2026-1 .modal-body .box-register-right {
      display: none; } }

/* flashsale -- để tạm move file chính sau*/
.section-flashsale .heading-title .titleFlashSale {
  font-size: 25px;
  font-weight: 900;
  margin: 0;
  display: block;
  text-align: center; }

.section-flashsale .heading-title .count-down-main {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 15px 0; }
  .section-flashsale .heading-title .count-down-main .timer {
    background: #3a2e2c;
    background: linear-gradient(180deg, #3a2e2c 35%, rgba(58, 46, 44, 0.7) 85%);
    width: 96px;
    height: 96px;
    border-radius: 10px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative; }
    .section-flashsale .heading-title .count-down-main .timer * {
      color: #fff; }
    .section-flashsale .heading-title .count-down-main .timer p.label_time {
      margin: 0;
      font-weight: 500; }
    .section-flashsale .heading-title .count-down-main .timer h3.element_time {
      font-size: 35px;
      margin-bottom: 0; }
    .section-flashsale .heading-title .count-down-main .timer:not(:last-child):after {
      content: ":";
      position: absolute;
      color: #000;
      right: -11px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 30px; }

.grid-coupon {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px; }
  @media (max-width: 991px) {
    .grid-coupon {
      grid-template-columns: 1fr; } }

.hrv-product-reviews-form {
  width: 100% !important;
  padding-left: 0 !important; }

.hrv-product-reviews-summary {
  width: 50% !important; }

.wrap-rating-custom {
  display: flex;
  justify-content: center;
  margin-top: 20px; }
  .wrap-rating-custom #hrv-product-reviews {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f5f5f5;
    padding: 10px 16px;
    border-radius: 999px;
    width: auto; }
    .wrap-rating-custom #hrv-product-reviews #mssgReviewbyPage {
      font-size: 14px;
      color: #333;
      white-space: nowrap; }
    .wrap-rating-custom #hrv-product-reviews > div {
      display: flex;
      gap: 10px; }
    .wrap-rating-custom #hrv-product-reviews .voteReivew {
      font-size: 18px;
      color: #999;
      cursor: pointer;
      transition: all 0.25s ease; }
      .wrap-rating-custom #hrv-product-reviews .voteReivew:hover {
        transform: scale(1.2); }
    .wrap-rating-custom #hrv-product-reviews #smilevote:hover {
      color: #28a745; }
    .wrap-rating-custom #hrv-product-reviews #frownvote:hover {
      color: #dc3545; }
    .wrap-rating-custom #hrv-product-reviews .active {
      transform: scale(1.2); }
      .wrap-rating-custom #hrv-product-reviews .active#smilevote {
        color: #28a745; }
      .wrap-rating-custom #hrv-product-reviews .active#frownvote {
        color: #dc3545; }

.wrap-rating-form-custom {
  margin-top: 40px; }
  .wrap-rating-form-custom .hrv-product-reviews {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 20px;
    background: #fff; }
    .wrap-rating-form-custom .hrv-product-reviews .title-bl {
      margin-bottom: 20px; }
      .wrap-rating-form-custom .hrv-product-reviews .title-bl h2 {
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0; }
    .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-summary {
      display: flex;
      justify-content: center;
      margin-bottom: 20px; }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-summary h3 {
        font-size: 40px;
        margin: 0;
        font-weight: 700; }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-summary span {
        display: block;
        font-size: 13px;
        color: #777;
        margin-top: 5px; }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-summary .hrv-product-reviews-star {
        margin: 5px 0;
        font-size: 16px; }
    .wrap-rating-form-custom .hrv-product-reviews .product-reviews-summary-actions {
      display: flex;
      justify-content: center;
      margin-bottom: 20px; }
      .wrap-rating-form-custom .hrv-product-reviews .product-reviews-summary-actions input {
        background: #000;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 6px;
        cursor: pointer;
        transition: 0.3s; }
        .wrap-rating-form-custom .hrv-product-reviews .product-reviews-summary-actions input:hover {
          background: #333; }
    .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form {
      border-top: 1px solid #eee;
      padding-top: 20px; }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form h3 {
        font-size: 18px;
        margin-bottom: 15px; }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form fieldset {
        border: none;
        margin-bottom: 15px;
        padding: 0; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form fieldset label {
          display: block;
          font-size: 13px;
          margin-bottom: 5px;
          font-weight: 500; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form fieldset input,
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form fieldset textarea {
          width: 100%;
          border: 1px solid #ddd;
          border-radius: 6px;
          padding: 10px;
          font-size: 14px;
          transition: 0.2s; }
          .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form fieldset input:focus,
          .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form fieldset textarea:focus {
            border-color: #000;
            outline: none; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form fieldset textarea {
          resize: vertical; }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form #dvRating {
        font-size: 20px; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form #dvRating i {
          cursor: pointer;
          transition: 0.2s; }
          .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form #dvRating i:hover {
            transform: scale(1.2); }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form #btnSubmitReview {
        background: #000;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 6px;
        cursor: pointer;
        transition: 0.3s; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form #btnSubmitReview:hover {
          background: #333; }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-form .error {
        color: red;
        font-size: 13px; }
    .wrap-rating-form-custom .hrv-product-reviews #hrv-product-reviews-thanks {
      text-align: center;
      font-size: 16px;
      color: #28a745;
      font-weight: 500; }
    .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list {
      margin-top: 30px;
      border-top: 1px solid #eee;
      padding-top: 20px; }
      .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list > div[itemprop="review"] {
        padding: 15px 0;
        border-bottom: 1px solid #f1f1f1; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list > div[itemprop="review"]:last-child {
          border-bottom: none; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list > div[itemprop="review"] .hrv-product-reviews-star {
          font-size: 14px;
          margin-bottom: 5px; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list > div[itemprop="review"] p {
          margin: 5px 0;
          font-size: 13px;
          color: #888; }
          .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list > div[itemprop="review"] p b {
            color: #000;
            font-weight: 600; }
          .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list > div[itemprop="review"] p span {
            font-weight: 500; }
          .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list > div[itemprop="review"] p i {
            font-style: normal;
            margin-left: 5px; }
        .wrap-rating-form-custom .hrv-product-reviews .hrv-product-reviews-list > div[itemprop="review"] [itemprop="description"] {
          display: block;
          font-size: 14px;
          color: #333;
          line-height: 1.5;
          margin-top: 5px; }

.box-footer .box-link a {
  height: 40px;
  background: #000;
  color: #fff;
  padding: 0 20px;
  display: inline-block;
  line-height: 40px;
  border-radius: 8px;
  font-weight: 700;
  text-transform: uppercase; }

@media (max-width: 767px) {
  .box-footer {
    margin-top: 15px; } }

.wrap-review-custom-loop {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 10px 0 0 0; }
  .wrap-review-custom-loop .haravan-product-reviews-badge {
    display: flex;
    align-items: center;
    gap: 4px; }
    .wrap-review-custom-loop .haravan-product-reviews-badge .hrv-product-reviews-star {
      display: flex;
      align-items: center;
      gap: 2px; }
      .wrap-review-custom-loop .haravan-product-reviews-badge .hrv-product-reviews-star i {
        font-size: 18px;
        margin: 0; }
    .wrap-review-custom-loop .haravan-product-reviews-badge p, .wrap-review-custom-loop .haravan-product-reviews-badge span {
      margin: 0;
      font-size: 12px;
      color: #666; }
      .wrap-review-custom-loop .haravan-product-reviews-badge p::before, .wrap-review-custom-loop .haravan-product-reviews-badge span::before {
        content: ""; }

#fake_birthday {
  position: absolute;
  opacity: 0;
  z-index: -1; }

#fake_birthday.show {
  opacity: 1;
  background: #fff;
  z-index: 4; }

.noti-icon {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
  padding: 10px;
  background: #000;
  border-radius: 15px;
  color: #fff;
  position: fixed;
  left: 25px;
  bottom: calc(13% + 25px);
  z-index: 999;
  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;
  cursor: pointer;
  display: flex;
  align-items: center; }
  .noti-icon svg {
    width: 30px;
    height: 30px; }
    .noti-icon svg path {
      fill: #fff; }
  @media (max-width: 767px) {
    .noti-icon {
      left: 5px;
      bottom: 5px; } }
  @media (max-width: 767px) {
    .noti-icon.has-item {
      left: 5px;
      bottom: 55px; } }

.modal-couponsNoti .modal-header {
  padding: 16px 60px 16px 20px; }
  .modal-couponsNoti .modal-header h4 {
    font-size: 18px; }

.modal-couponsNoti .modal-body {
  background: #e8e7f7; }
  .modal-couponsNoti .modal-body ul {
    list-style-type: disc;
    padding-left: 20px; }
    .modal-couponsNoti .modal-body ul li {
      margin-bottom: 10px; }

.modal-couponsNoti .coupon-listing {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%; }
  .modal-couponsNoti .coupon-listing .coupon-item {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #fff;
    display: flex;
    border-radius: 15px; }
    .modal-couponsNoti .coupon-listing .coupon-item .code {
      background: yellow;
      color: red;
      font-size: 12px; }
    .modal-couponsNoti .coupon-listing .coupon-item-left {
      width: 30%;
      padding-right: 10px;
      position: relative;
      display: flex;
      align-items: center;
      border-right: 1px dashed #ccc; }
      .modal-couponsNoti .coupon-listing .coupon-item-left:before {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        right: -10px;
        top: -20px;
        border-radius: 50%;
        background: #e8e7f7; }
      .modal-couponsNoti .coupon-listing .coupon-item-left:after {
        position: absolute;
        content: '';
        border-radius: 50%;
        width: 20px;
        height: 20px;
        right: -10px;
        bottom: -20px;
        background: #e8e7f7; }
    .modal-couponsNoti .coupon-listing .coupon-item-right {
      padding-left: 10px;
      position: relative;
      width: 70%; }
      .modal-couponsNoti .coupon-listing .coupon-item-right h4 {
        font-size: 14px;
        font-weight: 700;
        margin: 0; }
      .modal-couponsNoti .coupon-listing .coupon-item-right > p {
        font-size: 14px; }
      .modal-couponsNoti .coupon-listing .coupon-item-right .fa {
        position: absolute;
        top: 0;
        right: 0; }
      .modal-couponsNoti .coupon-listing .coupon-item-right .coupon-item-des {
        display: flex;
        justify-content: space-between;
        align-items: self-end;
        font-size: 10px; }
        .modal-couponsNoti .coupon-listing .coupon-item-right .coupon-item-des p {
          margin: 0; }
        .modal-couponsNoti .coupon-listing .coupon-item-right .coupon-item-des .right {
          font-weight: 700;
          padding: 5px 4px;
          background: #685cc8;
          color: #fff;
          border-radius: 15px;
          cursor: pointer;
          width: 120px;
          text-align: center; }
    .modal-couponsNoti .coupon-listing .coupon-item.ctkm-item .coupon-item-des .left p:first-child {
      display: none; }
    .modal-couponsNoti .coupon-listing .coupon-item.ctkm-item .coupon-item-des .right {
      display: none; }

@media (min-width: 768px) {
  .modal-couponsNoti .modal-dialog {
    max-width: 450px; } }