@keyframes headerScroll {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0); } }

@keyframes scroll-left {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translateX(-100%); } }

@keyframes appear {
  0% {
    opacity: 0%; }
  100% {
    opacity: 100%; } }

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

@keyframes lds-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.container, .container-lg, .container-md, .container-sm, .container-xl {
  padding-left: 16px;
  padding-right: 16px; }

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 100%; } }

@media (min-width: 1300px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1280px; } }

@media (min-width: 1600px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1440px;
    padding-left: 120px;
    padding-right: 120px; } }

section {
  padding: 0 0 45px; }
  @media (min-width: 992px) {
    section {
      padding: 0 0 60px; } }

.f-button {
  background: transparent;
  border: none;
  outline: none;
  padding: 0; }

body, html {
  font-size: 14px;
  background: #ffffff;
  font-family: "Inter", sans-serif;
  color: #323232; }
  body.open-noscroll, html.open-noscroll {
    overflow-y: hidden; }
  body.open-overplay .overplay-all, html.open-overplay .overplay-all {
    opacity: 1;
    visibility: visible; }
  body.open-mega .header .header-bottom, html.open-mega .header .header-bottom {
    animation: headerScroll .5s ease-out forwards;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 98;
    box-shadow: 0px 2px 4px rgba(40, 40, 40, 0.3);
    padding-top: 15px; }
    body.open-mega .header .header-bottom .header-bottom-center-search-suggest, html.open-mega .header .header-bottom .header-bottom-center-search-suggest {
      display: none !important; }
    body.open-mega .header .header-bottom .header-bottom-menu, html.open-mega .header .header-bottom .header-bottom-menu {
      padding-top: 5px; }
      body.open-mega .header .header-bottom .header-bottom-menu .scroll-mega:hover .slider-sidebar-left, html.open-mega .header .header-bottom .header-bottom-menu .scroll-mega:hover .slider-sidebar-left {
        display: block; }
    body.open-mega .header .header-bottom .header-bottom-right .header-bottom-right-item img, html.open-mega .header .header-bottom .header-bottom-right .header-bottom-right-item img {
      max-height: 25px; }
  body.open-wishlist .modal-wishlist, html.open-wishlist .modal-wishlist {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  body.open-compare .modal-compare, html.open-compare .modal-compare {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  body.open-cart .modal-cart, html.open-cart .modal-cart {
    opacity: 1;
    visibility: visible; }
  body.open-cart button[data-type="cart"], html.open-cart button[data-type="cart"] {
    background-color: #f1f1f1;
    box-shadow: 0 0px 1.5px rgba(0, 0, 0, 0.5);
    border-radius: 0; }
  body.open-filter .collection-layout .collection-wrap .collection-wrap-filter .filter-body, html.open-filter .collection-layout .collection-wrap .collection-wrap-filter .filter-body {
    visibility: visible;
    opacity: 1;
    transform: translateY(0); }
  body.open-modalContact .modal-contact, html.open-modalContact .modal-contact {
    visibility: visible;
    opacity: 1; }
  body.open-cart .cart-sidebar, html.open-cart .cart-sidebar {
    opacity: 1;
    visibility: visible;
    transform: translateX(0); }
  body.open-modalLogin div#modal-login, html.open-modalLogin div#modal-login {
    visibility: visible;
    opacity: 1; }
  body.open-menu .menu-mobile, html.open-menu .menu-mobile {
    transform: none;
    visibility: visible; }
  body.open-back .back-to-top, html.open-back .back-to-top {
    visibility: visible;
    opacity: 1; }
  body::-webkit-scrollbar, html::-webkit-scrollbar {
    width: 0; }
  body::-webkit-scrollbar-track, html::-webkit-scrollbar-track {
    background: #ccc; }
  body::-webkit-scrollbar-thumb, html::-webkit-scrollbar-thumb {
    background: #052C4A; }

html, body {
  /*overflow-x:hidden;*/ }

img {
  max-width: 100%;
  height: auto; }

td {
  min-width: 200px; }

a {
  color: #323232; }
  a:hover {
    text-decoration: none;
    color: #273BCE; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul li {
    list-style: none; }

input:hover, input:focus, input:visited,
button:hover, button:focus, button:visited {
  outline: 0 !important;
  text-decoration: none;
  opacity: .9;
  box-shadow: none !important; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.fb_dialog.fb_dialog_advanced .fb_dialog_content iframe {
  right: -5px !important; }

.fb_dialog, .fb_dialog.fb_dialog_mobile {
  z-index: 98 !important; }

.event-none {
  pointer-events: none;
  border: 1px solid #323232 !important;
  background: #323232 !important; }

.table-responsive {
  margin-bottom: 0; }
  .table-responsive::-webkit-scrollbar {
    width: 6px; }
  .table-responsive::-webkit-scrollbar-track {
    box-shadow: 0;
    border-radius: 0; }
  .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.1); }

input {
  background-clip: padding-box; }
  @media (max-width: 480px) {
    input::placeholder {
      font-size: 12px; } }
  input.form-control::-webkit-outer-spin-button, input.form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  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; }
    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: #323232;
      border-radius: 50%; }
    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 #323232;
      border-radius: 50%; }
    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); }
    input[type="radio"]:checked:after {
      border: 1px solid #323232; }
  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; }
    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: .38em;
      margin: auto;
      z-index: 1;
      width: 10px;
      height: 5px;
      border: 2px solid #323232;
      border-top-style: none;
      border-right-style: none; }
    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); }
    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 #323232;
      cursor: pointer;
      border-radius: 3px; }
    input[type="checkbox"]:checked:after {
      border-color: #323232; }
  input[type=number] {
    -moz-appearance: textfield; }
  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.form-control {
  background-clip: padding-box;
  box-shadow: none; }
  .form-control:focus {
    box-shadow: none;
    border-color: #323232; }

.btn:hover {
  opacity: .85;
  transition: all .2s; }

.overplay-all {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all 0.2s;
  z-index: 10; }

.menu-mobile {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 1999;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), visibility 0.5s;
  visibility: hidden;
  transform-origin: 0% 0%;
  transform: translate(150%, 0);
  background: #052C4A;
  width: 400px; }
  @media (max-width: 768px) {
    .menu-mobile {
      width: 80%; } }
  .menu-mobile .menu-mobile-wrap {
    height: 100%; }
    .menu-mobile .menu-mobile-wrap .menu-mobile-list {
      padding: 15px;
      background: #fff;
      overflow-y: auto;
      height: calc(100% - 225px); }
      .menu-mobile .menu-mobile-wrap .menu-mobile-list::-webkit-scrollbar {
        width: 5px; }
      .menu-mobile .menu-mobile-wrap .menu-mobile-list::-webkit-scrollbar-track {
        background: #ccc; }
      .menu-mobile .menu-mobile-wrap .menu-mobile-list::-webkit-scrollbar-thumb {
        background: #052C4A; }
      .menu-mobile .menu-mobile-wrap .menu-mobile-list > ul {
        padding: 0 !important; }
      .menu-mobile .menu-mobile-wrap .menu-mobile-list ul {
        list-style-type: none;
        margin: 0;
        padding-left: 20px; }
        .menu-mobile .menu-mobile-wrap .menu-mobile-list ul li {
          outline: none;
          display: block;
          padding: 5px 0px; }
          .menu-mobile .menu-mobile-wrap .menu-mobile-list ul li a {
            color: #323232;
            text-transform: uppercase; }
        .menu-mobile .menu-mobile-wrap .menu-mobile-list ul .menu-mobile-item-head {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          height: 40px; }
          .menu-mobile .menu-mobile-wrap .menu-mobile-list ul .menu-mobile-item-head button {
            padding: 10px;
            background: none;
            box-shadow: none;
            border: none;
            transition: all .3s;
            color: #926625; }
            .menu-mobile .menu-mobile-wrap .menu-mobile-list ul .menu-mobile-item-head button.active {
              transform: rotate(180deg); }
            .menu-mobile .menu-mobile-wrap .menu-mobile-list ul .menu-mobile-item-head button svg {
              width: 12px;
              height: 12px; }
      .menu-mobile .menu-mobile-wrap .menu-mobile-list > ul > li {
        display: block; }
        .menu-mobile .menu-mobile-wrap .menu-mobile-list > ul > li > ul {
          display: none; }
          .menu-mobile .menu-mobile-wrap .menu-mobile-list > ul > li > ul > li {
            display: block; }
            .menu-mobile .menu-mobile-wrap .menu-mobile-list > ul > li > ul > li > ul {
              display: none; }
    .menu-mobile .menu-mobile-wrap .footer-mobile-newletter > p {
      font-size: 11px;
      text-align: center;
      color: #fff; }
    .menu-mobile .menu-mobile-wrap .footer-mobile-newletter .footer-mobile-newletter-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      align-items: stretch;
      height: 44px;
      width: 100%;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .menu-mobile .menu-mobile-wrap .footer-mobile-newletter .footer-mobile-newletter-wrap input {
        width: calc(100% - 100px);
        background: #fff;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding-left: 15px; }
      .menu-mobile .menu-mobile-wrap .footer-mobile-newletter .footer-mobile-newletter-wrap button {
        background: #877c76;
        box-shadow: none;
        border: none;
        color: #fff;
        width: 100px;
        font-size: 14px; }
    .menu-mobile .menu-mobile-wrap .footer-mobile-contact {
      display: flex;
      margin-top: 30px;
      justify-content: center; }
      .menu-mobile .menu-mobile-wrap .footer-mobile-contact a {
        background: #fff; }
    .menu-mobile .menu-mobile-wrap .footer-mobile-wrap {
      padding: 15px;
      height: 225px; }
      .menu-mobile .menu-mobile-wrap .footer-mobile-wrap > p {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 20px;
        margin: 0;
        color: #fff;
        padding: 0; }
      .menu-mobile .menu-mobile-wrap .footer-mobile-wrap .menu-mobile-support .page-contact-meeting-info-line {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 10px 0px 20px 0px;
        text-align: center; }
        .menu-mobile .menu-mobile-wrap .footer-mobile-wrap .menu-mobile-support .page-contact-meeting-info-line a {
          color: #fff; }
        .menu-mobile .menu-mobile-wrap .footer-mobile-wrap .menu-mobile-support .page-contact-meeting-info-line i {
          margin-right: 10px;
          background: #fff;
          border-radius: 50%;
          padding: 5px 10px;
          font-size: 20px;
          color: #052C4A; }
      .menu-mobile .menu-mobile-wrap .footer-mobile-wrap ul {
        padding: 0;
        margin: 0; }
      .menu-mobile .menu-mobile-wrap .footer-mobile-wrap .footer-mobile-newletter .footer-mobile-newletter-wrap {
        height: 36px; }
        .menu-mobile .menu-mobile-wrap .footer-mobile-wrap .footer-mobile-newletter .footer-mobile-newletter-wrap button {
          font-size: 12px; }

.setWishlist.active, .setCompare.active {
  border: 1px solid #f2114a !important;
  background: #f2114a !important; }
  .setWishlist.active i, .setCompare.active i {
    color: #fff; }

.article-item {
  margin-bottom: 15px; }
  @media (max-width: 991px) {
    .article-item {
      margin-bottom: 25px; } }
  @media (max-width: 768px) {
    .article-item {
      padding-left: 7.5px;
      padding-right: 7.5px; } }
  @media (min-width: 768px) {
    .article-item {
      padding-left: 10px;
      padding-right: 10px; } }
  .article-item:hover img {
    transform: scale(1.1); }
  .article-item .article-item-wrap {
    border: 5px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #052C4A, #f2114a); }
    .article-item .article-item-wrap .article-item-top {
      display: flex;
      margin-top: -1px; }
      .article-item .article-item-wrap .article-item-top .article-item-top-info {
        width: 45px;
        text-align: center; }
        .article-item .article-item-wrap .article-item-top .article-item-top-info .article-item-top-info-date {
          background: #052C4A;
          padding-left: 5px;
          padding-right: 5px;
          height: 100%; }
          .article-item .article-item-wrap .article-item-top .article-item-top-info .article-item-top-info-date span {
            display: block;
            color: #fff; }
            .article-item .article-item-wrap .article-item-top .article-item-top-info .article-item-top-info-date span:first-child {
              font-size: 20px;
              font-weight: bold; }
            .article-item .article-item-wrap .article-item-top .article-item-top-info .article-item-top-info-date span:last-child {
              font-size: 13px; }
      .article-item .article-item-wrap .article-item-top > a {
        display: block;
        overflow: hidden;
        /*width: calc(100% - 45px);*/
        width: 100%; }
        .article-item .article-item-wrap .article-item-top > a img {
          transition: all 0.5s linear; }
    .article-item .article-item-wrap .article-item-bottom {
      text-align: left;
      background: #fff;
      padding: 10px; }
      .article-item .article-item-wrap .article-item-bottom .article-item-bottom-name {
        margin: 10px 0px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        min-height: 57px; }
        .article-item .article-item-wrap .article-item-bottom .article-item-bottom-name a {
          font-size: 18px;
          color: #333;
          font-weight: 700;
          text-transform: uppercase; }
          @media (min-width: 768px) and (max-width: 1024px) {
            .article-item .article-item-wrap .article-item-bottom .article-item-bottom-name a {
              font-size: 17px; } }
      .article-item .article-item-wrap .article-item-bottom .article-item-bottom-author {
        display: inline-block;
        border-bottom: 1px solid #052C4A; }
      .article-item .article-item-wrap .article-item-bottom .article-item-bottom-des {
        color: #333;
        margin-bottom: 10px;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box; }

.proLoop {
  margin-bottom: 25px; }
  @media (max-width: 768px) {
    .proLoop {
      padding-left: 7.5px;
      padding-right: 7.5px; } }
  @media (min-width: 768px) {
    .proLoop {
      padding-left: 10px;
      padding-right: 10px; } }
  .proLoop:hover .proWrap .productImg .productImgLink picture:nth-of-type(2) {
    opacity: 1;
    visibility: visible; }
  .proLoop:hover .proWrap .productImg .productImgLink picture:nth-of-type(1) {
    opacity: 0;
    visibility: hidden; }
  @media (min-width: 768px) {
    .proLoop:hover .proWrap .productImg .productAction {
      opacity: 1; }
      .proLoop:hover .proWrap .productImg .productAction a {
        transform: scale(1);
        opacity: 1; }
    .proLoop:hover .proWrap .productInfo {
      background: #052C4A; }
      .proLoop:hover .proWrap .productInfo .productName a, .proLoop:hover .proWrap .productInfo .productPrice {
        color: #fff; } }
  .proLoop .proWrap {
    background: #fff;
    border: 1px solid #052C4A;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; }
    .proLoop .proWrap .productImg {
      position: relative;
      overflow: hidden; }
      .proLoop .proWrap .productImg .productOut, .proLoop .proWrap .productImg .productLabelTags {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #052C4A;
        padding: 2px 7.5px;
        font-size: 12px;
        color: white;
        border-radius: 10px;
        z-index: 5; }
      .proLoop .proWrap .productImg .productSale {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #052C4A;
        text-align: center;
        width: auto;
        height: auto;
        font-size: 12px;
        color: white;
        z-index: 5;
        line-height: 26px;
        padding: 0 10px;
        border-radius: 4px; }
        .proLoop .proWrap .productImg .productSale:after {
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-top: 5px solid #052C4A;
          content: "";
          position: absolute;
          top: 100%;
          left: 20%; }
      .proLoop .proWrap .productImg .productLabelTags {
        left: 10px;
        right: initial; }
      .proLoop .proWrap .productImg .productOut {
        background: #999; }
      .proLoop .proWrap .productImg .productAction {
        padding: 5px 10px;
        opacity: 0;
        display: inline-block;
        text-align: center;
        margin: 0;
        position: absolute;
        top: 20%;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(-50%);
        transform: translateY(0%);
        right: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        z-index: 2; }
        @media (max-width: 768px) {
          .proLoop .proWrap .productImg .productAction {
            transform: translate(0, 0);
            position: relative;
            display: none; }
            .proLoop .proWrap .productImg .productAction .setQuickview {
              display: none !important; } }
        .proLoop .proWrap .productImg .productAction a {
          background: #052C4A;
          color: #fff;
          display: inline-block;
          width: 30px;
          height: 30px;
          margin: 10px 0;
          font-size: 15px;
          text-align: center;
          cursor: pointer;
          display: block;
          border-radius: 4px;
          -webkit-transform: scale(0);
          -moz-transform: scale(0);
          -ms-transform: scale(0);
          -o-transform: scale(0);
          transform: scale(0);
          opacity: 0;
          -webkit-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out; }
          .proLoop .proWrap .productImg .productAction a i {
            font-size: 18px;
            line-height: 30px; }
        .proLoop .proWrap .productImg .productAction a:hover {
          opacity: .75; }
    .proLoop .proWrap .productInfo {
      background: #f4f4f4;
      padding: 20px 25px 10px 25px;
      border-top-left-radius: 80% 80%;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px;
      border-top-right-radius: 80% 80%; }
      @media (max-width: 768px) {
        .proLoop .proWrap .productInfo {
          background: none;
          padding: 10px; } }
      .proLoop .proWrap .productInfo .productName {
        margin: 10px 0;
        font-size: 16px;
        text-align: center;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
        .proLoop .proWrap .productInfo .productName a {
          color: #323232;
          display: block; }
        @media (max-width: 1200px) {
          .proLoop .proWrap .productInfo .productName {
            font-size: 14px;
            height: 38px;
            line-height: 19px; } }
      .proLoop .proWrap .productInfo .productPrice {
        text-align: center;
        color: #f2114a;
        font-weight: 500;
        font-size: 15px;
        margin: 0;
        white-space: nowrap; }
        @media (max-width: 480px) {
          .proLoop .proWrap .productInfo .productPrice {
            font-size: 12px; } }
        @media (max-width: 375px) {
          .proLoop .proWrap .productInfo .productPrice {
            white-space: initial; } }
        .proLoop .proWrap .productInfo .productPrice del {
          font-weight: 300;
          margin-left: 5px;
          color: #323232;
          font-size: 13px; }
          @media (max-width: 480px) {
            .proLoop .proWrap .productInfo .productPrice del {
              font-size: 11px; } }

.proLoopSmall {
  margin-bottom: 25px; }
  @media (max-width: 768px) {
    .proLoopSmall {
      padding-left: 7.5px;
      padding-right: 7.5px; } }
  @media (min-width: 768px) {
    .proLoopSmall {
      padding-left: 10px;
      padding-right: 10px; } }
  @media (max-width: 768px) {
    .proLoopSmall {
      margin-bottom: 10px; } }
  .proLoopSmall:hover .proWrap .productImg .productImgLink picture:nth-of-type(2) {
    opacity: 1;
    visibility: visible; }
  .proLoopSmall:hover .proWrap .productImg .productImgLink picture:nth-of-type(1) {
    opacity: 0;
    visibility: hidden; }
  .proLoopSmall .proWrap {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 15px 10px;
    border: 1px solid #052C4A;
    border-radius: 15px; }
    .proLoopSmall .proWrap .productImg {
      position: relative;
      width: 30%;
      overflow: hidden; }
      .proLoopSmall .proWrap .productImg .productImgLink {
        display: flex;
        justify-content: center;
        overflow: hidden; }
        .proLoopSmall .proWrap .productImg .productImgLink picture {
          transition: all 0.5s; }
        .proLoopSmall .proWrap .productImg .productImgLink picture:nth-of-type(2) {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0;
          display: flex;
          justify-content: center;
          visibility: hidden; }
    .proLoopSmall .proWrap .productInfo {
      width: 70%;
      text-align: left;
      padding-left: 20px; }
      .proLoopSmall .proWrap .productInfo .productName {
        margin: 0 0 10px 0;
        font-size: 16px;
        height: 40px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
        .proLoopSmall .proWrap .productInfo .productName a {
          color: #323232;
          display: block; }
        @media (max-width: 1200px) {
          .proLoopSmall .proWrap .productInfo .productName {
            font-size: 14px;
            height: 38px;
            line-height: 1.4; } }
      .proLoopSmall .proWrap .productInfo .productPrice {
        color: #f2114a;
        font-weight: 500;
        font-size: 13px;
        margin: 0; }
        .proLoopSmall .proWrap .productInfo .productPrice del {
          font-weight: 300;
          margin-left: 5px;
          color: #bbbbbb;
          font-size: 12px; }
      .proLoopSmall .proWrap .productInfo .productAction {
        margin-top: 10px; }
        .proLoopSmall .proWrap .productInfo .productAction a {
          margin-right: 10px; }
        .proLoopSmall .proWrap .productInfo .productAction .remove-wishlist {
          display: none; }

.loadingWrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 999;
  border-radius: 5px;
  opacity: 0; }
  .loadingWrapper.open {
    animation: appear 1s;
    display: flex; }
  .loadingWrapper .loadingNew {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border-top: 2.5px solid #ccc;
    animation: move 1s infinite; }

.loading {
  display: block;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px; }
  .loading .lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px; }
    .loading .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 51px;
      height: 51px;
      margin: 6px;
      border: 6px solid #323232;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #323232 transparent transparent transparent; }
      .loading .lds-ring div:nth-child(1) {
        animation-delay: -0.45s; }
      .loading .lds-ring div:nth-child(2) {
        animation-delay: -0.3s; }
      .loading .lds-ring div:nth-child(3) {
        animation-delay: -0.15s; }

.kenit-alo-circle-fill {
  width: 60px;
  height: 60px;
  top: -10px;
  position: absolute;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-transition: all .1s;
  -moz-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s;
  background-color: #052C4A;
  opacity: .75;
  right: -10px; }

.kenit-alo-circle {
  width: 50px;
  height: 50px;
  top: -5px;
  right: -5px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #052C4A;
  opacity: .1;
  border-color: #052C4A;
  opacity: .5; }

.swal-icon--success__line, button.swal-button.swal-button--confirm {
  background: #052C4A; }

.swal-icon--success__ring {
  border: 4px solid #052C4A; }

.hidden {
  display: none !important; }

@media (max-width: 767px) {
  .home-product-deal-tab .home-product-deal-tab-wrap .home-product-deal-tab-wrap-body .home-product-deal-tab-wrap-body-right .product-loop .product-loop--wrap {
    padding: 15px; }
  .product-loop .product-loop--wrap .product-loop--vendor {
    font-size: 13px; }
  .product-loop .product-loop--wrap .product-loop--name {
    font-size: 14px; }
  .product-loop .product-loop--wrap .product-loop--price strong {
    font-size: 13px; }
  .home-product-slider .home-product-slider-wrap .home-product-slider-wrap-header .section-title-all {
    padding: 0 15px 15px 15px; }
  .home-blog .home-blog-header .section-title-all,
  .home-vendor .home-vendor-wrap .home-vendor-wrap-header .section-title-all,
  .home-collection .home-collection-wrap .home-collection-wrap-body > div .section-title-all {
    padding: 0 10px 15px 15px; }
  .article-item {
    margin-bottom: 5px; }
  .home-product-tab .home-product-tab-wrap .home-product-tab-wrap-header .section-title-all {
    padding: 0 15px 15px 15px; }
    .home-product-tab .home-product-tab-wrap .home-product-tab-wrap-header .section-title-all #pagination {
      text-align: center; }
  .home-product-tab .home-product-tab-wrap .home-product-tab-wrap-body {
    padding: 20px 5px 5px 5px; }
  .section-title-all h2 {
    font-size: 15px; }
  .section-title-all > a {
    font-size: 13px; } }

.blogwp {
  background: transparent; }

.blogwp .link {
  font-size: 1rem;
  filter: brightness(0.9); }

.blogwp.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start; }

.blogwp .link:hover {
  filter: brightness(1.2); }

.blogwp h3, .blogwp h3 a.link {
  font-weight: normal;
  line-height: 1.2;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
  color: #ffffff; }

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem; }

.blogwp .media {
  line-height: 1.4;
  margin-top: 5px; }

.blogwp .media .media-body {
  font-size: 12px;
  color: #ffffff; }

.blogwp .button_custome_35.link {
  font-size: 14px;
  color: #ffffff; }

.blogwp .lead {
  font-size: 14px;
  margin-top: 0.3rem;
  margin-bottom: 0px;
  word-break: break-word;
  color: #ffffff; }

.blogwp.media .image-blog {
  width: 100px;
  flex: 0 0 100px; }

.blogwp.media + * {
  margin-top: 15px;
  border-top: 2px solid #ffffff;
  padding-top: 15px; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.content_blog {
  padding-left: 0px;
  padding-right: 0px;
  color: #ffffff; }

@media (max-width: 991px) {
  .blogwp.media h3, .blogwp.media h3 a.link {
    font-size: 14px; }
  .product-item .product-info .price-new-old span {
    font-size: 14px; }
  .starbap-prev-badge {
    font-size: 12px !important; }
  .section_banner_coll.hhh .item .banner {
    margin-bottom: 5px; } }

.section_blog_left a.image-blog img,
.blogwp.media .image-blog img {
  border-radius: .25rem;
  width: 100%; }

.viewmore {
  border: 1px solid #0052a0;
  color: #0052a0;
  border-radius: 999px;
  margin-top: 20px;
  font-size: 17px;
  border-radius: 5px;
  padding: 5px 20px; }

/*Mai (12/12/2022)*/
.section-title-all *,
.blogwp h3, .blogwp h3 a.link,
.blogwp .media .media-body *,
.blogwp .lead {
  color: #000 !important; }

.blogwp.media + * {
  border-top-color: #000; }

.content_blog, .blogwp .button_custome_35.link {
  color: #000; }

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: auto; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mg-t-15 {
  margin-top: 15px; }

.nav-tabs .nav-link {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.fundiin__logo {
  vertical-align: middle !important;
  display: inline-flex !important;
  align-items: flex-end !important;
  column-gap: 5px !important;
  cursor: pointer !important;
  width: 45px !important;
  height: 30px !important;
  margin-left: 4px !important;
  padding: 0 !important;
  border: unset !important; }
  .fundiin__logo img {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    max-height: unset !important; }

.dhs__loading {
  position: fixed;
  z-index: 99999999999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none; }

.dhs__loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3); }

.dhs__loading:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.dhs__loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  -webkit-animation: spinner 1.5s infinite linear;
  -moz-animation: spinner 1.5s infinite linear;
  -ms-animation: spinner 1.5s infinite linear;
  -o-animation: spinner 1.5s infinite linear;
  animation: spinner 1.5s infinite linear;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 15px 0 0 0, rgba(0, 0, 0, 0.75) 11px 11px 0 0, rgba(0, 0, 0, 0.75) 0 15px 0 0, rgba(0, 0, 0, 0.75) -11px 11px 0 0, rgba(0, 0, 0, 0.5) -15px 0 0 0, rgba(0, 0, 0, 0.5) -11px -11px 0 0, rgba(0, 0, 0, 0.75) 0 -15px 0 0, rgba(0, 0, 0, 0.75) 11px -11px 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 15px 0 0 0, rgba(0, 0, 0, 0.75) 11px 11px 0 0, rgba(0, 0, 0, 0.75) 0 15px 0 0, rgba(0, 0, 0, 0.75) -11px 11px 0 0, rgba(0, 0, 0, 0.75) -15px 0 0 0, rgba(0, 0, 0, 0.75) -11px -11px 0 0, rgba(0, 0, 0, 0.75) 0 -15px 0 0, rgba(0, 0, 0, 0.75) 11px -11px 0 0; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

body.add-loading .dhs__loading {
  display: block; }

/*------------------------------------------------------------------------------*/
/*----------------------- THEME NEW -----------------------*/
/*------------------------------------------------------------------------------*/
sp-live-chat {
  z-index: 10 !important; }

@keyframes twinkle {
  50% {
    opacity: 1;
    transform: scale(1.2); } }

.pagination {
  justify-content: center;
  padding: 32px 0; }
  .pagination *:last-child {
    margin: 0; }
  .pagination > a, .pagination > span {
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    width: 27.5px;
    height: 27.5px;
    line-height: 27.5px;
    text-align: center;
    margin-right: 10px;
    border-radius: 10px;
    color: #323232; }
    @media (max-width: 767px) {
      .pagination > a, .pagination > span {
        margin-bottom: 10px; } }
    .pagination > a i, .pagination > span i {
      color: #323232; }
  .pagination .current {
    color: #fff;
    background: #323232;
    border: 1px solid #323232; }
  @media (min-width: 992px) {
    .pagination {
      padding: 64px 0; } }

.breadcrumb-shop ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  background: none;
  padding: 24px 0;
  margin: 0; }
  @media (max-width: 768px) {
    .breadcrumb-shop ol {
      padding: 16px 0;
      text-align: center;
      justify-content: center;
      width: 100%; } }

.content-style-list {
  line-height: 1.2; }
  .content-style-list h3:not(.product-loop--name), .content-style-list h3:not(.product-loop--name) * {
    font-size: 20px !important; }
  .content-style-list a[href]:not(.product-loop--link), .content-style-list a[href]:not(.product-loop--link) * {
    color: #007bff; }
  .content-style-list th {
    font-weight: bold;
    text-align: center; }
  .content-style-list caption {
    text-align: center; }
  .content-style-list h1 {
    font-size: 2em;
    margin: .67em 0; }
  .content-style-list h2 {
    font-size: 1.5em;
    margin: .75em 0; }
  .content-style-list h3 {
    font-size: 1.17em;
    margin: .83em 0; }
  .content-style-list h4, .content-style-list p,
  .content-style-list blockquote, .content-style-list ul,
  .content-style-list fieldset, .content-style-list form,
  .content-style-list ol, .content-style-list dl, .content-style-list dir,
  .content-style-list menu {
    margin: 1.12em 0; }
  .content-style-list h5 {
    font-size: .83em;
    margin: 1.5em 0; }
  .content-style-list h6 {
    font-size: .75em;
    margin: 1.67em 0; }
  .content-style-list h1, .content-style-list h2, .content-style-list h3, .content-style-list h4,
  .content-style-list h5, .content-style-list h6, .content-style-list b,
  .content-style-list strong {
    font-weight: bold; }
  .content-style-list blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    font-style: italic;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px; }
  .content-style-list i, .content-style-list cite, .content-style-list em,
  .content-style-list var, .content-style-list address {
    font-style: italic; }
  .content-style-list pre, .content-style-list tt, .content-style-list code,
  .content-style-list kbd, .content-style-list samp {
    font-family: monospace; }
  .content-style-list pre {
    white-space: pre; }
  .content-style-list big {
    font-size: 1.17em; }
  .content-style-list small, .content-style-list sub, .content-style-list sup {
    font-size: .83em; }
  .content-style-list sub {
    vertical-align: sub; }
  .content-style-list sup {
    vertical-align: super; }
  .content-style-list table {
    border-spacing: 2px; }
  .content-style-list thead, .content-style-list tbody,
  .content-style-list tfoot {
    vertical-align: middle; }
  .content-style-list td, .content-style-list th, .content-style-list tr {
    vertical-align: inherit; }
  .content-style-list s, .content-style-list strike, .content-style-list del {
    text-decoration: line-through; }
  .content-style-list hr {
    border: 1px inset; }
  .content-style-list ol, .content-style-list ul, .content-style-list dir,
  .content-style-list menu, .content-style-list dd {
    margin-left: 40px; }
  .content-style-list ol {
    list-style-type: decimal; }
  .content-style-list ul {
    list-style-type: disc; }
  .content-style-list ol ul, .content-style-list ul ol,
  .content-style-list ul ul, .content-style-list ol ol {
    margin-top: 0;
    margin-bottom: 0; }
  .content-style-list figure {
    margin: 1em 40px; }

.btn {
  display: inline-flex;
  padding: 6px 20px;
  justify-content: center;
  align-items: center;
  border: 1px solid #052C4A;
  color: #fff;
  border-radius: 4px;
  background: #052C4A;
  font-weight: 700;
  font-size: 12px;
  outline: none !important;
  box-shadow: none !important; }
  .btn.btn-primary {
    border: 1px solid #052C4A;
    color: #fff;
    border-radius: 40px;
    background: #052C4A; }
  .btn.btn-gradient {
    border-radius: 4px;
    border: none;
    background: linear-gradient(81deg, #FFDE28 -18.56%, #FC7F00 42.75%, #E923E6 113.13%);
    color: #fff; }
  .btn.btn-second {
    border: 1px solid #fff;
    background: #fff;
    border-radius: 4px;
    color: #052C4A; }
  .btn.btn-outline1 {
    border: 1px solid #052C4A;
    background: #fff;
    border-radius: 40px;
    color: #052C4A; }
  .btn.btn-icon {
    gap: 12px; }
    .btn.btn-icon svg {
      width: 24px;
      height: 24px; }
  .btn.btn-full {
    display: flex;
    width: 100%; }
  .btn.btn-link {
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    height: auto;
    padding: 0;
    gap: 8px;
    border: none;
    color: currentcolor;
    border-radius: 0;
    background: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out; }
    .btn.btn-link:hover {
      text-decoration: underline; }
  @media (min-width: 768px) {
    .btn {
      font-size: 14px;
      padding: 10px 24px; }
      .btn.btn-primary {
        border-radius: 40px; } }

.topbar {
  background-color: #FF234F;
  padding: 10px 0;
  letter-spacing: -0.07px;
  font-weight: 500;
  font-size: 14px; }
  .topbar .topbar-wrapper {
    display: flex;
    align-items: center;
    overflow: hidden; }
  .topbar .topbar-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 20px;
    transform: translateX(100%);
    animation: scroll-left 20s linear infinite;
    flex: 0 0 100%; }
    .topbar .topbar-inner .text {
      position: absolute;
      width: 100%;
      height: 100%;
      margin: 0;
      line-height: 20px;
      text-align: center;
      color: #fff;
      white-space: nowrap; }
      .topbar .topbar-inner .text a {
        color: #fff;
        text-decoration: underline; }

.header {
  padding: 12px 0;
  position: sticky;
  top: 0;
  z-index: 10;
  background: #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.4s; }
  .header.not-shadow {
    box-shadow: none; }
  .header .header-main .header-main--inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
  .header .header-main .header-bottom--left {
    order: 1;
    max-width: 150px;
    width: 100%; }
  .header .header-main .header-bottom--right {
    order: 2;
    width: calc(100% - 160px); }
  .header .header-main .header-bottom--center {
    order: 3;
    width: 100%;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .header .header-bottom--center-search {
    width: 100%;
    position: relative; }
    .header .header-bottom--center-search form {
      width: 100%;
      position: relative; }
      .header .header-bottom--center-search form input {
        width: 100%;
        padding: 8px 12px 8px 54px;
        border-radius: 40px;
        border: 1px solid #052C4A;
        background: #FFF;
        height: 42px; }
      .header .header-bottom--center-search form button {
        position: absolute;
        top: 3px;
        bottom: 3px;
        left: 3px;
        background: transparent;
        border: none;
        width: 40px;
        color: #000;
        border-radius: 100%;
        padding: 0; }
    .header .header-bottom--center-search .header-bottom--center-search-suggest {
      display: none; }
      .header .header-bottom--center-search .header-bottom--center-search-suggest > ul {
        margin-top: 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        justify-content: flex-start; }
        @media (max-width: 1024px) {
          .header .header-bottom--center-search .header-bottom--center-search-suggest > ul {
            display: none; } }
        .header .header-bottom--center-search .header-bottom--center-search-suggest > ul li {
          margin-right: 10px; }
          .header .header-bottom--center-search .header-bottom--center-search-suggest > ul li a {
            font-size: 11px; }
    .header .header-bottom--center-search .header-bottom--center-search-smart {
      display: none;
      position: absolute;
      left: 0;
      top: 112%;
      width: 100%;
      background-color: #fff;
      box-shadow: 0px 0px 1.5px rgba(0, 0, 0, 0.3);
      padding: 16px;
      z-index: 9;
      border-radius: 8px; }
      .header .header-bottom--center-search .header-bottom--center-search-smart > a {
        display: flex;
        justify-content: space-between;
        align-items: flex-start; }
        .header .header-bottom--center-search .header-bottom--center-search-smart > a:not(:last-child) {
          margin-bottom: 10px; }
        .header .header-bottom--center-search .header-bottom--center-search-smart > a > img {
          width: 10%; }
        .header .header-bottom--center-search .header-bottom--center-search-smart > a > span {
          width: 90%;
          padding-left: 20px;
          display: flex;
          gap: 10px;
          flex-direction: column; }
          .header .header-bottom--center-search .header-bottom--center-search-smart > a > span > span:first-child {
            font-weight: 400;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box; }
          .header .header-bottom--center-search .header-bottom--center-search-smart > a > span > span:last-child {
            display: flex;
            align-items: center;
            gap: 4px;
            font-weight: 500;
            font-size: 14px;
            color: #323232; }
            .header .header-bottom--center-search .header-bottom--center-search-smart > a > span > span:last-child del {
              font-weight: 300;
              margin-left: 5px;
              color: #bbbbbb;
              font-size: 13px; }
      .header .header-bottom--center-search .header-bottom--center-search-smart > p {
        margin: 0; }
  .header .header-bottom--right-list {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end; }
    .header .header-bottom--right-list > a {
      font-size: 10px;
      display: inline-flex;
      gap: 4px;
      flex-direction: column;
      text-align: center;
      align-items: center; }
      .header .header-bottom--right-list > a span {
        display: inline-flex;
        text-align: center;
        align-items: center;
        justify-content: center; }
      .header .header-bottom--right-list > a span:first-child {
        width: 25px;
        height: 25px; }
    .header .header-bottom--right-list > a.cart span.icon {
      position: relative;
      width: 24px;
      height: 24px; }
    .header .header-bottom--right-list > a.cart span.count {
      position: absolute;
      display: inline-flex;
      width: 14px;
      height: 14px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: #052C4A;
      color: #fff;
      font-weight: 700;
      font-size: 12px;
      top: 0;
      right: 0;
      border-radius: 100%; }
    @media (min-width: 1024px) {
      .header .header-bottom--right-list {
        gap: 22px;
        font-size: 14px; }
        .header .header-bottom--right-list > a.menu-mb {
          display: none; } }
  .header .header-bottom--left-logo a {
    display: flex; }
  .header .header-bottom--left-logo a img {
    max-width: 150px; }
  .header .header-menu {
    width: 100%;
    position: relative;
    display: none; }
    @media (min-width: 1024px) {
      .header .header-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; } }
    .header .header-menu > ul {
      display: flex;
      gap: 36px; }
      .header .header-menu > ul > li {
        position: relative;
        padding: 25px 0;
        text-transform: capitalize; }
        .header .header-menu > ul > li:hover > ul {
          display: block; }
        .header .header-menu > ul > li > a {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          justify-content: space-between;
          font-size: 14px;
          font-weight: 500;
          gap: 4px;
          text-transform: uppercase; }
          .header .header-menu > ul > li > a i {
            font-size: 10px; }
        .header .header-menu > ul > li > ul {
          background: rgba(255, 255, 255, 0.95);
          box-shadow: 0 0 1.5px rgba(40, 40, 40, 0.5);
          backdrop-filter: blur(6px);
          display: none;
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          min-width: 200px;
          z-index: 9; }
          .header .header-menu > ul > li > ul > li {
            position: relative;
            padding: 5px 10px; }
            .header .header-menu > ul > li > ul > li:hover {
              background: #052C4A; }
              .header .header-menu > ul > li > ul > li:hover > a {
                color: #fff; }
              .header .header-menu > ul > li > ul > li:hover > ul {
                display: block; }
            .header .header-menu > ul > li > ul > li > a {
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              align-items: center;
              flex-wrap: nowrap;
              align-items: center;
              justify-content: space-between; }
              .header .header-menu > ul > li > ul > li > a i {
                font-size: 10px;
                margin-left: 5px; }
            .header .header-menu > ul > li > ul > li > ul {
              display: none;
              background: rgba(255, 255, 255, 0.95);
              box-shadow: 0 0 1.5px rgba(40, 40, 40, 0.5);
              backdrop-filter: blur(6px);
              display: none;
              position: absolute;
              top: 0;
              left: 100%;
              min-width: 200px;
              z-index: 9; }
              .header .header-menu > ul > li > ul > li > ul > li {
                padding: 5px 10px; }
                .header .header-menu > ul > li > ul > li > ul > li:hover {
                  background: #052C4A; }
                  .header .header-menu > ul > li > ul > li > ul > li:hover > a {
                    color: #fff; }
                .header .header-menu > ul > li > ul > li > ul > li > a {
                  display: block; }
    .header .header-menu .header-menu0 li.hasMegaHorizontal {
      position: initial; }
      .header .header-menu .header-menu0 li.hasMegaHorizontal:hover .megaHorizontal-wrapper {
        opacity: 1;
        z-index: 19;
        visibility: visible;
        transform: translateY(0px);
        transition: .2s all; }
      .header .header-menu .header-menu0 li.hasMegaHorizontal .megaHorizontal-wrapper {
        padding: 25px 0;
        position: absolute;
        top: 100%;
        background: white;
        left: 0;
        right: 0;
        box-shadow: 0px 2px 6px 0px rgba(50, 50, 50, 0.33);
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        transform: translateY(30px);
        transition: .2s all; }
      .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu1 {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        max-height: 500px;
        overflow-y: auto;
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto; }
        .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu1::-webkit-scrollbar {
          width: 5px;
          background-color: #F5F5F5; }
        .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu1::-webkit-scrollbar-thumb {
          border-radius: 5px;
          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
          background-color: #e5e5e5; }
        .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu1::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
          border-radius: 5px;
          background-color: #F5F5F5; }
        .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu1 > li {
          min-width: calc(20% - 30px);
          display: flex;
          gap: 16px;
          flex-direction: column; }
          .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu1 > li > a {
            padding: 10px 0;
            font-weight: 700;
            display: block;
            color: #052C4A;
            text-transform: uppercase;
            border-bottom: 1px solid #B7B7B7; }
        .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu1 .menu-viewmore a {
          color: #052C4A;
          display: flex;
          gap: 6px;
          align-items: center; }
      .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu2 {
        display: flex;
        flex-direction: column;
        gap: 4px; }
        .header .header-menu .header-menu0 li.hasMegaHorizontal .header-menu2 li > a {
          color: #666; }
  @media (min-width: 992px) {
    .header {
      padding: 24px 0 0; }
      .header .header-main .header-main--inner {
        gap: 57px;
        flex-wrap: nowrap; }
      .header .header-main .header-bottom--left {
        order: 1;
        max-width: 175px; }
      .header .header-main .header-bottom--right {
        order: 1;
        width: auto; }
      .header .header-main .header-bottom--center {
        order: 1;
        max-width: 760px;
        width: 100%;
        -ms-flex: 1 0 0;
        flex: 1 0 0; }
      .header .header-bottom--left-logo a img {
        max-width: 175px; } }

.header-menu-scroll {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: translateY(-100%);
  transition: all 0.4s;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9;
  background: #fff;
  border-top: 1px solid #E7E7E7;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
  .header-menu-scroll .menu-sroll-section {
    padding: 16px 0; }
    .header-menu-scroll .menu-sroll-section:not(.swiper-initialized) .list {
      display: flex;
      gap: 8px;
      align-items: center; }
    .header-menu-scroll .menu-sroll-section a.item {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      white-space: nowrap;
      padding: 4px 12px;
      border: 1px solid #F0F0F0;
      border-radius: 4px;
      background: #F0F0F0; }
      .header-menu-scroll .menu-sroll-section a.item span.icon {
        width: 24px;
        height: 24px; }
      .header-menu-scroll .menu-sroll-section a.item span.text {
        flex: 1 1 auto; }
      .header-menu-scroll .menu-sroll-section a.item:hover {
        border-radius: 4px;
        background: #E1E1E1;
        border: 1px solid #E1E1E1;
        color: #000; }
    .header-menu-scroll .menu-sroll-section .swiper-slide {
      width: fit-content; }
    @media (min-width: 992px) {
      .header-menu-scroll .menu-sroll-section:not(.swiper-initialized) .list {
        gap: 16px; } }
  .header-menu-scroll.js-sticky-fixed {
    transform: translateY(0%);
    position: fixed;
    top: var(--height-header);
    opacity: 1;
    visibility: visible; }

.footer .footer-row {
  display: flex;
  flex-direction: column;
  gap: 24px 70px; }

.footer .footer-main {
  border-top: 1px solid #DFDFDF;
  background: linear-gradient(180deg, #FFF -5.63%, #FFF 100%);
  padding: 45px 0 32px; }
  .footer .footer-main .footer-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .footer .footer-main .footer-item:first-child {
    margin-bottom: 30px; }

.footer .footer-bot {
  color: #000;
  background: #F7FCFF;
  padding: 14px 0;
  font-size: 12px; }
  .footer .footer-bot .footer-item {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

.footer .infos {
  display: flex;
  gap: 8px;
  flex-direction: column; }
  .footer .infos li {
    width: 100%; }
  .footer .infos li > div {
    display: flex;
    gap: 8px; }
  .footer .infos li > div span {
    width: 24px;
    height: 24px; }
  .footer .infos li > div div {
    width: calc(100% - 24px -8px); }

.footer .socials {
  display: flex;
  gap: 8px;
  align-items: center; }
  .footer .socials li {
    width: 33px;
    height: 33px; }
  .footer .socials li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px; }

.footer .footer-item {
  display: flex;
  flex-direction: column;
  gap: 30px; }

.footer .footer-block {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .footer .footer-block > div {
    width: 100%; }
  .footer .footer-block h4 {
    margin-bottom: 0;
    color: #043A81;
    font-size: 16px;
    font-weight: 700; }
  .footer .footer-block.footer-toggle ul {
    display: flex;
    flex-direction: column;
    gap: 4px; }
    .footer .footer-block.footer-toggle ul li {
      width: 100%; }
    .footer .footer-block.footer-toggle ul li a {
      display: block; }

@media (min-width: 992px) {
  .footer .footer-row {
    flex-direction: row;
    gap: 16px 70px; }
  .footer .footer-main {
    padding: 45px 0; }
    .footer .footer-main .footer-item {
      -ms-flex: 0 0 calc((100% - (40px*3)) /4);
      flex: 0 0 calc((100% - (40px*3)) /4);
      max-width: calc((100% - (40px*3)) /4); }
    .footer .footer-main .footer-item:first-child {
      margin-bottom: 0; }
  .footer .footer-bot {
    font-size: 14px; }
    .footer .footer-bot .footer-item {
      -ms-flex: 0 0 calc((100% - 40px) /2);
      flex: 0 0 calc((100% - 40px) /2);
      max-width: calc((100% - 40px) /2); }
    .footer .footer-bot .footer-item:last-child {
      text-align: right; }
  .footer .footer-block {
    gap: 24px; }
    .footer .footer-block.footer-toggle ul {
      gap: 12px; }
    .footer .footer-block.footer-toggle .footer-content {
      display: block; } }

.fixed-social-network {
  position: fixed;
  bottom: 100px;
  z-index: 8;
  right: 20px;
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px; }
  .fixed-social-network .btn-show-social {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 100%;
    background: #FFF;
    outline: none;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) !important; }
    .fixed-social-network .btn-show-social svg {
      width: 100%;
      height: 100%; }
  .fixed-social-network .listing-social {
    display: none;
    position: relative;
    z-index: 10;
    flex-direction: column;
    width: 210px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: #FFF;
    overflow: hidden; }
    .fixed-social-network .listing-social > a {
      display: flex;
      padding: 16px;
      align-items: center;
      gap: 8px;
      background: #FFF;
      color: #002D18;
      font-size: 16px;
      letter-spacing: -0.258px; }
      .fixed-social-network .listing-social > a:not(:last-child) {
        box-shadow: 0 -1px 0 0 #E5E5E5 inset; }
      .fixed-social-network .listing-social > a > img {
        height: 100%;
        margin-right: 20px; }
      .fixed-social-network .listing-social > a.fb-icon {
        background: #3B5998;
        color: #fff; }
      .fixed-social-network .listing-social > a.ins-icon {
        background: #C32AA3;
        color: #fff; }
      .fixed-social-network .listing-social > a.yt-icon {
        background: #FF0000;
        color: #fff; }
      .fixed-social-network .listing-social > a.tw-icon {
        background: #00B6F1;
        color: #fff; }
      .fixed-social-network .listing-social > a.gg-icon {
        background: #DF4A32;
        color: #fff; }
      .fixed-social-network .listing-social > a.linkedin-icon {
        background: #0077b5;
        color: #fff; }
  .fixed-social-network .back-to-top {
    transition: all 1s ease-in-out;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); }
    .fixed-social-network .back-to-top svg {
      width: 24px;
      height: 24px; }
  .fixed-social-network.active .btn-show-social svg rect {
    fill: #052C4A; }
  .fixed-social-network.active .btn-show-social svg path {
    fill: #fff; }
  .fixed-social-network.active .listing-social {
    display: flex; }

.support-mobile {
  display: none; }
  @media (max-width: 768px) {
    .support-mobile {
      display: block; } }
  .support-mobile .support-content {
    position: fixed;
    z-index: 9;
    left: 10px;
    bottom: 85px;
    visibility: hidden; }
    .support-mobile .support-content a {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 15px;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      background: #fff;
      padding: 4px;
      color: #fff;
      font-size: 18px;
      opacity: 0;
      visibility: hidden;
      transform: scale(0);
      transition: all .3s; }
      .support-mobile .support-content a img {
        max-height: 100%; }
      .support-mobile .support-content a.zalo {
        padding: 0; }
        .support-mobile .support-content a.zalo img {
          border-radius: 50%; }
      .support-mobile .support-content a.call-now, .support-mobile .support-content a.sms {
        background: #052C4A;
        padding: 10px; }
      .support-mobile .support-content a.shopee img {
        max-height: 100%;
        border-radius: 0; }
    .support-mobile .support-content.open {
      visibility: visible !important; }
      .support-mobile .support-content.open a {
        opacity: 1;
        visibility: visible;
        transform: scale(1); }
  .support-mobile .btn-support {
    position: fixed;
    z-index: 9;
    left: 10px;
    bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background: #052C4A;
    padding: 4px;
    color: #fff;
    font-size: 18px;
    cursor: pointer; }

.video-wrapper {
  display: flex;
  position: relative;
  overflow: hidden;
  padding-bottom: calc((var(--height)/var(--width) * 100%)); }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.aspect-ratio {
  display: flex;
  position: relative;
  overflow: hidden;
  padding-bottom: calc((var(--height)/var(--width) * 100%)); }
  .aspect-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.product-loop .product-loop--wrap {
  border-radius: 8px;
  background: #fff;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  overflow: hidden; }
  .product-loop .product-loop--wrap .product-loop--head {
    position: relative;
    overflow: hidden;
    border: 1px solid #f5f5f5;
    border-radius: 8px; }
  .product-loop .product-loop--wrap .product-loop--body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 16px 16px; }
  .product-loop .product-loop--wrap .product-loop--listbtn {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 14px;
    padding: 9px 7px;
    align-items: center;
    border-radius: 8px;
    background: rgba(217, 217, 217, 0.5);
    backdrop-filter: blur(3.6px);
    transition: all 0.4s;
    transform: translate(0, -50%);
    display: none; }
    .product-loop .product-loop--wrap .product-loop--listbtn > div {
      display: flex;
      flex-direction: column;
      gap: 8px; }
    .product-loop .product-loop--wrap .product-loop--listbtn .btn {
      display: inline-flex;
      width: 26px;
      height: 26px;
      padding: 0;
      justify-content: center;
      align-items: center;
      border-radius: 4px;
      background: #fff;
      color: #052C4A; }
      .product-loop .product-loop--wrap .product-loop--listbtn .btn:hover {
        color: #fff;
        background: #052C4A;
        border-color: #052C4A; }
    .product-loop .product-loop--wrap .product-loop--listbtn .btn svg {
      width: 16px;
      height: 16px; }
  .product-loop .product-loop--wrap .product-loop--image {
    position: relative;
    overflow: hidden; }
    .product-loop .product-loop--wrap .product-loop--image > a {
      overflow: hidden;
      position: relative;
      padding-bottom: 100%;
      display: block; }
      .product-loop .product-loop--wrap .product-loop--image > a > picture {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: all 0.5s; }
        .product-loop .product-loop--wrap .product-loop--image > a > picture:nth-of-type(2) {
          opacity: 0;
          visibility: hidden; }
    .product-loop .product-loop--wrap .product-loop--image .product-loop--list-frame {
      position: absolute;
      width: 100%;
      height: auto;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column; }
      .product-loop .product-loop--wrap .product-loop--image .product-loop--list-frame > div {
        width: 100%; }
      .product-loop .product-loop--wrap .product-loop--image .product-loop--list-frame > div img {
        max-height: 25px;
        width: auto; }
  .product-loop .product-loop--wrap .product-loop--vendor {
    color: #052C4A;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 4px; }
  .product-loop .product-loop--wrap .product-loop--name {
    margin: 0;
    height: 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.258px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    color: #000;
    opacity: 0.8; }
    .product-loop .product-loop--wrap .product-loop--name a {
      display: block; }
  .product-loop .product-loop--wrap .product-loop--price {
    min-height: 25px;
    display: flex;
    gap: 4px;
    flex-direction: column;
    justify-content: center; }
    .product-loop .product-loop--wrap .product-loop--price .product-loop--price-current span {
      font-size: 16px;
      font-weight: 700;
      color: #052C4A; }
    .product-loop .product-loop--wrap .product-loop--price .product-loop--price-sale {
      display: flex;
      gap: 8px;
      align-items: center; }
      .product-loop .product-loop--wrap .product-loop--price .product-loop--price-sale del {
        color: #B7B7B8;
        font-size: 12px;
        font-weight: 500; }
      .product-loop .product-loop--wrap .product-loop--price .product-loop--price-sale span {
        display: inline-flex;
        padding: 2px 6px;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        background: #FF0A47;
        color: #FFF;
        text-align: center;
        font-size: 10px;
        font-weight: 700; }
  .product-loop .product-loop--wrap .product-loop--promo {
    background: #f3f2f2;
    border-radius: 4px;
    border-left: 4px solid red;
    font-size: 13px;
    padding: 2px 0 2px 4px;
    margin: 10px 0 0; }
  .product-loop .product-loop--wrap .product-loop--body-action {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    justify-content: space-between; }
    .product-loop .product-loop--wrap .product-loop--body-action .product-loop--price {
      width: calc(100% - 45px); }
    .product-loop .product-loop--wrap .product-loop--body-action .product-loop--action button {
      display: inline-flex;
      width: 28px;
      height: 28px;
      padding: 6px;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      background: #052C4A;
      color: #fff; }

.product-loop.product-loop--small .product-loop--wrap {
  flex-direction: row;
  border-radius: 2px;
  align-items: center;
  height: 100%; }
  .product-loop.product-loop--small .product-loop--wrap .product-loop--head {
    width: 35%; }
  .product-loop.product-loop--small .product-loop--wrap .product-loop--body {
    width: 65%;
    padding: 8px 16px;
    gap: 4px;
    height: 100%;
    justify-content: center; }
  .product-loop.product-loop--small .product-loop--wrap .product-loop--price {
    width: 100%;
    gap: 0; }
    .product-loop.product-loop--small .product-loop--wrap .product-loop--price .product-loop--price-current span {
      font-size: 14px; }
    .product-loop.product-loop--small .product-loop--wrap .product-loop--price .product-loop--price-sale del {
      font-size: 14px;
      color: #A4A4A4; }
  .product-loop.product-loop--small .product-loop--wrap .product-loop--vendor {
    margin-bottom: 8px; }
  .product-loop.product-loop--small .product-loop--wrap .product-loop--action {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-top: 4px; }
    .product-loop.product-loop--small .product-loop--wrap .product-loop--action a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 20px;
      height: 20px; }

.product-loop.product-loading .product-loop--wrap {
  height: 100%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease; }

.product-loop.product-loading .product-loop--head .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;
  background: #f5f5f5; }

.product-loop.product-loading .product-loop--body {
  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; }

.product-loop.product-loading .loading-mask .loading-mask--image {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0; }

.product-loop.product-loading .loading-mask .loading-mask--detail {
  padding: 10px 0; }
  .product-loop.product-loading .loading-mask .loading-mask--detail .mask-line {
    height: 10px;
    width: 100%;
    border-radius: 8px;
    margin: 4px 0;
    background: #f5f5f5; }
  .product-loop.product-loading .loading-mask .loading-mask--detail .mask-line:nth-child(2) {
    width: 80%;
    background: #f5f5f5; }
  .product-loop.product-loading .loading-mask .loading-mask--detail .mask-line:nth-child(3) {
    width: 65%;
    background: #f5f5f5; }

@media (min-width: 1024px) {
  .product-loop:not(.product-loop--small) .product-loop--wrap .product-loop--listbtn {
    transform: translate(-140%, -50%);
    visibility: hidden;
    opacity: 0;
    display: flex; }
  .product-loop:not(.product-loop--small) .product-loop--wrap:hover .product-loop--image a picture:nth-of-type(1) {
    opacity: 0;
    visibility: hidden; }
  .product-loop:not(.product-loop--small) .product-loop--wrap:hover .product-loop--image a picture:nth-of-type(2) {
    opacity: 1;
    visibility: visible; }
  .product-loop:not(.product-loop--small) .product-loop--wrap:hover .product-loop--listbtn {
    transform: translate(0%, -50%);
    visibility: visible;
    opacity: 1; } }

.article-loop {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .article-loop .article-loop--media {
    position: relative; }
    .article-loop .article-loop--media a {
      --height: 295;
      --width: 390; }
  .article-loop .article-loop--detail {
    display: flex;
    flex-direction: column;
    gap: 2px; }
    .article-loop .article-loop--detail .meta-article {
      color: #052C4A;
      font-family: Roboto;
      margin-bottom: 9px; }
    .article-loop .article-loop--detail .title-article h3 {
      font-weight: 700;
      font-size: 18px;
      font-family: Roboto; }
      .article-loop .article-loop--detail .title-article h3 a {
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        color: #052C4A; }
    .article-loop .article-loop--detail .short-article {
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      color: #323232;
      margin-bottom: 16px; }
    .article-loop .article-loop--detail .view-article a {
      color: #052C4A; }

.swiper-style .swiper-button {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 100%;
  color: #052C4A;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
  .swiper-style .swiper-button svg {
    width: 12px;
    height: 12px; }
  .swiper-style .swiper-button.swiper-prev {
    left: -16px;
    right: auto; }
  .swiper-style .swiper-button.swiper-next {
    right: -16px;
    left: auto; }

.swiper-style .swiper-pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  bottom: 20px; }
  .swiper-style .swiper-pagination .swiper-pagination-bullet {
    border-radius: 1234px;
    opacity: 0.4;
    background: #9CA3AF;
    width: 8px;
    height: 8px;
    margin: 0 !important;
    transition: all 0.4s; }
  .swiper-style .swiper-pagination .swiper-pagination-bullet-active {
    background: #052C4A;
    width: 32px;
    opacity: 1; }

.section {
  padding: 0 0 45px;
  --sectional-grid-gap: 8px; }
  @media (min-width: 992px) {
    .section {
      padding: 0 0 60px; } }
  .section .section-wrapper {
    display: flex;
    flex-direction: column;
    gap: 35px; }
    .section .section-wrapper .section-heading,
    .section .section-wrapper .section-content {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
  .section .section-heading {
    text-align: center; }
    .section .section-heading h2 {
      margin-bottom: 0;
      color: #052C4A;
      font-size: 20px;
      font-weight: 700; }
    .section .section-heading.has-btn, .section .section-heading.has-menu {
      text-align: left;
      display: flex;
      gap: 16px 0;
      flex-direction: column; }
      .section .section-heading.has-btn > div, .section .section-heading.has-menu > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
  .section .section-content {
    position: relative; }
    .section .section-content .swiper-nav {
      display: none; }
    .section .section-content .slider-collection:not(.swiper-initialized) {
      margin: 0 -16px;
      padding-left: 16px; }
      .section .section-content .slider-collection:not(.swiper-initialized) .swiper-wrapper {
        padding-left: 16px;
        margin: 0 -16px; }
  .section .slider-collection .swiper-slide {
    height: auto; }
  .section .slider-collection .product-loop {
    height: 100%; }
  .section .slider-collection .product-loop--wrap {
    height: 100%; }
  .section .swiper:not(.swiper-initialized) .list-products {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    column-gap: var(--sectional-grid-gap);
    overflow-x: scroll;
    overflow-y: hidden; }
    .section .swiper:not(.swiper-initialized) .list-products::-webkit-scrollbar {
      display: none; }
    .section .swiper:not(.swiper-initialized) .list-products .swiper-slide {
      -webkit-flex: 0 0 calc(44% - var(--sectional-grid-gap));
      flex: 0 0 calc(44% - var(--sectional-grid-gap));
      max-width: calc(44% - var(--sectional-grid-gap)); }
  .section .swiper:not(.swiper-initialized) .list-articles {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    column-gap: var(--sectional-grid-gap);
    overflow-x: scroll;
    overflow-y: hidden; }
    .section .swiper:not(.swiper-initialized) .list-articles::-webkit-scrollbar {
      display: none; }
    .section .swiper:not(.swiper-initialized) .list-articles .swiper-slide {
      -webkit-flex: 0 0 calc(44% - var(--sectional-grid-gap));
      flex: 0 0 calc(44% - var(--sectional-grid-gap));
      max-width: calc(44% - var(--sectional-grid-gap)); }
  @media (min-width: 568px) {
    .section .swiper:not(.swiper-initialized) .list-products .swiper-slide,
    .section .swiper:not(.swiper-initialized) .list-articles .swiper-slide {
      -webkit-flex: 0 0 calc(40% - (var(--sectional-grid-gap)/2));
      flex: 0 0 calc(40% - (var(--sectional-grid-gap)/2));
      max-width: calc(40% - (var(--sectional-grid-gap)/2)); } }
  @media (min-width: 768px) {
    .section .swiper:not(.swiper-initialized) .list-products,
    .section .swiper:not(.swiper-initialized) .list-articles {
      overflow-x: hidden; }
      .section .swiper:not(.swiper-initialized) .list-products .swiper-slide,
      .section .swiper:not(.swiper-initialized) .list-articles .swiper-slide {
        -webkit-flex: 0 0 calc((100% - (var(--sectional-grid-gap)*2)) /3);
        flex: 0 0 calc((100% - (var(--sectional-grid-gap)*2)) /3);
        max-width: calc((100% - (var(--sectional-grid-gap)*2)) /3); }
    .section .section-content .slider-collection:not(.swiper-initialized) {
      margin: 0;
      padding-left: 0; }
      .section .section-content .slider-collection:not(.swiper-initialized) .swiper-wrapper {
        padding-left: 0px;
        margin: 0; }
    .section .section-content .swiper-nav {
      display: block; } }
  @media (min-width: 992px) {
    .section {
      --sectional-grid-gap: 16px; }
      .section .swiper:not(.swiper-initialized) .list-products[data-view="5"] {
        overflow-x: hidden; }
        .section .swiper:not(.swiper-initialized) .list-products[data-view="5"] .swiper-slide {
          -webkit-flex: 0 0 calc((100% - (var(--sectional-grid-gap)*4)) /5);
          flex: 0 0 calc((100% - (var(--sectional-grid-gap)*4)) /5);
          max-width: calc((100% - (var(--sectional-grid-gap)*4)) /5); }
      .section .swiper:not(.swiper-initialized) .list-products[data-view="4"],
      .section .swiper:not(.swiper-initialized) .list-articles[data-view="4"] {
        overflow-x: hidden; }
        .section .swiper:not(.swiper-initialized) .list-products[data-view="4"] .swiper-slide,
        .section .swiper:not(.swiper-initialized) .list-articles[data-view="4"] .swiper-slide {
          -webkit-flex: 0 0 calc((100% - (var(--sectional-grid-gap)*3)) /4);
          flex: 0 0 calc((100% - (var(--sectional-grid-gap)*3)) /4);
          max-width: calc((100% - (var(--sectional-grid-gap)*3)) /4); }
      .section .swiper:not(.swiper-initialized) .list-products[data-view="3"] {
        overflow-x: hidden; }
        .section .swiper:not(.swiper-initialized) .list-products[data-view="3"] .swiper-slide {
          -webkit-flex: 0 0 calc((100% - (var(--sectional-grid-gap)*2)) /3);
          flex: 0 0 calc((100% - (var(--sectional-grid-gap)*2)) /3);
          max-width: calc((100% - (var(--sectional-grid-gap)*2)) /3); }
      .section .section-heading h2 {
        margin-bottom: 0;
        color: #052C4A;
        font-size: 28px;
        font-weight: 700; }
      .section .section-heading.has-btn {
        justify-content: space-between;
        flex-direction: row;
        align-items: center; }
        .section .section-heading.has-btn .title {
          -ms-flex: 0 0 70%;
          flex: 0 0 70%;
          max-width: 70%; }
        .section .section-heading.has-btn .action {
          -ms-flex: 0 0 30%;
          flex: 0 0 30%;
          max-width: 30%;
          padding-left: 16px;
          text-align: right; } }

/*---------------------------------------*/
/*----- HOME-----*/
/*---------------------------------------*/
.section-slider {
  --height: 1400;
  --width: 1200;
  padding-bottom: 45px; }
  .section-slider .slider-banner:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .section-slider .swiper-button.swiper-prev {
    left: 16px;
    right: auto; }
  .section-slider .swiper-button.swiper-next {
    right: 16px;
    left: auto; }
  @media (min-width: 992px) {
    .section-slider {
      --height: 600;
      --width: 1920; } }

.section-category .box-card {
  position: relative;
  overflow: hidden;
  border-radius: 4px; }
  .section-category .box-card h3 {
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
    margin-bottom: 10px;
    color: #FFF;
    width: 100%; }
  .section-category .box-card .thumb {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(250/187 * 100%); }
    .section-category .box-card .thumb img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .section-category .box-card .detail {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.32) 100%);
    top: 0;
    left: 0;
    right: 0;
    text-align: center; }
    .section-category .box-card .detail a {
      display: flex;
      height: 100%;
      justify-content: center;
      align-items: flex-end; }

.section-category .slider-category:not(.swiper-initialized) .swiper-wrapper {
  gap: 8px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .section-category .slider-category:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.section-category .slider-category:not(.swiper-initialized) .swiper-slide {
  -webkit-flex: 0 0 calc(44% - 8px);
  flex: 0 0 calc(44% - 8px);
  max-width: calc(44% - 8px); }

.section-category .grid-category {
  display: flex;
  gap: 8px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .section-category .grid-category::-webkit-scrollbar {
    display: none; }
  .section-category .grid-category .item-cate {
    -webkit-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%; }

.section-category .grid-category[data-view="5"] {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  overflow: hidden; }
  .section-category .grid-category[data-view="5"] .item-cate {
    -webkit-flex: 0 0 calc((100% - 8px) / 2);
    flex: 0 0 calc((100% - 8px) / 2);
    max-width: calc((100% - 8px) / 2); }

@media (min-width: 568px) {
  .section-category .slider-category:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc(40% - (8px/2));
    flex: 0 0 calc(40% - (8px/2));
    max-width: calc(40% - (8px/2)); }
  .section-category .grid-category .item-cate {
    -webkit-flex: 0 0 calc(40% - (8px/2));
    flex: 0 0 calc(40% - (8px/2));
    max-width: calc(40% - (8px/2)); } }

@media (min-width: 768px) {
  .section-category .slider-category:not(.swiper-initialized) .swiper-wrapper {
    overflow-x: hidden; }
  .section-category .slider-category:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (8px*2))/3);
    flex: 0 0 calc((100% - (8px*2))/3);
    max-width: calc((100% - (8px*2))/3); } }

@media (min-width: 992px) {
  .section-category .slider-category:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (8px*3))/4);
    flex: 0 0 calc((100% - (8px*3))/4);
    max-width: calc((100% - (8px*3))/4); }
  .section-category .grid-category {
    overflow: hidden; }
    .section-category .grid-category .item-cate {
      -webkit-flex: 0 0 calc((100% - (8px*3)) /4);
      flex: 0 0 calc((100% - (8px*3)) /4);
      max-width: calc((100% - (8px*3)) /4); }
  .section-category .grid-category[data-view="5"] .item-cate {
    -webkit-flex: 0 0 calc((100% - (8px*4)) /5);
    flex: 0 0 calc((100% - (8px*4)) /5);
    max-width: calc((100% - (8px*4)) /5); } }

@media (min-width: 1024px) {
  .section-category .slider-category:not(.swiper-initialized) .swiper-wrapper {
    gap: 16px; }
  .section-category .slider-category:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (16px*5))/6);
    flex: 0 0 calc((100% - (16px*5))/6);
    max-width: calc((100% - (16px*5))/6); }
  .section-category .grid-category {
    gap: 16px; }
    .section-category .grid-category .item-cate {
      -webkit-flex: 0 0 calc((100% - (16px*3)) /4);
      flex: 0 0 calc((100% - (16px*3)) /4);
      max-width: calc((100% - (16px*3)) /4); }
  .section-category.category-2 .box-card h3, .section-category.category-3 .box-card h3 {
    font-size: 28px;
    padding: 38px; }
  .section-category.category-2 .box-card .detail, .section-category.category-3 .box-card .detail {
    text-align: left; }
  .section-category .grid-category[data-view="5"] {
    gap: 16px; }
    .section-category .grid-category[data-view="5"] .item-cate {
      -webkit-flex: 0 0 calc((100% - (16px*4)) /5);
      flex: 0 0 calc((100% - (16px*4)) /5);
      max-width: calc((100% - (16px*4)) /5); } }

.section-policy {
  overflow: hidden; }
  .section-policy .list-policy {
    display: flex;
    gap: 8px;
    align-items: center;
    overflow-x: scroll;
    padding: 10px; }
    .section-policy .list-policy::-webkit-scrollbar {
      display: none; }
    .section-policy .list-policy .item {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: max-content; }
  .section-policy .box {
    display: flex;
    padding: 19px 24px;
    justify-content: center;
    align-items: center;
    gap: 17px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background: #FFF;
    overflow: hidden; }
    .section-policy .box .icon {
      display: inline-flex;
      width: 60px;
      height: 60px;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      background: #F5F5F5; }
    .section-policy .box .text {
      color: #000;
      font-size: 16px;
      font-weight: 500;
      flex: 1 0 0; }
  @media (min-width: 568px) {
    .section-policy .list-policy .item {
      -webkit-flex: 0 0 calc(40% - (8px/2));
      flex: 0 0 calc(40% - (8px/2));
      max-width: calc(40% -(8px/2)); } }
  @media (min-width: 768px) {
    .section-policy .list-policy {
      flex-wrap: wrap;
      justify-content: center; }
      .section-policy .list-policy .item {
        -webkit-flex: 0 0 calc((100% - (8px * 2)) / 3);
        flex: 0 0 calc((100% - (8px * 2)) / 3);
        max-width: calc((100% - (8px * 2)) / 3); } }
  @media (min-width: 992px) {
    .section-policy .list-policy {
      gap: 16px;
      flex-wrap: nowrap; }
      .section-policy .list-policy .item {
        -webkit-flex: 0 0 calc((100% - (16px * 4)) / 5);
        flex: 0 0 calc((100% - (16px * 4)) / 5);
        max-width: calc((100% - (16px * 4)) / 5); } }

.section-voucher .slider-voucher:not(.swiper-initialized) .swiper-wrapper {
  gap: 8px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .section-voucher .slider-voucher:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.section-voucher .slider-voucher:not(.swiper-initialized) .swiper-slide {
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: max-content; }

.section-voucher .box {
  display: flex;
  padding: 12px 30px;
  flex-direction: column;
  gap: 6px;
  /*box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);*/
  border-radius: 4px;
  background: #FFF;
  text-align: center;
  border: 1px solid #7B95FF;
  position: relative;
  border-radius: 12px; }
  .section-voucher .box:before, .section-voucher .box:after {
    content: "";
    width: 20px;
    height: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    z-index: 10;
    border: 1px solid #7B95FF;
    background: #fff; }
  .section-voucher .box:before {
    left: -1px;
    border-left: 0;
    border-top-right-radius: 34px;
    border-bottom-right-radius: 34px; }
  .section-voucher .box:after {
    right: -1px;
    border-right: 0;
    border-top-left-radius: 34px;
    border-bottom-left-radius: 34px; }
  .section-voucher .box .detail {
    width: 100%; }
    .section-voucher .box .detail .title {
      color: #1F48ED;
      font-size: 24px;
      font-weight: 700; }
    .section-voucher .box .detail .text {
      color: #000;
      font-size: 12px;
      font-weight: 700; }
  .section-voucher .box .action {
    width: 100%; }
    .section-voucher .box .action a {
      display: inline-flex;
      align-items: center;
      border-radius: 8px;
      background: #1F48ED;
      color: #fff;
      padding: 5px 15px;
      font-weight: 700; }

@media (min-width: 568px) {
  .section-voucher .slider-voucher:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc(40% - (8px/2));
    flex: 0 0 calc(40% - (8px/2));
    max-width: calc(40% - (8px/2)); } }

@media (min-width: 768px) {
  .section-voucher .slider-voucher:not(.swiper-initialized) .swiper-wrapper {
    overflow-x: hidden; }
  .section-voucher .slider-voucher:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (8px*2)) / 3);
    flex: 0 0 calc((100% - (8px*2)) / 3);
    max-width: calc((100% - (8px*2)) / 3); } }

@media (min-width: 992px) {
  .section-voucher .slider-voucher:not(.swiper-initialized) .swiper-wrapper {
    gap: 16px; }
  .section-voucher .slider-voucher:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (16px*3))/4);
    flex: 0 0 calc((100% - (16px*3))/4);
    max-width: calc((100% - (16px*3))/4); } }

@media (min-width: 1024px) {
  .section-voucher .swiper-button.swiper-prev {
    left: -40px;
    right: auto; }
  .section-voucher .swiper-button.swiper-next {
    right: -40px;
    left: auto; } }

.section-flashsale {
  background: linear-gradient(81deg, #FFDE28 -18.56%, #FC7F00 42.75%, #E923E6 113.13%); }
  .section-flashsale .section-wrapper {
    padding: 16px 16px 0;
    margin: 0 -16px; }
  .section-flashsale .section-heading {
    display: flex;
    gap: 16px 16px;
    flex-direction: column;
    text-align: left; }
    .section-flashsale .section-heading .box-tablist {
      width: 100%;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; }
  .section-flashsale .box-countdown {
    position: relative;
    margin: -16px -16px 0; }
    .section-flashsale .box-countdown .icon {
      position: absolute;
      top: -4px;
      left: 0;
      display: inline-block; }
    .section-flashsale .box-countdown .box-countdown--wrapper {
      display: flex;
      flex-direction: column;
      gap: 4px;
      background: #FF4018;
      padding: 8px 24px;
      text-align: center; }
      .section-flashsale .box-countdown .box-countdown--wrapper > div {
        width: 100%; }
      .section-flashsale .box-countdown .box-countdown--wrapper .text {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff; }
      .section-flashsale .box-countdown .box-countdown--wrapper .box-countdown--inner {
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: center;
        color: #fff; }
        .section-flashsale .box-countdown .box-countdown--wrapper .box-countdown--inner > div {
          width: 25px;
          height: 25px;
          display: inline-flex;
          border-radius: 4px;
          padding: 2px 2px;
          justify-content: center;
          align-items: center;
          color: #052C4A;
          text-align: center;
          font-size: 14px;
          font-weight: 700;
          letter-spacing: -0.18px;
          background: #fff; }
          .section-flashsale .box-countdown .box-countdown--wrapper .box-countdown--inner > div span.label {
            display: none; }
  .section-flashsale .box-action {
    display: none; }
    .section-flashsale .box-action .btn-link {
      color: #fff; }
  .section-flashsale .box-tablist .tablist {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center; }
    .section-flashsale .box-tablist .tablist .tabitem {
      display: inline-flex;
      padding: 10px;
      justify-content: center;
      align-items: center;
      border-radius: 8px;
      border: 1px solid #000;
      background: #FFF;
      width: 100%;
      cursor: pointer;
      transition: all 0.4s; }
      .section-flashsale .box-tablist .tablist .tabitem h2 {
        font-size: 16px;
        font-weight: 400;
        margin: 0;
        color: #052C4A; }
      .section-flashsale .box-tablist .tablist .tabitem.active {
        border: 1px solid #273BCE;
        background: #273BCE; }
        .section-flashsale .box-tablist .tablist .tabitem.active h2 {
          color: #fff;
          font-weight: 700; }
  .section-flashsale .box-tabcontent {
    position: relative; }
    .section-flashsale .box-tabcontent .tabcontent .tabpand {
      display: none; }
    .section-flashsale .box-tabcontent .tabcontent .tabpand.active {
      display: block; }
    .section-flashsale .box-tabcontent .action {
      display: flex;
      justify-content: center;
      margin-top: 26px; }
  @media (min-width: 567px) {
    .section-flashsale .box-countdown {
      margin: 0; }
      .section-flashsale .box-countdown .box-countdown--wrapper {
        margin-left: 35px;
        border-radius: 0 24px 0 0;
        padding: 8px 24px 8px 28px;
        gap: 2px;
        display: inline-flex; }
        .section-flashsale .box-countdown .box-countdown--wrapper .box-countdown--inner {
          gap: 4px; } }
  @media (min-width: 992px) {
    .section-flashsale {
      background: #fff;
      margin-bottom: 0; }
      .section-flashsale .section-wrapper {
        border-radius: 9.6px;
        padding: 30px 35px;
        margin: 0;
        background: linear-gradient(81deg, #FFDE28 -18.56%, #FC7F00 42.75%, #E923E6 113.13%);
        overflow: hidden; }
      .section-flashsale .section-heading {
        align-items: center;
        justify-content: space-between;
        flex-direction: row; }
        .section-flashsale .section-heading .box-tablist {
          max-width: 600px;
          width: 100%;
          -ms-flex: 1 0 0;
          flex: 1 0 0; }
      .section-flashsale .section-content:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -70px;
        width: 165px;
        height: 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='165' height='422' viewBox='0 0 165 422' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:soft-light'%3E%3Cpath d='M22.2477 1.22493C22.4466 1.21712 22.6222 1.06109 22.6378 0.873857C22.6534 0.68662 22.5012 0.538391 22.2984 0.546193C22.0995 0.553994 21.9239 0.710025 21.9083 0.897262C21.8927 1.0845 22.0449 1.23273 22.2477 1.22493Z' fill='white'/%3E%3Cpath d='M48.4768 0.136527C48.5158 0.136527 48.5509 0.105321 48.5548 0.066313C48.5587 0.0273054 48.5275 0 48.4885 0C48.4495 0 48.4144 0.0312061 48.4105 0.0702138C48.4066 0.109221 48.4378 0.136527 48.4768 0.136527Z' fill='white'/%3E%3Cpath d='M20.3205 27.1534C21.323 27.1222 22.1929 26.3342 22.2631 25.3941C22.3333 24.4541 21.5765 23.7168 20.574 23.748C19.5715 23.7792 18.7017 24.5672 18.6315 25.5073C18.5613 26.4474 19.318 27.1846 20.3205 27.1534Z' fill='white'/%3E%3Cpath d='M46.589 25.5854C47.1507 25.5698 47.6383 25.1251 47.6773 24.5985C47.7164 24.0719 47.2912 23.6584 46.7295 23.6779C46.1678 23.6974 45.6802 24.1382 45.6412 24.6648C45.6021 25.1914 46.0273 25.6049 46.589 25.5854Z' fill='white'/%3E%3Cpath d='M72.849 24.0872C73.009 24.0833 73.1494 23.9546 73.1611 23.8064C73.1728 23.6581 73.0519 23.5372 72.8919 23.5411C72.732 23.545 72.5916 23.6737 72.5799 23.822C72.5682 23.9702 72.6891 24.0911 72.849 24.0872Z' fill='white'/%3E%3Cpath d='M18.4014 53.0152C20.1684 52.9606 21.6975 51.5719 21.8224 49.918C21.9472 48.2641 20.6131 46.9651 18.8461 47.0197C17.079 47.0743 15.5499 48.463 15.4251 50.1169C15.3003 51.7709 16.6343 53.0698 18.4014 53.0152Z' fill='white'/%3E%3Cpath d='M44.6614 51.5134C46.0266 51.4705 47.2086 50.3977 47.3061 49.1183C47.3997 47.8388 46.3738 46.8363 45.0085 46.8793C43.6433 46.9222 42.4613 47.9949 42.3638 49.2743C42.2663 50.5538 43.3 51.5563 44.6614 51.5134Z' fill='white'/%3E%3Cpath d='M70.9414 49.7424C71.745 49.719 72.4393 49.0871 72.4978 48.3343C72.5563 47.5814 71.9478 46.9924 71.1443 47.0158C70.3407 47.0392 69.6464 47.6711 69.5879 48.424C69.5294 49.1768 70.1379 49.7659 70.9414 49.7424Z' fill='white'/%3E%3Cpath d='M97.2206 47.9718C97.4624 47.964 97.6692 47.7767 97.6887 47.5505C97.7082 47.3242 97.5248 47.1487 97.283 47.1565C97.0411 47.1643 96.8344 47.3515 96.8149 47.5778C96.7954 47.804 96.9787 47.9796 97.2206 47.9718Z' fill='white'/%3E%3Cpath d='M16.4869 78.8074C18.9756 78.7294 21.1327 76.7751 21.3083 74.4425C21.4799 72.1098 19.6036 70.2803 17.1149 70.3584C14.6262 70.4364 12.4691 72.3907 12.2936 74.7233C12.118 77.056 13.9982 78.8854 16.4869 78.8074Z' fill='white'/%3E%3Cpath d='M42.7501 77.2392C44.798 77.1768 46.5729 75.5697 46.7133 73.6505C46.8537 71.7313 45.3129 70.2295 43.265 70.2919C41.2171 70.3543 39.4423 71.9614 39.3019 73.8806C39.1614 75.7998 40.7022 77.3016 42.7501 77.2392Z' fill='white'/%3E%3Cpath d='M69.0302 75.4683C70.5164 75.4215 71.8037 74.2551 71.9051 72.8625C72.0065 71.47 70.887 70.3817 69.4047 70.4246C67.9185 70.4714 66.6312 71.6377 66.5298 73.0303C66.4284 74.4229 67.5479 75.5112 69.0302 75.4683Z' fill='white'/%3E%3Cpath d='M95.3216 73.5567C96.1641 73.5294 96.8936 72.8701 96.956 72.0783C97.0184 71.2864 96.3787 70.6701 95.5361 70.6935C94.6935 70.7208 93.9641 71.3801 93.9017 72.1719C93.8393 72.9638 94.479 73.5801 95.3216 73.5528V73.5567Z' fill='white'/%3E%3Cpath d='M121.616 71.5833C121.776 71.5794 121.916 71.4507 121.928 71.3025C121.939 71.1542 121.818 71.0333 121.659 71.0372C121.499 71.0411 121.358 71.1698 121.346 71.3181C121.335 71.4663 121.456 71.5872 121.616 71.5833Z' fill='white'/%3E%3Cpath d='M14.5794 104.459C17.7117 104.361 20.4266 101.904 20.6412 98.9704C20.8596 96.037 18.4997 93.7355 15.3674 93.8331C12.235 93.9306 9.5201 96.3881 9.30555 99.3214C9.09101 102.255 11.4471 104.556 14.5794 104.459Z' fill='white'/%3E%3Cpath d='M40.8511 102.824C43.4997 102.742 45.7973 100.663 45.9806 98.1785C46.164 95.6937 44.1668 93.7511 41.5181 93.8331C38.8695 93.915 36.572 95.9941 36.3886 98.4789C36.2053 100.964 38.2025 102.906 40.8511 102.824Z' fill='white'/%3E%3Cpath d='M67.1339 100.987C69.1818 100.925 70.9567 99.3177 71.0971 97.3985C71.2375 95.4793 69.6967 93.9776 67.6488 94.04C65.6009 94.1024 63.8261 95.7095 63.6856 97.6287C63.5452 99.5478 65.086 101.05 67.1339 100.987Z' fill='white'/%3E%3Cpath d='M93.429 99.0095C94.7942 98.9666 95.9761 97.8938 96.0737 96.6144C96.1712 95.3349 95.1375 94.3324 93.7761 94.3754C92.4108 94.4183 91.2289 95.491 91.1314 96.7704C91.0339 98.0499 92.0637 99.0524 93.429 99.0095Z' fill='white'/%3E%3Cpath d='M119.736 96.8952C120.336 96.8757 120.859 96.4037 120.902 95.8381C120.945 95.2725 120.489 94.8317 119.888 94.8512C119.287 94.8707 118.764 95.3427 118.722 95.9083C118.679 96.4739 119.135 96.9147 119.736 96.8952Z' fill='white'/%3E%3Cpath d='M146.015 95.1243C146.054 95.1243 146.089 95.0931 146.093 95.0541C146.097 95.0151 146.066 94.9878 146.027 94.9878C145.988 94.9878 145.952 95.019 145.949 95.058C145.945 95.097 145.976 95.1243 146.015 95.1243Z' fill='white'/%3E%3Cpath d='M12.6948 129.845C16.3069 129.732 19.4392 126.896 19.6928 123.51C19.9424 120.124 17.2197 117.471 13.6076 117.585C9.9955 117.698 6.86318 120.534 6.60963 123.919C6.35998 127.305 9.08271 129.958 12.6948 129.845Z' fill='white'/%3E%3Cpath d='M38.9627 128.207C42.095 128.109 44.8099 125.652 45.0245 122.718C45.239 119.785 42.8829 117.484 39.7506 117.581C36.6183 117.679 33.9073 120.136 33.6888 123.069C33.4704 126.003 35.8304 128.304 38.9627 128.207Z' fill='white'/%3E%3Cpath d='M65.2498 126.369C67.7775 126.291 69.9698 124.306 70.1492 121.934C70.3247 119.563 68.4172 117.706 65.8895 117.788C63.3618 117.866 61.1696 119.851 60.9902 122.223C60.8107 124.595 62.7221 126.451 65.2498 126.373V126.369Z' fill='white'/%3E%3Cpath d='M91.5486 124.326C93.3546 124.267 94.9227 122.851 95.0476 121.158C95.1724 119.465 93.811 118.139 92.005 118.194C90.1989 118.248 88.6308 119.668 88.506 121.361C88.3812 123.054 89.7425 124.38 91.5486 124.326Z' fill='white'/%3E%3Cpath d='M117.855 122.211C118.901 122.18 119.806 121.361 119.876 120.382C119.946 119.403 119.162 118.638 118.117 118.669C117.071 118.701 116.166 119.52 116.096 120.499C116.026 121.478 116.81 122.242 117.855 122.211Z' fill='white'/%3E%3Cpath d='M144.171 119.964C144.369 119.956 144.545 119.8 144.561 119.613C144.576 119.426 144.424 119.278 144.221 119.285C144.022 119.293 143.847 119.449 143.831 119.637C143.816 119.824 143.968 119.972 144.171 119.964Z' fill='white'/%3E%3Cpath d='M10.8191 155.091C14.833 154.966 18.3125 151.814 18.5933 148.054C18.8742 144.293 15.8472 141.344 11.8333 141.469C7.81944 141.594 4.33994 144.746 4.05908 148.506C3.77823 152.266 6.80523 155.215 10.8191 155.091Z' fill='white'/%3E%3Cpath d='M37.094 153.386C40.5852 153.277 43.6161 150.535 43.858 147.262C44.0998 143.989 41.4668 141.422 37.9756 141.532C34.4844 141.641 31.4575 144.383 31.2117 147.656C30.9699 150.929 33.6029 153.495 37.094 153.386Z' fill='white'/%3E%3Cpath d='M63.381 151.479C66.2325 151.389 68.7017 149.154 68.9006 146.482C69.0996 143.81 66.9502 141.719 64.0988 141.805C61.2473 141.895 58.7781 144.13 58.5792 146.802C58.3802 149.474 60.5296 151.565 63.381 151.479Z' fill='white'/%3E%3Cpath d='M89.6842 149.435C91.8101 149.368 93.6551 147.699 93.8034 145.706C93.9516 143.712 92.3484 142.148 90.2186 142.214C88.0926 142.281 86.2476 143.95 86.0993 145.944C85.9511 147.937 87.5543 149.501 89.6842 149.435Z' fill='white'/%3E%3Cpath d='M115.995 147.254C117.321 147.211 118.468 146.173 118.562 144.933C118.655 143.692 117.657 142.717 116.331 142.76C115.004 142.803 113.857 143.841 113.764 145.081C113.67 146.322 114.673 147.297 115.995 147.254Z' fill='white'/%3E%3Cpath d='M142.313 144.937C142.754 144.925 143.137 144.578 143.168 144.165C143.199 143.751 142.867 143.428 142.423 143.439C141.982 143.455 141.6 143.798 141.568 144.216C141.537 144.633 141.869 144.953 142.313 144.941V144.937Z' fill='white'/%3E%3Cpath d='M8.96204 180.063C13.2178 179.931 16.904 176.592 17.2005 172.601C17.4969 168.615 14.2866 165.49 10.0347 165.623C5.77901 165.755 2.08888 169.094 1.79242 173.085C1.49597 177.071 4.70632 180.196 8.95816 180.063H8.96204Z' fill='white'/%3E%3Cpath d='M35.2375 178.359C38.9705 178.242 42.2081 175.312 42.4656 171.813C42.7269 168.314 39.9106 165.572 36.1775 165.689C32.4445 165.806 29.2069 168.736 28.9494 172.235C28.6881 175.734 31.5044 178.476 35.2375 178.359Z' fill='white'/%3E%3Cpath d='M61.5288 176.451C64.6182 176.354 67.2981 173.927 67.5126 171.033C67.7272 168.139 65.3984 165.864 62.3051 165.962C59.2157 166.06 56.5359 168.486 56.3213 171.38C56.1068 174.278 58.4355 176.549 61.5288 176.451Z' fill='white'/%3E%3Cpath d='M87.8312 174.341C90.16 174.267 92.1767 172.441 92.3405 170.257C92.5043 168.076 90.7451 166.364 88.4203 166.438C86.0915 166.512 84.0748 168.338 83.911 170.522C83.7471 172.706 85.5064 174.415 87.8312 174.341Z' fill='white'/%3E%3Cpath d='M114.142 172.16C115.667 172.114 116.989 170.916 117.095 169.484C117.2 168.053 116.049 166.933 114.524 166.984C112.999 167.031 111.676 168.228 111.571 169.66C111.466 171.092 112.617 172.211 114.142 172.16Z' fill='white'/%3E%3Cpath d='M140.468 169.773C141.069 169.754 141.592 169.282 141.635 168.716C141.677 168.15 141.221 167.71 140.62 167.729C140.02 167.749 139.497 168.221 139.454 168.786C139.411 169.352 139.867 169.793 140.468 169.773Z' fill='white'/%3E%3Cpath d='M7.12043 204.833C11.4971 204.697 15.2886 201.26 15.5929 197.161C15.8971 193.061 12.5971 189.847 8.22436 189.983C3.8477 190.12 0.0561396 193.556 -0.24812 197.656C-0.55238 201.756 2.74767 204.97 7.12043 204.833Z' fill='white'/%3E%3Cpath d='M33.4005 203.062C37.2155 202.945 40.5194 199.95 40.7847 196.377C41.0499 192.803 38.1751 190.003 34.3601 190.12C30.5491 190.241 27.2412 193.233 26.976 196.806C26.7107 200.379 29.5856 203.18 33.4005 203.062Z' fill='white'/%3E%3Cpath d='M59.699 201.085C62.8313 200.987 65.5462 198.53 65.7608 195.596C65.9792 192.663 63.6193 190.362 60.4869 190.459C57.3546 190.557 54.6397 193.014 54.4252 195.947C54.2067 198.881 56.5667 201.182 59.699 201.085Z' fill='white'/%3E%3Cpath d='M85.9982 199.041C88.405 198.966 90.4958 197.075 90.6635 194.816C90.8312 192.557 89.0135 190.79 86.6067 190.865C84.2 190.939 82.1091 192.831 81.9414 195.089C81.7737 197.348 83.5914 199.115 85.9982 199.041Z' fill='white'/%3E%3Cpath d='M112.313 196.794C113.877 196.743 115.235 195.514 115.344 194.048C115.453 192.581 114.271 191.43 112.707 191.481C111.143 191.532 109.785 192.761 109.676 194.227C109.567 195.694 110.749 196.845 112.313 196.794Z' fill='white'/%3E%3Cpath d='M138.635 194.477C139.318 194.457 139.911 193.919 139.957 193.279C140.004 192.64 139.489 192.14 138.807 192.16C138.124 192.179 137.531 192.718 137.484 193.357C137.438 193.997 137.952 194.496 138.635 194.477Z' fill='white'/%3E%3Cpath d='M164.922 192.569C164.961 192.569 164.996 192.538 165 192.499C165.004 192.46 164.973 192.433 164.934 192.433C164.895 192.433 164.86 192.464 164.856 192.503C164.852 192.542 164.883 192.569 164.922 192.569Z' fill='white'/%3E%3Cpath d='M5.30697 229.264C9.60172 229.131 13.327 225.757 13.6234 221.731C13.9238 217.706 10.6822 214.55 6.38749 214.686C2.09275 214.819 -1.63249 218.193 -1.92894 222.219C-2.2293 226.244 1.01223 229.4 5.30697 229.264Z' fill='white'/%3E%3Cpath d='M31.5866 227.489C35.3196 227.372 38.5573 224.442 38.8147 220.943C39.0761 217.444 36.2597 214.702 32.5267 214.819C28.7937 214.936 25.556 217.866 25.2986 221.365C25.0411 224.864 27.8536 227.606 31.5866 227.489Z' fill='white'/%3E%3Cpath d='M57.8775 225.582C60.9669 225.484 63.6467 223.058 63.8613 220.163C64.0758 217.269 61.747 214.995 58.6537 215.092C55.5643 215.19 52.8845 217.616 52.67 220.511C52.4554 223.409 54.7842 225.679 57.8775 225.582Z' fill='white'/%3E%3Cpath d='M84.1847 223.471C86.5135 223.397 88.5302 221.572 88.694 219.387C88.8579 217.203 87.0986 215.494 84.7738 215.568C82.445 215.642 80.4283 217.468 80.2645 219.652C80.1006 221.837 81.8599 223.545 84.1847 223.471Z' fill='white'/%3E%3Cpath d='M110.495 221.291C112.02 221.244 113.343 220.046 113.448 218.615C113.553 217.183 112.403 216.063 110.878 216.11C109.352 216.157 108.03 217.355 107.925 218.786C107.819 220.218 108.97 221.337 110.495 221.287V221.291Z' fill='white'/%3E%3Cpath d='M136.813 218.974C137.457 218.954 138.011 218.451 138.057 217.846C138.104 217.242 137.617 216.774 136.977 216.793C136.333 216.813 135.779 217.316 135.733 217.92C135.686 218.525 136.173 218.993 136.813 218.974Z' fill='white'/%3E%3Cpath d='M3.51221 253.418C7.5651 253.293 11.0797 250.11 11.3645 246.306C11.6453 242.507 8.591 239.531 4.5342 239.656C0.481307 239.78 -3.03329 242.963 -3.31804 246.763C-3.5989 250.562 -0.540692 253.538 3.51221 253.414V253.418Z' fill='white'/%3E%3Cpath d='M29.7923 251.646C33.2835 251.537 36.3144 248.795 36.5562 245.522C36.7981 242.249 34.1651 239.683 30.6739 239.792C27.1827 239.901 24.1557 242.643 23.9099 245.916C23.6681 249.189 26.3011 251.756 29.7923 251.646Z' fill='white'/%3E%3Cpath d='M56.0795 249.809C58.97 249.719 61.4742 247.449 61.6771 244.742C61.8799 242.035 59.6994 239.909 56.8089 240.002C53.9185 240.096 51.4142 242.362 51.2113 245.07C51.0085 247.777 53.189 249.903 56.0795 249.809Z' fill='white'/%3E%3Cpath d='M82.3787 247.765C84.5475 247.699 86.4238 245.994 86.5759 243.966C86.7281 241.937 85.0936 240.342 82.9248 240.408C80.756 240.475 78.8797 242.179 78.7276 244.208C78.5755 246.24 80.2099 247.831 82.3787 247.765Z' fill='white'/%3E%3Cpath d='M108.693 245.515C110.02 245.472 111.166 244.434 111.26 243.194C111.354 241.953 110.355 240.978 109.029 241.021C107.703 241.064 106.556 242.101 106.462 243.346C106.368 244.59 107.371 245.561 108.693 245.518V245.515Z' fill='white'/%3E%3Cpath d='M135.008 243.268C135.487 243.252 135.909 242.874 135.94 242.421C135.971 241.969 135.612 241.617 135.128 241.629C134.649 241.645 134.227 242.023 134.196 242.476C134.165 242.928 134.528 243.279 135.008 243.268Z' fill='white'/%3E%3Cpath d='M1.73802 277.301C5.38914 277.188 8.55655 274.321 8.814 270.896C9.06755 267.472 6.31362 264.792 2.6625 264.905C-0.988615 265.018 -4.15604 267.885 -4.41349 271.31C-4.66704 274.735 -1.91309 277.415 1.73802 277.301Z' fill='white'/%3E%3Cpath d='M28.0093 275.668C31.1806 275.57 33.9306 273.077 34.1491 270.105C34.3714 267.133 31.9764 264.804 28.8089 264.901C25.6376 264.999 22.8876 267.492 22.6691 270.464C22.4507 273.436 24.8419 275.765 28.0093 275.668Z' fill='white'/%3E%3Cpath d='M54.2967 273.76C56.8244 273.682 59.0166 271.696 59.1961 269.325C59.3755 266.953 57.4641 265.096 54.9364 265.174C52.4087 265.252 50.2165 267.238 50.0371 269.609C49.8576 271.981 51.769 273.838 54.2967 273.76Z' fill='white'/%3E%3Cpath d='M80.5957 271.782C82.4407 271.723 84.0439 270.276 84.1727 268.544C84.3014 266.812 82.9088 265.459 81.0638 265.513C79.2187 265.572 77.6155 267.019 77.4868 268.751C77.358 270.483 78.7506 271.836 80.5957 271.782Z' fill='white'/%3E%3Cpath d='M106.902 269.601C107.948 269.57 108.853 268.751 108.923 267.772C108.993 266.793 108.209 266.028 107.164 266.06C106.118 266.091 105.213 266.91 105.143 267.889C105.073 268.868 105.857 269.633 106.902 269.601Z' fill='white'/%3E%3Cpath d='M133.213 267.421C133.455 267.413 133.661 267.226 133.681 267C133.7 266.773 133.517 266.598 133.275 266.606C133.033 266.614 132.827 266.801 132.807 267.027C132.788 267.253 132.971 267.429 133.213 267.421Z' fill='white'/%3E%3Cpath d='M-0.0254006 301.049C3.14592 300.952 5.89596 298.459 6.1144 295.491C6.33675 292.518 3.94558 290.19 0.774252 290.287C-2.39707 290.385 -5.14711 292.877 -5.36555 295.85C-5.5879 298.822 -3.19672 301.151 -0.0254006 301.053V301.049Z' fill='white'/%3E%3Cpath d='M26.242 299.415C28.9296 299.333 31.2622 297.219 31.4495 294.699C31.6367 292.179 29.6083 290.202 26.9207 290.287C24.2331 290.373 21.9004 292.484 21.7132 295.003C21.5259 297.523 23.5543 299.501 26.242 299.415Z' fill='white'/%3E%3Cpath d='M52.5296 297.574C54.6166 297.508 56.4265 295.869 56.5709 293.915C56.7152 291.961 55.1432 290.424 53.0563 290.49C50.9694 290.557 49.1594 292.195 49.0151 294.149C48.8707 296.107 50.4427 297.64 52.5296 297.574Z' fill='white'/%3E%3Cpath d='M78.8246 295.6C80.2289 295.557 81.446 294.453 81.5435 293.135C81.641 291.816 80.58 290.787 79.1757 290.829C77.7714 290.872 76.5544 291.976 76.453 293.295C76.3516 294.613 77.4165 295.643 78.8207 295.6H78.8246Z' fill='white'/%3E%3Cpath d='M105.131 293.486C105.775 293.466 106.329 292.963 106.376 292.358C106.423 291.754 105.935 291.286 105.295 291.305C104.656 291.325 104.098 291.828 104.051 292.433C104.004 293.037 104.492 293.505 105.131 293.486Z' fill='white'/%3E%3Cpath d='M131.415 291.649C131.454 291.649 131.489 291.618 131.493 291.579C131.497 291.54 131.466 291.512 131.427 291.512C131.388 291.512 131.353 291.543 131.349 291.582C131.345 291.621 131.376 291.649 131.415 291.649Z' fill='white'/%3E%3Cpath d='M-1.76872 324.524C0.758982 324.446 2.95121 322.461 3.13065 320.089C3.31008 317.717 1.39869 315.861 -1.12901 315.943C-3.6567 316.021 -5.84894 318.006 -6.02837 320.378C-6.20781 322.749 -4.29641 324.606 -1.76872 324.528V324.524Z' fill='white'/%3E%3Cpath d='M24.4945 322.96C26.5814 322.894 28.3914 321.256 28.5357 319.301C28.68 317.343 27.108 315.81 25.0211 315.877C22.9342 315.943 21.1242 317.581 20.9799 319.535C20.8356 321.49 22.4076 323.027 24.4945 322.96Z' fill='white'/%3E%3Cpath d='M50.7745 321.185C52.2997 321.138 53.6221 319.941 53.7274 318.509C53.8328 317.078 52.682 315.958 51.1568 316.009C49.6316 316.056 48.3093 317.253 48.204 318.685C48.0986 320.113 49.2493 321.236 50.7745 321.185Z' fill='white'/%3E%3Cpath d='M77.065 319.278C77.9466 319.251 78.715 318.556 78.7735 317.729C78.832 316.902 78.1689 316.255 77.2873 316.282C76.4058 316.309 75.6373 317.004 75.5788 317.831C75.5203 318.658 76.1834 319.305 77.065 319.278Z' fill='white'/%3E%3Cpath d='M103.36 317.304C103.559 317.296 103.734 317.14 103.75 316.953C103.766 316.766 103.614 316.617 103.411 316.625C103.212 316.633 103.036 316.789 103.021 316.976C103.005 317.164 103.157 317.312 103.36 317.304Z' fill='white'/%3E%3Cpath d='M-3.5088 347.933C-1.66374 347.874 -0.0605297 346.427 0.0681953 344.695C0.196921 342.963 -1.19564 341.61 -3.0407 341.664C-4.88577 341.723 -6.489 343.17 -6.61772 344.902C-6.74645 346.634 -5.35386 347.987 -3.5088 347.933Z' fill='white'/%3E%3Cpath d='M22.7548 346.365C24.1591 346.322 25.3762 345.218 25.4776 343.899C25.579 342.581 24.5141 341.551 23.1098 341.594C21.7055 341.637 20.4885 342.741 20.391 344.059C20.2935 345.378 21.3545 346.408 22.7587 346.365H22.7548Z' fill='white'/%3E%3Cpath d='M49.0308 344.664C49.9124 344.637 50.6808 343.942 50.7393 343.115C50.7978 342.289 50.1347 341.641 49.2531 341.668C48.3716 341.696 47.6031 342.39 47.5446 343.217C47.4861 344.044 48.1492 344.691 49.0308 344.664Z' fill='white'/%3E%3Cpath d='M75.318 342.823C75.5988 342.815 75.8407 342.593 75.8602 342.332C75.8797 342.07 75.669 341.864 75.3882 341.871C75.1073 341.879 74.8616 342.101 74.8421 342.363C74.8226 342.624 75.0332 342.831 75.3141 342.823H75.318Z' fill='white'/%3E%3Cpath d='M21.027 369.637C21.6706 369.617 22.2245 369.114 22.2713 368.509C22.3181 367.905 21.8305 367.437 21.1908 367.456C20.5472 367.476 19.9933 367.979 19.9465 368.583C19.8997 369.188 20.3872 369.656 21.027 369.637Z' fill='white'/%3E%3Cpath d='M47.2907 368.069C47.4896 368.061 47.6651 367.905 47.6807 367.718C47.6963 367.53 47.5442 367.382 47.3414 367.39C47.1424 367.398 46.9669 367.554 46.9513 367.741C46.9357 367.928 47.0878 368.076 47.2907 368.069Z' fill='white'/%3E%3Cpath d='M19.2795 393.182C19.3185 393.182 19.3536 393.151 19.3575 393.112C19.3614 393.073 19.3302 393.045 19.2912 393.045C19.2522 393.045 19.2171 393.077 19.2132 393.116C19.2093 393.155 19.2405 393.182 19.2795 393.182Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-size: 100%;
        background-repeat: no-repeat;
        mix-blend-mode: soft-light; }
      .section-flashsale .section-content:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -70px;
        right: -70px;
        background-image: url("data:image/svg+xml,%3Csvg width='254' height='150' viewBox='0 0 254 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg style='mix-blend-mode:soft-light'%3E%3Cpath d='M106.628 5.61984C106.661 5.61984 106.69 5.59346 106.694 5.56047C106.697 5.52748 106.671 5.50439 106.638 5.50439C106.605 5.50439 106.575 5.53078 106.572 5.56377C106.568 5.59675 106.595 5.61984 106.628 5.61984Z' fill='white'/%3E%3Cpath d='M128.652 5.10039C128.786 5.09711 128.904 4.98887 128.914 4.86423C128.924 4.73959 128.822 4.63791 128.688 4.64119C128.553 4.64447 128.435 4.75271 128.425 4.87735C128.416 5.00199 128.517 5.10367 128.652 5.10039Z' fill='white'/%3E%3Cpath d='M150.665 4.75633C151.002 4.74649 151.294 4.48081 151.317 4.16593C151.34 3.85105 151.088 3.60177 150.75 3.61161C150.412 3.62145 150.12 3.88713 150.097 4.20201C150.074 4.51689 150.327 4.76617 150.665 4.75633Z' fill='white'/%3E%3Cpath d='M172.686 4.29686C173.158 4.28374 173.568 3.90982 173.601 3.46702C173.634 3.02422 173.276 2.67654 172.804 2.69294C172.332 2.70606 171.922 3.07998 171.889 3.52278C171.856 3.96558 172.214 4.31326 172.686 4.29686Z' fill='white'/%3E%3Cpath d='M194.718 3.667C195.224 3.6506 195.663 3.25372 195.699 2.77812C195.735 2.30252 195.351 1.93188 194.846 1.94828C194.341 1.96468 193.902 2.36156 193.866 2.83716C193.83 3.31276 194.213 3.6834 194.718 3.667Z' fill='white'/%3E%3Cpath d='M216.763 2.92235C217.235 2.90595 217.645 2.53531 217.678 2.09251C217.711 1.64971 217.353 1.30203 216.881 1.31843C216.409 1.33483 215.999 1.70547 215.966 2.14827C215.933 2.59107 216.291 2.93875 216.763 2.92235Z' fill='white'/%3E%3Cpath d='M238.818 2.00731C239.156 1.99747 239.448 1.73179 239.471 1.41691C239.494 1.10203 239.241 0.852746 238.903 0.862586C238.565 0.872426 238.273 1.13811 238.25 1.45299C238.228 1.76787 238.48 2.01715 238.818 2.00731Z' fill='white'/%3E%3Cpath d='M83.043 27.0764C83.1447 27.0764 83.2333 26.9944 83.2398 26.8993C83.2464 26.8042 83.1709 26.7288 83.0693 26.732C82.9676 26.732 82.879 26.814 82.8725 26.9092C82.8659 27.0043 82.9413 27.0797 83.043 27.0764Z' fill='white'/%3E%3Cpath d='M105.035 27.0176C105.508 27.0044 105.918 26.6305 105.951 26.1877C105.983 25.7449 105.626 25.3972 105.154 25.4136C104.681 25.4268 104.271 25.8007 104.238 26.2435C104.206 26.6863 104.563 27.034 105.035 27.0176Z' fill='white'/%3E%3Cpath d='M127.031 26.9028C127.841 26.8766 128.543 26.2402 128.599 25.4826C128.655 24.7249 128.045 24.1279 127.234 24.1542C126.424 24.1804 125.722 24.8167 125.667 25.5744C125.611 26.3321 126.221 26.929 127.031 26.9028Z' fill='white'/%3E%3Cpath d='M149.034 26.6726C150.113 26.6398 151.051 25.7902 151.127 24.78C151.202 23.7698 150.389 22.976 149.306 23.0088C148.227 23.0416 147.289 23.8911 147.214 24.9014C147.138 25.9116 147.952 26.7054 149.034 26.6726Z' fill='white'/%3E%3Cpath d='M171.056 26.2137C172.269 26.1744 173.325 25.2232 173.407 24.0817C173.489 22.9403 172.574 22.0514 171.361 22.0875C170.147 22.1268 169.091 23.078 169.009 24.2195C168.927 25.3609 169.842 26.2498 171.056 26.2137Z' fill='white'/%3E%3Cpath d='M193.088 25.6401C194.371 25.6007 195.482 24.5938 195.571 23.39C195.66 22.1895 194.692 21.2449 193.409 21.2875C192.127 21.3269 191.015 22.3338 190.927 23.5376C190.838 24.7414 191.806 25.6827 193.088 25.6401Z' fill='white'/%3E%3Cpath d='M215.132 24.8392C216.346 24.7999 217.402 23.8487 217.484 22.7072C217.569 21.5691 216.651 20.6769 215.437 20.713C214.224 20.7491 213.168 21.7035 213.086 22.845C213 23.9831 213.919 24.8753 215.132 24.8392Z' fill='white'/%3E%3Cpath d='M237.188 23.9213C238.267 23.8885 239.205 23.039 239.28 22.0287C239.356 21.0185 238.542 20.2214 237.46 20.2575C236.381 20.2903 235.443 21.1398 235.367 22.1501C235.292 23.1603 236.105 23.9574 237.188 23.9213Z' fill='white'/%3E%3Cpath d='M59.463 48.5343C59.6303 48.5278 59.7779 48.3966 59.791 48.2392C59.8042 48.0817 59.6762 47.9571 59.5057 47.9636C59.3384 47.9702 59.1908 48.1014 59.1777 48.2588C59.1646 48.4163 59.2925 48.5409 59.463 48.5343Z' fill='white'/%3E%3Cpath d='M81.4364 48.7049C82.112 48.6852 82.6959 48.1539 82.7451 47.5208C82.7943 46.8878 82.2826 46.3925 81.6069 46.4122C80.9312 46.4319 80.3474 46.9632 80.2982 47.5963C80.249 48.2293 80.7607 48.7246 81.4364 48.7049Z' fill='white'/%3E%3Cpath d='M103.418 48.7641C104.534 48.728 105.498 47.8555 105.577 46.8125C105.655 45.7694 104.812 44.9494 103.7 44.9855C102.585 45.0216 101.621 45.8941 101.542 46.9404C101.463 47.9867 102.306 48.8034 103.418 48.7674V48.7641Z' fill='white'/%3E%3Cpath d='M125.412 48.7054C126.898 48.6594 128.183 47.4918 128.288 46.101C128.393 44.7103 127.272 43.6181 125.786 43.664C124.3 43.7099 123.014 44.8776 122.909 46.2683C122.804 47.659 123.926 48.7513 125.412 48.7054Z' fill='white'/%3E%3Cpath d='M147.417 48.4753C149.172 48.4196 150.694 47.042 150.815 45.3987C150.937 43.7521 149.615 42.4631 147.86 42.5188C146.105 42.5746 144.583 43.9522 144.462 45.5955C144.34 47.2388 145.662 48.5311 147.417 48.4753Z' fill='white'/%3E%3Cpath d='M169.432 48.072C171.354 48.013 173.023 46.5009 173.158 44.6969C173.292 42.8929 171.839 41.4792 169.917 41.5415C167.992 41.6006 166.326 43.1127 166.191 44.9167C166.057 46.7207 167.51 48.1343 169.432 48.072Z' fill='white'/%3E%3Cpath d='M191.466 47.4422C193.425 47.3798 195.12 45.8448 195.258 44.008C195.396 42.1712 193.917 40.7346 191.962 40.7969C190.004 40.8592 188.308 42.3942 188.17 44.231C188.032 46.0646 189.512 47.5045 191.466 47.4422Z' fill='white'/%3E%3Cpath d='M213.509 46.6976C215.431 46.6386 217.101 45.1265 217.235 43.3258C217.37 41.5251 215.917 40.1081 213.994 40.1704C212.069 40.2295 210.403 41.7416 210.268 43.5423C210.134 45.3463 211.587 46.76 213.509 46.6976Z' fill='white'/%3E%3Cpath d='M235.568 45.7234C237.322 45.6676 238.844 44.29 238.966 42.6467C239.087 41.0034 237.765 39.7111 236.01 39.7669C234.256 39.8226 232.734 41.2002 232.612 42.8435C232.491 44.4868 233.813 45.7791 235.568 45.7234Z' fill='white'/%3E%3Cpath d='M35.8965 69.7625C35.9982 69.7625 36.0868 69.6805 36.0933 69.5854C36.0999 69.4902 36.0245 69.4148 35.9228 69.4181C35.8211 69.4181 35.7325 69.5001 35.726 69.5952C35.7194 69.6903 35.7949 69.7658 35.8965 69.7625Z' fill='white'/%3E%3Cpath d='M57.8621 70.0477C58.5378 70.028 59.1217 69.4966 59.1709 68.8636C59.2201 68.2306 58.7084 67.7353 58.0327 67.755C57.357 67.7746 56.7732 68.306 56.724 68.939C56.6748 69.5721 57.1865 70.0674 57.8621 70.0477Z' fill='white'/%3E%3Cpath d='M79.836 70.2777C81.0529 70.2383 82.1058 69.2871 82.1878 68.1457C82.2698 67.0043 81.3547 66.1154 80.1411 66.1515C78.9274 66.1908 77.8713 67.142 77.7893 68.2835C77.7073 69.4249 78.6224 70.3138 79.836 70.2777Z' fill='white'/%3E%3Cpath d='M101.812 70.3921C103.498 70.3396 104.964 69.0145 105.079 67.4335C105.197 65.8525 103.925 64.6127 102.235 64.6652C100.549 64.7177 99.0833 66.0428 98.9685 67.6237C98.8505 69.2047 100.123 70.4446 101.812 70.3921Z' fill='white'/%3E%3Cpath d='M123.804 70.3329C125.864 70.2673 127.649 68.6535 127.793 66.7216C127.937 64.7897 126.382 63.2809 124.326 63.3432C122.266 63.4088 120.482 65.0225 120.337 66.9545C120.193 68.8864 121.748 70.3952 123.804 70.3329Z' fill='white'/%3E%3Cpath d='M145.804 70.1624C148.165 70.0902 150.215 68.2338 150.379 66.0198C150.543 63.8058 148.762 62.0706 146.401 62.1428C144.039 62.215 141.989 64.0714 141.825 66.2854C141.661 68.4994 143.442 70.2346 145.804 70.1624Z' fill='white'/%3E%3Cpath d='M167.822 69.7588C170.354 69.68 172.549 67.6924 172.726 65.3209C172.903 62.9495 170.994 61.0897 168.462 61.1684C165.93 61.2471 163.735 63.2348 163.558 65.6063C163.381 67.9777 165.29 69.8375 167.822 69.7588Z' fill='white'/%3E%3Cpath d='M189.85 69.1887C192.448 69.1067 194.701 67.0665 194.885 64.6328C195.068 62.199 193.107 60.2868 190.506 60.3688C187.908 60.4508 185.655 62.4909 185.474 64.9247C185.294 67.3584 187.252 69.2707 189.853 69.1887H189.85Z' fill='white'/%3E%3Cpath d='M211.898 68.3852C214.431 68.3065 216.625 66.3188 216.802 63.9474C216.979 61.5759 215.07 59.7162 212.538 59.7949C210.006 59.8736 207.812 61.8613 207.634 64.2327C207.457 66.6042 209.366 68.4639 211.898 68.3852Z' fill='white'/%3E%3Cpath d='M233.957 67.4109C236.319 67.3388 238.368 65.4823 238.532 63.2683C238.696 61.0543 236.915 59.3192 234.554 59.3913C232.192 59.4635 230.142 61.32 229.978 63.534C229.814 65.748 231.595 67.4831 233.957 67.4109Z' fill='white'/%3E%3Cpath d='M256.032 66.2657C258.124 66.2001 259.938 64.5568 260.086 62.5954C260.23 60.6339 258.652 59.0956 256.56 59.1612C254.467 59.2268 252.653 60.8701 252.506 62.8315C252.358 64.793 253.939 66.3313 256.032 66.2657Z' fill='white'/%3E%3Cpath d='M12.3337 90.9948C12.3667 90.9948 12.3964 90.9684 12.3997 90.9355C12.403 90.9025 12.3766 90.8794 12.3436 90.8794C12.3106 90.8794 12.2809 90.9058 12.2776 90.9388C12.2743 90.9718 12.3007 90.9948 12.3337 90.9948Z' fill='white'/%3E%3Cpath d='M34.3157 91.0493C34.7881 91.0362 35.1981 90.6623 35.2309 90.2195C35.2637 89.7767 34.9061 89.429 34.4338 89.4454C33.9615 89.4585 33.5515 89.8324 33.5187 90.2752C33.4859 90.718 33.8434 91.0657 34.3157 91.0493Z' fill='white'/%3E%3Cpath d='M56.2748 91.4501C57.39 91.414 58.3544 90.5416 58.4331 89.4985C58.5118 88.4555 57.6721 87.6355 56.5569 87.6716C55.4417 87.7076 54.4774 88.5801 54.3987 89.6264C54.3199 90.6695 55.1596 91.4895 56.2748 91.4534V91.4501Z' fill='white'/%3E%3Cpath d='M78.2416 91.7353C79.9308 91.6828 81.3937 90.3577 81.5085 88.7768C81.6266 87.1958 80.3539 85.956 78.6647 86.0084C76.9788 86.0609 75.5126 87.386 75.3978 88.967C75.283 90.548 76.5524 91.7878 78.2416 91.7353Z' fill='white'/%3E%3Cpath d='M100.214 91.9058C102.409 91.8369 104.311 90.1149 104.462 88.0583C104.613 86.0017 102.96 84.3913 100.765 84.4601C98.571 84.529 96.6686 86.251 96.5178 88.3076C96.3636 90.3642 98.02 91.9746 100.214 91.9058Z' fill='white'/%3E%3Cpath d='M122.204 91.906C124.801 91.824 127.055 89.7838 127.235 87.35C127.416 84.9163 125.457 83.004 122.856 83.086C120.259 83.168 118.005 85.2082 117.821 87.642C117.638 90.0757 119.599 91.988 122.2 91.906H122.204Z' fill='white'/%3E%3Cpath d='M144.202 91.7357C147.105 91.6438 149.621 89.3675 149.824 86.6451C150.028 83.9227 147.837 81.794 144.934 81.8825C142.031 81.9744 139.515 84.2507 139.312 86.9731C139.109 89.6922 141.3 91.8242 144.202 91.7357Z' fill='white'/%3E%3Cpath d='M166.215 91.3908C169.321 91.2924 172.014 88.8554 172.227 85.946C172.443 83.0367 170.101 80.7538 166.995 80.8522C163.889 80.9506 161.196 83.3876 160.98 86.297C160.763 89.2064 163.105 91.4892 166.211 91.3908H166.215Z' fill='white'/%3E%3Cpath d='M191.137 90.0294C194.004 88.4732 195.213 85.1555 193.836 82.6193C192.46 80.083 189.019 79.2886 186.152 80.8448C183.284 82.401 182.076 85.7186 183.452 88.2549C184.829 90.7911 188.269 91.5856 191.137 90.0294Z' fill='white'/%3E%3Cpath d='M210.291 90.0129C213.397 89.9145 216.09 87.4775 216.303 84.5681C216.52 81.6587 214.178 79.3759 211.072 79.4743C207.965 79.5727 205.273 82.0097 205.059 84.9191C204.846 87.8284 207.185 90.1113 210.291 90.0129Z' fill='white'/%3E%3Cpath d='M232.356 88.9832C235.259 88.8914 237.774 86.6151 237.978 83.8927C238.181 81.1703 235.99 79.0415 233.087 79.1301C230.184 79.2219 227.669 81.4983 227.465 84.2207C227.262 86.9398 229.453 89.0718 232.356 88.9832Z' fill='white'/%3E%3Cpath d='M254.427 87.8352C257.061 87.7532 259.344 85.6868 259.525 83.2202C259.708 80.7537 257.724 78.8185 255.09 78.9005C252.456 78.9825 250.173 81.0489 249.993 83.5154C249.812 85.982 251.794 87.9172 254.427 87.8352Z' fill='white'/%3E%3Cpath d='M10.7885 111.822C10.923 111.818 11.0411 111.71 11.0509 111.585C11.0607 111.461 10.9591 111.359 10.8246 111.362C10.6901 111.366 10.572 111.474 10.5622 111.599C10.5523 111.723 10.654 111.825 10.7885 111.822Z' fill='white'/%3E%3Cpath d='M32.7372 112.278C33.5473 112.252 34.2492 111.616 34.305 110.858C34.3608 110.1 33.7507 109.503 32.9405 109.53C32.1304 109.556 31.4284 110.192 31.3727 110.95C31.3169 111.708 31.927 112.305 32.7372 112.278Z' fill='white'/%3E%3Cpath d='M54.694 112.737C56.1799 112.691 57.4656 111.523 57.5706 110.133C57.6755 108.742 56.5538 107.65 55.0679 107.696C53.5821 107.742 52.2963 108.909 52.1914 110.3C52.0864 111.691 53.2082 112.783 54.694 112.737Z' fill='white'/%3E%3Cpath d='M76.6569 113.022C78.7168 112.957 80.5011 111.343 80.6454 109.411C80.7897 107.482 79.235 105.97 77.1784 106.033C75.1186 106.098 73.3343 107.712 73.19 109.644C73.0456 111.576 74.6004 113.085 76.6569 113.022Z' fill='white'/%3E%3Cpath d='M98.6296 113.249C101.227 113.167 103.481 111.127 103.661 108.693C103.842 106.256 101.883 104.347 99.2823 104.429C96.6845 104.511 94.4312 106.551 94.2508 108.985C94.0704 111.422 96.0286 113.331 98.6296 113.249Z' fill='white'/%3E%3Cpath d='M120.613 113.308C123.65 113.212 126.284 110.828 126.497 107.981C126.71 105.134 124.417 102.903 121.38 102.999C118.343 103.094 115.709 105.478 115.496 108.325C115.286 111.172 117.575 113.403 120.613 113.308Z' fill='white'/%3E%3Cpath d='M142.612 113.134C145.954 113.029 148.851 110.405 149.084 107.276C149.316 104.147 146.797 101.69 143.455 101.795C140.113 101.9 137.217 104.524 136.984 107.653C136.751 110.782 139.27 113.239 142.612 113.134Z' fill='white'/%3E%3Cpath d='M164.621 112.849C168.199 112.738 171.299 109.93 171.548 106.574C171.797 103.222 169.098 100.595 165.523 100.707C161.944 100.818 158.841 103.626 158.592 106.981C158.343 110.333 161.042 112.964 164.618 112.849H164.621Z' fill='white'/%3E%3Cpath d='M186.649 112.275C190.294 112.16 193.455 109.3 193.708 105.882C193.961 102.464 191.212 99.7877 187.568 99.9025C183.924 100.017 180.762 102.877 180.509 106.295C180.257 109.713 183.005 112.389 186.649 112.275Z' fill='white'/%3E%3Cpath d='M208.697 111.471C212.275 111.36 215.375 108.552 215.624 105.197C215.874 101.844 213.174 99.2171 209.599 99.3286C206.02 99.4401 202.918 102.248 202.668 105.603C202.419 108.955 205.118 111.583 208.694 111.471H208.697Z' fill='white'/%3E%3Cpath d='M230.762 110.441C234.137 110.336 237.063 107.686 237.299 104.524C237.535 101.362 234.99 98.8826 231.615 98.9876C228.24 99.0925 225.314 101.743 225.078 104.905C224.842 108.067 227.387 110.546 230.762 110.441Z' fill='white'/%3E%3Cpath d='M252.843 109.182C255.88 109.086 258.514 106.702 258.727 103.855C258.937 101.008 256.648 98.7774 253.611 98.8726C250.573 98.9677 247.939 101.352 247.726 104.199C247.516 107.046 249.806 109.277 252.843 109.182Z' fill='white'/%3E%3Cpath d='M9.22709 132.82C9.56493 132.81 9.85685 132.545 9.87981 132.23C9.90277 131.915 9.65021 131.666 9.31237 131.676C8.97453 131.685 8.68261 131.951 8.65965 132.266C8.63669 132.581 8.88925 132.83 9.22709 132.82Z' fill='white'/%3E%3Cpath d='M31.17 133.391C32.2491 133.359 33.1872 132.509 33.2626 131.499C33.3381 130.489 32.5246 129.695 31.4422 129.728C30.3631 129.76 29.425 130.61 29.3496 131.62C29.2741 132.63 30.0876 133.424 31.17 133.391Z' fill='white'/%3E%3Cpath d='M53.1232 133.85C54.878 133.795 56.3999 132.417 56.5213 130.774C56.6426 129.13 55.3208 127.838 53.566 127.894C51.8112 127.95 50.2892 129.327 50.1679 130.97C50.0465 132.614 51.3684 133.906 53.1232 133.85Z' fill='white'/%3E%3Cpath d='M75.0858 134.191C77.4474 134.119 79.4974 132.263 79.6614 130.049C79.8254 127.835 78.0444 126.099 75.6828 126.172C73.3212 126.244 71.2712 128.1 71.1072 130.314C70.9432 132.528 72.7242 134.263 75.0858 134.191Z' fill='white'/%3E%3Cpath d='M97.0559 134.422C99.9587 134.33 102.474 132.054 102.678 129.331C102.881 126.612 100.69 124.48 97.7874 124.569C94.8846 124.657 92.3688 126.937 92.1654 129.659C91.9621 132.382 94.1531 134.51 97.0559 134.422Z' fill='white'/%3E%3Cpath d='M119.038 134.48C122.38 134.375 125.277 131.751 125.509 128.622C125.742 125.489 123.223 123.036 119.881 123.141C116.539 123.246 113.642 125.87 113.409 128.999C113.177 132.131 115.696 134.585 119.038 134.48Z' fill='white'/%3E%3Cpath d='M144.413 133.499C147.767 131.679 149.181 127.797 147.57 124.829C145.96 121.861 141.935 120.932 138.58 122.752C135.225 124.573 133.812 128.455 135.422 131.422C137.033 134.39 141.058 135.32 144.413 133.499Z' fill='white'/%3E%3Cpath d='M163.04 134.133C166.989 134.008 170.413 130.909 170.689 127.209C170.964 123.509 167.986 120.606 164.037 120.731C160.088 120.856 156.663 123.955 156.388 127.655C156.112 131.355 159.091 134.258 163.04 134.133Z' fill='white'/%3E%3Cpath d='M185.068 133.562C189.086 133.437 192.566 130.282 192.848 126.52C193.127 122.754 190.1 119.805 186.082 119.93C182.064 120.055 178.584 123.21 178.305 126.972C178.026 130.734 181.054 133.686 185.072 133.562H185.068Z' fill='white'/%3E%3Cpath d='M207.117 132.758C211.066 132.633 214.49 129.534 214.766 125.834C215.041 122.134 212.063 119.231 208.114 119.356C204.165 119.481 200.74 122.58 200.465 126.28C200.189 129.98 203.168 132.883 207.117 132.758Z' fill='white'/%3E%3Cpath d='M232.571 130.749C235.925 128.929 237.339 125.047 235.729 122.079C234.118 119.112 230.093 118.182 226.738 120.002C223.383 121.823 221.97 125.705 223.58 128.672C225.191 131.64 229.216 132.57 232.571 130.749Z' fill='white'/%3E%3Cpath d='M251.266 130.41C254.641 130.305 257.567 127.655 257.803 124.493C258.039 121.331 255.494 118.851 252.119 118.956C248.744 119.061 245.818 121.712 245.582 124.873C245.345 128.035 247.891 130.515 251.266 130.41Z' fill='white'/%3E%3Cpath d='M51.5686 154.793C53.4907 154.734 55.1602 153.222 55.2947 151.422C55.4292 149.618 53.9761 148.204 52.0541 148.266C50.1287 148.325 48.4624 149.837 48.328 151.641C48.1935 153.445 49.6465 154.859 51.5686 154.797V154.793Z' fill='white'/%3E%3Cpath d='M73.5313 155.134C76.0634 155.056 78.2578 153.068 78.4349 150.696C78.612 148.325 76.703 146.465 74.1709 146.544C71.6387 146.623 69.4444 148.61 69.2673 150.982C69.0901 153.353 70.9991 155.213 73.5313 155.134Z' fill='white'/%3E%3Cpath d='M95.4974 155.423C98.6036 155.325 101.296 152.888 101.51 149.978C101.723 147.069 99.3842 144.786 96.2781 144.884C93.1719 144.983 90.479 147.42 90.2658 150.329C90.0493 153.239 92.3913 155.521 95.4974 155.423Z' fill='white'/%3E%3Cpath d='M117.473 155.534C121.052 155.423 124.151 152.615 124.401 149.26C124.65 145.907 121.951 143.28 118.375 143.392C114.797 143.503 111.694 146.311 111.445 149.666C111.195 153.018 113.895 155.646 117.47 155.534H117.473Z' fill='white'/%3E%3Cpath d='M139.466 155.479C143.416 155.354 146.84 152.254 147.115 148.555C147.391 144.855 144.413 141.952 140.464 142.077C136.514 142.201 133.09 145.301 132.815 149.001C132.539 152.701 135.517 155.603 139.466 155.479Z' fill='white'/%3E%3Cpath d='M161.472 155.249C165.69 155.118 169.347 151.805 169.643 147.85C169.938 143.894 166.753 140.798 162.535 140.929C158.317 141.06 154.656 144.373 154.364 148.329C154.072 152.284 157.254 155.381 161.472 155.249Z' fill='white'/%3E%3Cpath d='M183.497 154.731C187.817 154.597 191.562 151.205 191.864 147.154C192.166 143.107 188.906 139.932 184.586 140.066C180.266 140.201 176.52 143.592 176.219 147.643C175.917 151.69 179.177 154.866 183.497 154.731Z' fill='white'/%3E%3Cpath d='M205.549 153.871C209.767 153.74 213.424 150.427 213.719 146.472C214.014 142.516 210.829 139.42 206.611 139.551C202.393 139.682 198.733 142.995 198.441 146.951C198.146 150.906 201.331 154.003 205.549 153.871Z' fill='white'/%3E%3Cpath d='M227.617 152.783C231.599 152.658 235.053 149.532 235.332 145.8C235.611 142.067 232.606 139.141 228.624 139.266C224.642 139.391 221.188 142.517 220.91 146.249C220.631 149.982 223.635 152.908 227.617 152.783Z' fill='white'/%3E%3Cpath d='M249.704 151.409C253.282 151.297 256.382 148.489 256.631 145.134C256.88 141.782 254.181 139.155 250.606 139.266C247.027 139.378 243.924 142.185 243.675 145.541C243.426 148.893 246.125 151.52 249.701 151.409H249.704Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
        background-size: 100%;
        background-repeat: no-repeat;
        mix-blend-mode: soft-light;
        width: 254px;
        height: 150px; }
      .section-flashsale .box-action {
        display: inline-flex; }
      .section-flashsale .box-tabcontent .action {
        display: none; }
      .section-flashsale .box-tablist .tablist .tabitem {
        padding: 10px 20px;
        width: 100%; }
        .section-flashsale .box-tablist .tablist .tabitem h2 {
          font-size: 18px; } }
  @media (min-width: 1220px) {
    .section-flashsale .section-wrapper {
      padding: 60px 70px; }
    .section-flashsale .section-heading {
      gap: 16px 30px; }
    .section-flashsale .box-countdown .box-countdown--wrapper .box-countdown--inner {
      gap: 4px; }
      .section-flashsale .box-countdown .box-countdown--wrapper .box-countdown--inner > div {
        font-size: 18px;
        width: 35px;
        height: 35px; }
    .section-flashsale .box-tablist .tablist {
      gap: 16px; }
      .section-flashsale .box-tablist .tablist .tabitem {
        padding: 10px 30px;
        width: auto; }
        .section-flashsale .box-tablist .tablist .tabitem h2 {
          font-size: 24px; } }

.section-collection {
  display: flex;
  flex-direction: column;
  gap: 35px; }
  .section-collection > div {
    width: 100%; }
  .section-collection .section-collection--banner {
    position: relative;
    overflow: hidden; }
    .section-collection .section-collection--banner .box-banner {
      display: flex;
      position: relative;
      overflow: hidden;
      padding-bottom: calc(500/1000 * 100%); }
      .section-collection .section-collection--banner .box-banner img {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .section-collection .section-collection--banner .box-banner:before {
        content: '';
        background: linear-gradient(270deg, transparent 30.49%, rgba(0, 0, 0, 0.3) 75.07%);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 2; }
    .section-collection .section-collection--banner .box-content {
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center; }
      .section-collection .section-collection--banner .box-content h2 {
        margin-bottom: 16px;
        color: #fff;
        font-size: 24px;
        font-weight: 700; }
      .section-collection .section-collection--banner .box-content .buttons {
        display: flex;
        gap: 8px;
        align-items: center; }
        .section-collection .section-collection--banner .box-content .buttons a.btn-gradient svg {
          display: none; }
    @media (min-width: 568px) {
      .section-collection .section-collection--banner .box-banner {
        padding-bottom: calc(300/1000 * 100%); } }
    @media (min-width: 992px) {
      .section-collection .section-collection--banner .box-banner {
        padding-bottom: calc(330/1920 * 100%); }
      .section-collection .section-collection--banner .box-content h2 {
        font-size: 48px; }
      .section-collection .section-collection--banner .box-content .buttons {
        gap: 16px; } }
  .section-collection .section-collection--inner .section-heading {
    flex-direction: column;
    display: flex;
    gap: 16px; }
    .section-collection .section-collection--inner .section-heading h2 {
      width: 100%; }
    .section-collection .section-collection--inner .section-heading .menu {
      width: 100%;
      overflow: hidden; }
      .section-collection .section-collection--inner .section-heading .menu ul {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
        overflow-x: scroll; }
      .section-collection .section-collection--inner .section-heading .menu ul::-webkit-scrollbar {
        display: none; }
      .section-collection .section-collection--inner .section-heading .menu ul li a {
        display: inline-flex;
        padding: 6px 20px;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
        border: 1px solid #000;
        color: #052C4A;
        font-weight: 500;
        white-space: nowrap; }
        .section-collection .section-collection--inner .section-heading .menu ul li a:hover {
          border: 1px solid #052C4A;
          background: #052C4A;
          color: #fff; }
  .section-collection .section-collection--inner .section-action {
    text-align: center; }
  @media (min-width: 992px) {
    .section-collection .section-collection--inner .section-heading {
      gap: 24px; }
      .section-collection .section-collection--inner .section-heading .menu ul {
        flex-wrap: wrap;
        overflow: hidden; }
      .section-collection .section-collection--inner .section-heading .menu ul li a {
        padding: 8px 24px; } }

.section-video .list-video {
  display: flex;
  gap: 16px;
  flex-direction: column; }
  .section-video .list-video .item {
    width: 100%; }
  .section-video .list-video .col-left {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    --height: 460;
    --width: 795; }
  .section-video .list-video .col-right {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    gap: 16px;
    flex-direction: row;
    --height: 220;
    --width: 390; }
    .section-video .list-video .col-right > div {
      -ms-flex: 0 0 calc((100% - 16px) /2);
      flex: 0 0 calc((100% - 16px) /2);
      max-width: calc((100% - 16px) /2); }

@media (min-width: 992px) {
  .section-video .list-video {
    flex-direction: row; }
    .section-video .list-video .col-left {
      -ms-flex: 0 0 calc(67% - 8px);
      flex: 0 0 calc(67% - 8px);
      max-width: calc(67% - 8px);
      --height: 460;
      --width: 795; }
    .section-video .list-video .col-right {
      -ms-flex: 0 0 33%;
      flex: 0 0 33%;
      max-width: 33%;
      display: flex;
      gap: 16px;
      flex-direction: column;
      --height: 220;
      --width: 390; }
      .section-video .list-video .col-right > div {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 100%; } }

.section-feedback .box {
  border-radius: 4px;
  border: 1px solid #E9ECF2;
  background: #FFF;
  overflow: hidden;
  position: relative;
  padding: 12px; }
  .section-feedback .box .thumb {
    --height: 545;
    --width: 410; }

.section-feedback .slider-feedback:not(.swiper-initialized) .swiper-wrapper {
  gap: 8px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .section-feedback .slider-feedback:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.section-feedback .slider-feedback:not(.swiper-initialized) .swiper-slide {
  -webkit-flex: 0 0 calc(44% - 8px);
  flex: 0 0 calc(44% - 8px);
  max-width: calc(44% - 8px); }

@media (min-width: 992px) {
  .section-feedback .slider-feedback:not(.swiper-initialized) .swiper-wrapper {
    gap: 16px; }
  .section-feedback .slider-feedback:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (16px*3))/4);
    flex: 0 0 calc((100% - (16px*3))/4);
    max-width: calc((100% - (16px*3))/4); } }

.section-partner .box-card {
  position: relative;
  overflow: hidden;
  order-radius: 4px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  padding: 25px 0; }
  .section-partner .box-card .thumb {
    position: relative;
    overflow: hidden;
    padding-bottom: calc(55/180 * 100%); }
    .section-partner .box-card .thumb img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain; }

.section-partner .slider-partner:not(.swiper-initialized) .swiper-wrapper {
  gap: 8px;
  overflow-x: scroll;
  overflow-y: hidden; }
  .section-partner .slider-partner:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.section-partner .slider-partner:not(.swiper-initialized) .swiper-slide {
  -webkit-flex: 0 0 calc(40% - 8px);
  flex: 0 0 calc(40% - 8px);
  max-width: calc(40% - 8px); }

@media (min-width: 768px) {
  .section-partner .slider-partner:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (8px*3))/4);
    flex: 0 0 calc((100% - (8px*3))/4);
    max-width: calc((100% - (8px*3))/4); } }

@media (min-width: 992px) {
  .section-partner .slider-partner:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (8px*5))/6);
    flex: 0 0 calc((100% - (8px*5))/6);
    max-width: calc((100% - (8px*5))/6); } }

@media (min-width: 1024px) {
  .section-partner .slider-partner:not(.swiper-initialized) .swiper-wrapper {
    gap: 16px; }
  .section-partner .slider-partner:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc((100% - (16px*5))/6);
    flex: 0 0 calc((100% - (16px*5))/6);
    max-width: calc((100% - (16px*5))/6); } }

/*---------------------------------------*/
/*----- MODAL -----*/
/*---------------------------------------*/
.modal-account .modal-content {
  border-radius: 15px; }
  .modal-account .modal-content .modal-body {
    overflow: hidden; }
    .modal-account .modal-content .modal-body h5 {
      margin-top: 10px; }
    .modal-account .modal-content .modal-body button {
      background: #323232;
      border-radius: 0;
      width: 100%;
      border: none;
      padding-top: 10px;
      padding-bottom: 10px;
      color: #fff; }
    .modal-account .modal-content .modal-body > .row > div:first-child {
      border-right: 1px solid #e1e1e1; }
    .modal-account .modal-content .modal-body .modalLogo {
      margin-bottom: 15px; }
    .modal-account .modal-content .modal-body .nav-pills .nav-link.active {
      background: rgba(0, 0, 0, 0.03);
      color: #323232; }
    .modal-account .modal-content .modal-body .login-form-body button {
      background-color: #FF234F; }

.modal-account a.closeModal {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }
  .modal-account a.closeModal i {
    font-size: 18px;
    font-weight: 700; }

.modal-account #wrap-social-login-plus {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px; }
  .modal-account #wrap-social-login-plus button {
    flex: 0 0 49%;
    display: flex !important;
    justify-content: center;
    padding: 0 !important;
    font-weight: 400 !important; }

.modal-wishlist {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all .5s;
  transform: translateY(100%); }
  .modal-wishlist .modal-wishlist-header {
    background: #052C4A;
    padding: 5px 0; }
    .modal-wishlist .modal-wishlist-header .container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      justify-content: space-between; }
      .modal-wishlist .modal-wishlist-header .container h3, .modal-wishlist .modal-wishlist-header .container button {
        color: #fff; }
      .modal-wishlist .modal-wishlist-header .container h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 0; }
        @media (max-width: 360px) {
          .modal-wishlist .modal-wishlist-header .container h3 {
            font-size: 15px; } }
  .modal-wishlist .modal-wishlist-body {
    padding: 20px 1px;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto; }
    @media (max-width: 768px) {
      .modal-wishlist .modal-wishlist-body {
        margin-left: -7.5px;
        margin-right: -7.5px; } }
    @media (min-width: 768px) {
      .modal-wishlist .modal-wishlist-body {
        margin-left: -10px;
        margin-right: -10px; } }
    .modal-wishlist .modal-wishlist-body .product-loop--small {
      width: calc(100%/3);
      margin: 0; }
      @media (max-width: 768px) {
        .modal-wishlist .modal-wishlist-body .product-loop--small {
          min-width: 100%; } }
      .modal-wishlist .modal-wishlist-body .product-loop--small .product-loop--wrap {
        padding: 10px 5px; }
        .modal-wishlist .modal-wishlist-body .product-loop--small .product-loop--wrap h3 {
          font-size: 14px; }
        .modal-wishlist .modal-wishlist-body .product-loop--small .product-loop--wrap .setWishlist {
          display: none; }
        .modal-wishlist .modal-wishlist-body .product-loop--small .product-loop--wrap .removeWishlist {
          display: inline-block !important; }
    .modal-wishlist .modal-wishlist-body .modal-wishlist-body-error {
      padding: 0 10px; }

.modal-compare {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all .5s;
  transform: translateY(100%);
  display: flex;
  padding: 32px 0;
  flex-direction: column;
  gap: 24px; }
  .modal-compare .container {
    padding: 0 16px; }
  .modal-compare .modal-compare--box-header .modal-compare-header {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between; }
    .modal-compare .modal-compare--box-header .modal-compare-header h3 {
      font-size: 24px;
      font-weight: 500;
      margin: 0; }
    .modal-compare .modal-compare--box-header .modal-compare-header .list-action {
      display: flex;
      gap: 10px;
      align-items: center;
      justify-content: flex-end; }
      .modal-compare .modal-compare--box-header .modal-compare-header .list-action .btn {
        width: auto; }
      .modal-compare .modal-compare--box-header .modal-compare-header .list-action .btn-modal-clear {
        text-decoration: underline;
        font-size: 14px;
        font-weight: 500; }
      .modal-compare .modal-compare--box-header .modal-compare-header .list-action .btn-modal-compare {
        color: #fff; }
      .modal-compare .modal-compare--box-header .modal-compare-header .list-action .btn-modal-close {
        padding: 8px;
        align-items: center;
        gap: 8px;
        border: 1px solid #052C4A;
        border-radius: 2px; }
  .modal-compare .modal-compare-body {
    padding: 0 1px;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    gap: 10px; }
    .modal-compare .modal-compare-body .product-loop--small {
      width: calc((100% - (10px*2))/3); }
      @media (max-width: 768px) {
        .modal-compare .modal-compare-body .product-loop--small {
          min-width: 100%; } }

.modal-contact {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  width: max-content;
  max-width: 90%;
  width: 800px;
  border-radius: 6px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s; }
  .modal-contact .modal-contact-wrap {
    position: relative;
    display: flex;
    flex-direction: column; }
    .modal-contact .modal-contact-wrap .modal-contact-wrap-left {
      width: 100%;
      display: none; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-left .aspect-ratio {
        position: relative;
        overflow: hidden;
        padding-bottom: calc(926/800 * 100%); }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-left img {
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .modal-contact .modal-contact-wrap .modal-contact-wrap-right {
      padding: 40px;
      width: 100%;
      text-align: center;
      background: linear-gradient(76deg, #FFDE28 -31.56%, #FC7F00 41.18%, #E923E6 110.23%), #D9D9D9;
      display: flex;
      align-items: center; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-right .modal-contact-inner p {
        color: #FFF;
        width: 100%; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-right .modal-contact-inner .modal-contact-inner-head h4 {
        color: #FFF;
        font-size: 24px;
        font-weight: 700; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-right .modal-contact-inner .modal-contact-inner-head p {
        text-align: justify;
        font-size: 16px;
        letter-spacing: -0.258px; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-right .modal-contact-inner .modal-contact-inner-form form .form-group {
        margin-bottom: 18px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-right .modal-contact-inner .modal-contact-inner-form form input {
        width: 100%;
        padding: 10px 20px;
        border-radius: 4px;
        border: 1px solid #FFE2E2;
        background: #FFF;
        opacity: 1; }
        .modal-contact .modal-contact-wrap .modal-contact-wrap-right .modal-contact-inner .modal-contact-inner-form form input:-ms-input-placeholder {
          color: #ACACAC; }
        .modal-contact .modal-contact-wrap .modal-contact-wrap-right .modal-contact-inner .modal-contact-inner-form form input::placeholder {
          color: #ACACAC; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-right .modal-contact-inner .modal-contact-inner-form form button {
        display: flex;
        height: 44px;
        padding: 10px 20px;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
        background: #fff;
        font-weight: 700;
        font-size: 16px;
        margin: auto;
        min-width: 190px;
        border: none;
        text-transform: uppercase; }
  .modal-contact .modal-contact-wrap-close {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 30px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
  @media (min-width: 992px) {
    .modal-contact .modal-contact-wrap {
      flex-direction: row-reverse; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-left {
        width: 50%;
        display: block; }
      .modal-contact .modal-contact-wrap .modal-contact-wrap-right {
        width: 50%; }
      .modal-contact .modal-contact-wrap .modal-contact-inner {
        heitgh: 100%; } }

.modal-sizes {
  text-align: center;
  padding: 0 !important;
  background: rgba(3, 17, 27, 0.7); }
  .modal-sizes .modal-header {
    padding: 20px 50px 15px;
    border-bottom: 0; }
  .modal-sizes .modal-header.mdal-border {
    border-bottom: 1px solid #e5e5e5; }
  .modal-sizes .modal-header .mdl-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto;
    line-height: initial; }
  .modal-sizes .modal-header .close-modal-size {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 0;
    margin: 0;
    opacity: 1;
    display: block;
    outline: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    background: #e5e5e5;
    border: 1px solid #e5e5e5; }
  .modal-sizes .modal-header .close-modal-size svg {
    display: block;
    margin: auto;
    height: 100%;
    width: 22px;
    opacity: 0.55;
    -webkit-transition: -webkit-transform .25s, opacity .25s;
    -moz-transition: -moz-transform .25s, opacity .25s;
    transition: transform .25s, opacity .25s; }
  .modal-sizes .modal-body {
    padding: 20px; }
  .modal-sizes .modal-body .mdl-banner {
    text-align: center; }
  .modal-sizes .modal-body .mdl-note {
    margin: 12px 0 10px; }
  .modal-sizes .modal-header .close-modal-size:hover svg {
    opacity: 1;
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    transform: scale(1.12); }
  @media (min-width: 768px) {
    .modal-sizes .modal-dialog {
      min-width: 700px; } }
  @media (max-width: 767px) {
    .modal-sizes .modal-header {
      padding: 12px 44px 12px 12px; }
    .modal-sizes .modal-header .mdl-title {
      font-size: 18px;
      text-align: left; }
    .modal-sizes .modal-body {
      padding: 20px 10px; } }

.modal-quickview {
  max-height: 650px;
  overflow: hidden; }
  .modal-quickview .modal-dialog {
    width: 70%;
    max-width: 100%; }
    @media (min-width: 1200px) and (max-width: 1600px) {
      .modal-quickview .modal-dialog {
        width: 60%; } }
    .modal-quickview .modal-dialog .closeModal {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer; }
      .modal-quickview .modal-dialog .closeModal i {
        font-size: 18px; }
  .modal-quickview .modal-content .modal-body {
    transition: opacity .5s; }
    .modal-quickview .modal-content .modal-body .productWrap .productWrapAll {
      margin: 0;
      gap: 0; }
    .modal-quickview .modal-content .modal-body .productWrapGallery .featureImage {
      border: 1px solid #efefef;
      border-radius: 8px; }
    @media (min-width: 768px) {
      .modal-quickview .modal-content .modal-body .productWrap .productWrapAll .productWrapLeft {
        width: 35%; }
      .modal-quickview .modal-content .modal-body .productWrap .productWrapAll .productWrapRight {
        width: 65%;
        padding-left: 55px; } }

.sale-popup {
  position: fixed;
  bottom: 10px;
  left: 10px;
  top: initial;
  z-index: 8; }
  .sale-popup .sale-popup-notification {
    width: 320px;
    border: 0;
    text-align: left;
    z-index: 99999;
    box-sizing: border-box;
    font-weight: 400;
    border-radius: 6px;
    box-shadow: 2px 2px 10px 2px rgba(11, 10, 10, 0.2);
    background-color: #fff;
    position: relative;
    cursor: pointer;
    padding: 5px; }
    .sale-popup .sale-popup-notification .sale-popup-notification-container {
      display: flex !important;
      align-items: center;
      height: 90px; }
      .sale-popup .sale-popup-notification .sale-popup-notification-container .sale-popup-notification-container-image {
        display: block; }
        .sale-popup .sale-popup-notification .sale-popup-notification-container .sale-popup-notification-container-image img {
          height: 80px;
          width: 80px;
          overflow: hidden;
          border-radius: 6px 0 0 6px;
          object-fit: cover; }
      .sale-popup .sale-popup-notification .sale-popup-notification-container .sale-popup-notification-container-content {
        margin: 0;
        height: 100%;
        color: gray;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 0 6px 6px 0;
        flex: 1;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        overflow: hidden; }
        .sale-popup .sale-popup-notification .sale-popup-notification-container .sale-popup-notification-container-content p {
          font-family: inherit !important;
          margin: 0 !important;
          padding: 0 !important;
          font-size: 12px;
          line-height: 21px; }
          .sale-popup .sale-popup-notification .sale-popup-notification-container .sale-popup-notification-container-content p a {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            display: -webkit-box; }
          .sale-popup .sale-popup-notification .sale-popup-notification-container .sale-popup-notification-container-content p small {
            margin-top: 8px !important;
            display: block !important;
            font-size: 12px !important;
            opacity: .8; }
    .sale-popup .sale-popup-notification .sale-popup-notification-close {
      position: absolute;
      top: 8px;
      right: 8px;
      height: 12px;
      width: 12px;
      cursor: pointer;
      transition: .2s ease-in-out;
      transform: rotate(45deg);
      opacity: 1; }
      .sale-popup .sale-popup-notification .sale-popup-notification-close::before {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        background-color: gray;
        position: absolute;
        left: 0;
        top: 5px; }
      .sale-popup .sale-popup-notification .sale-popup-notification-close::after {
        content: "";
        display: block;
        height: 100%;
        width: 2px;
        background-color: gray;
        position: absolute;
        left: 5px;
        top: 0; }
    .sale-popup .sale-popup-notification:hover .sale-popup-notification-close {
      opacity: 1; }

/*---------------------------------------*/
/*----- SIDEBAR-----*/
/*---------------------------------------*/
.cart-sidebar {
  position: fixed;
  top: 0;
  right: 0;
  width: 430px;
  height: 100%;
  background: #fff;
  z-index: 14;
  transition: all .5s;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%); }
  @media (max-width: 360px) {
    .cart-sidebar {
      max-width: 100%; } }
  .cart-sidebar .cart-sidebar-top {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 70px;
    line-height: 70px; }
    .cart-sidebar .cart-sidebar-top h2 {
      margin: 0;
      font-size: 16px;
      color: #323232;
      text-transform: uppercase;
      letter-spacing: 0.2em; }
    .cart-sidebar .cart-sidebar-top button {
      color: #323232;
      background: transparent;
      border: none;
      outline: none;
      font-size: 25px; }
  .cart-sidebar .cart-sidebar-mid {
    height: calc(100vh - 240px);
    overflow-y: auto;
    overflow-x: hidden; }
    .cart-sidebar .cart-sidebar-mid::-webkit-scrollbar {
      width: 5px; }
    .cart-sidebar .cart-sidebar-mid::-webkit-scrollbar-track {
      background: #ccc; }
    .cart-sidebar .cart-sidebar-mid::-webkit-scrollbar-thumb {
      background: #052C4A; }
    .cart-sidebar .cart-sidebar-mid .cart-sidebar-mid-no {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px; }
    .cart-sidebar .cart-sidebar-mid .cart-sidebar-mid-yes {
      padding: 20px; }
  .cart-sidebar .cart-sidebar-bot {
    height: 170px;
    border-top: 1px solid #ebebeb;
    padding: 20px; }
    .cart-sidebar .cart-sidebar-bot p {
      margin: 16px 0; }
    .cart-sidebar .cart-sidebar-bot a.add-to-cartProduct {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      border: 1px solid #000;
      padding: 15px 20px;
      background: #000;
      color: #fff; }
      .cart-sidebar .cart-sidebar-bot a.add-to-cartProduct span:nth-child(2) {
        display: inline-block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        margin: 0 15px;
        background: #fff; }
    .cart-sidebar .cart-sidebar-bot .cart-sidebar-bot-add {
      display: flex;
      justify-content: space-between; }
      .cart-sidebar .cart-sidebar-bot .cart-sidebar-bot-add .button-flex-detail {
        font-size: 14px;
        color: #979696;
        background: transparent;
        border: none;
        outline: none;
        padding: 0;
        text-decoration: underline; }
      .cart-sidebar .cart-sidebar-bot .cart-sidebar-bot-add .cart-sidebar-bot-note {
        font-size: 14px;
        color: #979696;
        background: transparent;
        border: none;
        outline: none;
        padding: 0;
        text-decoration: underline; }
  .cart-sidebar .cart-sidebar-note {
    min-height: 200px;
    border-top: 1px solid #ebebeb;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 1px 0 6px rgba(54, 54, 54, 0.2);
    z-index: 1002;
    transition: all .4s;
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0; }
    .cart-sidebar .cart-sidebar-note.active {
      transform: translateY(0);
      visibility: visible;
      opacity: 1; }
    .cart-sidebar .cart-sidebar-note .cart-sidebar-note-head {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .cart-sidebar .cart-sidebar-note .cart-sidebar-note-head h4 {
        margin-bottom: 0;
        color: #212529;
        font-size: 14px; }
    .cart-sidebar .cart-sidebar-note .cart-sidebar-note-mid textarea {
      margin: 16px 0 8px;
      width: 100%;
      height: 75px;
      padding: 10px;
      border: 1px solid #ebebeb; }
      .cart-sidebar .cart-sidebar-note .cart-sidebar-note-mid textarea:focus, .cart-sidebar .cart-sidebar-note .cart-sidebar-note-mid textarea:focus-visible {
        border: 1px solid #ebebeb;
        outline: 0; }
    .cart-sidebar .cart-sidebar-note .cart-sidebar-note-mid a {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      border: 1px solid #000;
      padding: 15px 20px; }
      .cart-sidebar .cart-sidebar-note .cart-sidebar-note-mid a:before {
        background: #000; }

.cart-item {
  display: flex;
  align-items: flex-start; }
  .cart-item:not(:last-child) {
    margin-bottom: 16px; }
  .cart-item .cart-item-left {
    width: 100px; }
    .cart-item .cart-item-left a {
      display: block;
      padding-bottom: 120%;
      position: relative;
      overflow: hidden; }
    .cart-item .cart-item-left img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .cart-item .cart-item-right {
    width: calc(100% - 100px);
    padding-left: 16px; }
    .cart-item .cart-item-right h4 {
      margin-bottom: 4px;
      font-size: 14px;
      font-weight: 500; }
    .cart-item .cart-item-right p {
      margin-bottom: 10px; }
    .cart-item .cart-item-right .cart-item-right-action {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      justify-content: space-between; }
      .cart-item .cart-item-right .cart-item-right-action .cart-item-right-action-quantity {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border: 1px solid #ebebeb; }
        .cart-item .cart-item-right .cart-item-right-action .cart-item-right-action-quantity button {
          width: 30px;
          height: 30px;
          border: none;
          line-height: 30px;
          font-size: 16px; }
        .cart-item .cart-item-right .cart-item-right-action .cart-item-right-action-quantity input {
          width: 35px;
          height: 30px;
          border: none;
          text-align: center;
          line-height: 30px;
          pointer-events: none; }
      .cart-item .cart-item-right .cart-item-right-action .cart-item-right-action-remove {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
        .cart-item .cart-item-right .cart-item-right-action .cart-item-right-action-remove button {
          font-size: 10px;
          text-transform: uppercase;
          letter-spacing: 0.2em;
          position: relative; }
          .cart-item .cart-item-right .cart-item-right-action .cart-item-right-action-remove button:hover:after {
            width: 0; }
          .cart-item .cart-item-right .cart-item-right-action .cart-item-right-action-remove button:after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 1px;
            background: #000;
            transition: all 0.5s; }

/*---------------------------------------*/
/*----- COLLECTION -----*/
/*---------------------------------------*/
.collection-layout .collection-wrap {
  display: flex;
  gap: 32px;
  flex-direction: column;
  margin-top: 24px; }
  .collection-layout .collection-wrap .collection--sidebar {
    width: 100%; }
  .collection-layout .collection-wrap .collection--content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px; }

.collection-layout .collection-wrap-filter {
  display: flex;
  flex-direction: column;
  gap: 24px; }
  .collection-layout .collection-wrap-filter .filter-header .section-title-all {
    border-radius: 10px 10px 0 0;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    text-align: left; }
    .collection-layout .collection-wrap-filter .filter-header .section-title-all h2 {
      position: relative;
      width: 100%; }
      .collection-layout .collection-wrap-filter .filter-header .section-title-all h2:before {
        position: absolute;
        content: '';
        height: 100%;
        width: 2.5px;
        left: -15px; }
      .collection-layout .collection-wrap-filter .filter-header .section-title-all h2 i {
        float: right;
        font-size: 12px;
        width: 20px;
        height: 14px;
        text-align: center; }
        @media (min-width: 769px) {
          .collection-layout .collection-wrap-filter .filter-header .section-title-all h2 i {
            display: none; } }
  .collection-layout .collection-wrap-filter .filter-body {
    position: relative;
    background: #fff; }
    @media (max-width: 767px) {
      .collection-layout .collection-wrap-filter .filter-body {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        z-index: 99;
        width: 100%;
        box-shadow: 0px 1px 1.5px rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: all .4s;
        padding: 32px 0;
        height: 500px;
        transform: translateY(calc(100% + 24px)); }
        .collection-layout .collection-wrap-filter .filter-body .filter-body-inner {
          overflow-y: auto;
          height: 100%;
          padding: 0 22px 0 16px; }
          .collection-layout .collection-wrap-filter .filter-body .filter-body-inner::-webkit-scrollbar {
            width: 2px;
            background-color: #F5F5F5; }
          .collection-layout .collection-wrap-filter .filter-body .filter-body-inner::-webkit-scrollbar-thumb {
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
            background-color: #222222; }
          .collection-layout .collection-wrap-filter .filter-body .filter-body-inner::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
            border-radius: 5px;
            background-color: #F5F5F5; } }
    .collection-layout .collection-wrap-filter .filter-body .filter-body-inner {
      display: flex;
      flex-direction: column;
      gap: 32px; }
    .collection-layout .collection-wrap-filter .filter-body .cFilter {
      display: flex;
      flex-direction: column;
      gap: 16px; }
      .collection-layout .collection-wrap-filter .filter-body .cFilter h4 {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 0; }
        @media (max-width: 768px) {
          .collection-layout .collection-wrap-filter .filter-body .cFilter h4 {
            width: 100%; } }
        .collection-layout .collection-wrap-filter .filter-body .cFilter h4 i {
          font-size: 12px;
          float: right;
          display: none; }
          @media (min-width: 768px) {
            .collection-layout .collection-wrap-filter .filter-body .cFilter h4 i {
              display: none; } }
      .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list {
        max-height: 180px;
        overflow: hidden;
        overflow-y: auto;
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list::-webkit-scrollbar {
          width: 5px;
          background-color: #F5F5F5; }
        .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list::-webkit-scrollbar-thumb {
          border-radius: 5px;
          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
          background-color: #E95221; }
        .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
          -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
          border-radius: 5px;
          background-color: #F5F5F5; }
        .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li.cFilter-more {
          display: none; }
          .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li.cFilter-more label {
            background-color: #ccc; }
        .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li label {
          cursor: pointer;
          position: relative;
          padding-left: 22px;
          line-height: 18px;
          font-weight: normal;
          margin-bottom: 0;
          display: inline-block; }
          .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 14px;
            height: 14px;
            border: 1px solid #e5e5e5;
            background: #fff;
            border-radius: 2px;
            transition: all .2s; }
          .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li label:after {
            position: absolute;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            content: "" !important;
            border-width: 0 0 2px 2px !important;
            height: 4px !important;
            width: 7px !important;
            border: solid white;
            margin: 9px 0 0 4px;
            left: 0;
            top: -3px;
            opacity: 0;
            transition: all .2s; }
        .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li input {
          display: none; }
        .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li input:checked + label {
          color: #212529;
          transition: all .2s; }
          .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li input:checked + label:before {
            transition: all .2s;
            background: #0f2c48; }
          .collection-layout .collection-wrap-filter .filter-body .cFilter .cFilter-list li input:checked + label:after {
            opacity: 1;
            background: unset;
            transition: all .2s; }
      .collection-layout .collection-wrap-filter .filter-body .cFilter.cFilter-full .cFilter-list li {
        width: 100%; }
      .collection-layout .collection-wrap-filter .filter-body .cFilter.cFilter-full .cFilter-list li + li {
        margin-top: 5px; }
      .collection-layout .collection-wrap-filter .filter-body .cFilter.cFilter-column .cFilter-list {
        gap: 5px; }
        .collection-layout .collection-wrap-filter .filter-body .cFilter.cFilter-column .cFilter-list li {
          min-width: calc(33.3333% - 5px);
          flex: 1; }
          .collection-layout .collection-wrap-filter .filter-body .cFilter.cFilter-column .cFilter-list li label {
            width: max-content;
            margin-right: 0; }
      .collection-layout .collection-wrap-filter .filter-body .cFilter.cFilter-column.cFilter-column-large li {
        min-width: calc(50% - 5px); }
      .collection-layout .collection-wrap-filter .filter-body .cFilter.category-related {
        gap: 8px; }
    .collection-layout .collection-wrap-filter .filter-body > button {
      position: absolute;
      top: -26px;
      right: 0;
      z-index: 9;
      cursor: pointer;
      width: 24px;
      height: 24px;
      display: inline-flex;
      background: #fff;
      align-items: center;
      justify-content: center; }
      @media (min-width: 768px) {
        .collection-layout .collection-wrap-filter .filter-body > button {
          display: none; } }

.collection-layout .collection-wrap-sort {
  display: flex;
  flex-direction: column;
  gap: 24px; }
  .collection-layout .collection-wrap-sort .sort-header {
    border-bottom: 1px solid #ccc; }
    .collection-layout .collection-wrap-sort .sort-header .section-title-all {
      border-radius: 10px 10px 0 0;
      padding: 15px;
      text-align: left; }
      .collection-layout .collection-wrap-sort .sort-header .section-title-all h2 {
        position: relative;
        width: 100%; }
        .collection-layout .collection-wrap-sort .sort-header .section-title-all h2:before {
          position: absolute;
          content: '';
          height: 100%;
          width: 2.5px;
          left: -15px; }
        .collection-layout .collection-wrap-sort .sort-header .section-title-all h2 i {
          float: right;
          font-size: 12px;
          display: none; }
          @media (min-width: 768px) {
            .collection-layout .collection-wrap-sort .sort-header .section-title-all h2 i {
              display: none; } }
  .collection-layout .collection-wrap-sort .sort-body .cSort {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-items: flex-start; }
    .collection-layout .collection-wrap-sort .sort-body .cSort h4 {
      width: 15%;
      font-weight: 500;
      font-size: 16px; }
      @media (max-width: 768px) {
        .collection-layout .collection-wrap-sort .sort-body .cSort h4 {
          width: 100%; } }
    .collection-layout .collection-wrap-sort .sort-body .cSort .cSort-list {
      width: 85%;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      justify-content: flex-start;
      gap: 10px; }
      @media (max-width: 768px) {
        .collection-layout .collection-wrap-sort .sort-body .cSort .cSort-list {
          width: 100%;
          margin-top: 10px; } }
      .collection-layout .collection-wrap-sort .sort-body .cSort .cSort-list li input {
        display: none; }
      .collection-layout .collection-wrap-sort .sort-body .cSort .cSort-list li input:checked + label {
        background-color: #052C4A;
        color: #fff; }
      .collection-layout .collection-wrap-sort .sort-body .cSort .cSort-list li label {
        background-color: #f1f0f1;
        margin-bottom: 0;
        padding: 5px 15px;
        border-radius: 0px; }

.collection-layout .collection-wrap-product {
  display: flex;
  flex-direction: column;
  gap: 24px; }
  .collection-layout .collection-wrap-product .collection-wrap-product-header .section-title-all {
    border-radius: 10px 10px 0 0;
    padding: 15px;
    border-bottom: 1px solid #ccc; }
    .collection-layout .collection-wrap-product .collection-wrap-product-header .section-title-all h2 {
      position: relative; }
      .collection-layout .collection-wrap-product .collection-wrap-product-header .section-title-all h2:before {
        position: absolute;
        content: '';
        height: 100%;
        width: 2.5px;
        left: -15px; }
  .collection-layout .collection-wrap-product .collection-wrap-product-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    gap: 8px; }
    .collection-layout .collection-wrap-product .collection-wrap-product-list .product-loop {
      -webkit-flex: 0 0 calc((100% - 8px) / 2);
      flex: 0 0 calc((100% - 8px) / 2);
      max-width: calc((100% - 8px) / 2); }
    @media (min-width: 992px) {
      .collection-layout .collection-wrap-product .collection-wrap-product-list {
        gap: 16px; }
        .collection-layout .collection-wrap-product .collection-wrap-product-list .product-loop {
          -webkit-flex: 0 0 calc((100% - (16px * 3)) / 4);
          flex: 0 0 calc((100% - (16px * 3)) / 4);
          max-width: calc((100% - (16px * 3)) / 4); } }
    .collection-layout .collection-wrap-product .collection-wrap-product-list .collection-wrap-product-list-paginate {
      width: 100%;
      padding: 45px 0; }
      .collection-layout .collection-wrap-product .collection-wrap-product-list .collection-wrap-product-list-paginate #pagination {
        text-align: center; }
    .collection-layout .collection-wrap-product .collection-wrap-product-list > p {
      width: 100%;
      text-align: center;
      margin: 0; }

@media (min-width: 992px) {
  .collection-layout .collection-wrap {
    flex-direction: row; }
    .collection-layout .collection-wrap .collection--sidebar {
      -webkit-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; }
    .collection-layout .collection-wrap .collection--content {
      -webkit-flex: 0 0 calc(75% - 32px);
      flex: 0 0 calc(75% - 32px);
      max-width: calc(75% - 32px); } }

/*---------------------------------------*/
/*----- PRODUCT DETAIL -----*/
/*---------------------------------------*/
.product-layout .breadcrumb-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  justify-content: space-between; }
  .product-layout .breadcrumb-wrap .product-all-tool {
    display: flex;
    position: relative; }
    @media (max-width: 991px) {
      .product-layout .breadcrumb-wrap .product-all-tool {
        width: 100%;
        justify-content: space-between; } }
    .product-layout .breadcrumb-wrap .product-all-tool > div {
      padding: 24px 0; }
      .product-layout .breadcrumb-wrap .product-all-tool > div > a i {
        font-size: 12px;
        margin: 0 5px; }
      .product-layout .breadcrumb-wrap .product-all-tool > div:last-child {
        margin-left: 25px; }
      .product-layout .breadcrumb-wrap .product-all-tool > div:hover .product-all-popup {
        opacity: 1;
        visibility: visible; }
      .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup {
        display: block;
        position: absolute;
        top: calc(100% - 5px);
        right: -5px;
        background: #fff;
        z-index: 999;
        box-shadow: 0 0 1.5px rgba(0, 0, 0, 0.4);
        display: flex;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s;
        width: 350px;
        border-radius: 0px; }
        @media (max-width: 768px) {
          .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup {
            right: initial;
            left: 50%;
            transform: translateX(-50%); } }
        @media (max-width: 360px) {
          .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup {
            width: 300px; } }
        .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup .product-all-popup-image {
          width: 25%;
          border-right: 0.5px solid #ebebeb; }
          .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup .product-all-popup-image a {
            display: block;
            padding: 5px; }
        .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup .product-all-popup-content {
          width: 75%;
          padding: 10px; }
          .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup .product-all-popup-content h3 {
            font-size: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical; }
          .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup .product-all-popup-content span {
            color: #f2114a;
            font-weight: 500;
            font-size: 15px; }
            .product-layout .breadcrumb-wrap .product-all-tool > div .product-all-popup .product-all-popup-content span del {
              font-weight: 300;
              margin-left: 5px;
              color: #bbbbbb;
              font-size: 13px; }

.product-layout .productWrap .productWrapAll {
  margin: 0 0 65px;
  display: flex;
  flex-direction: column;
  gap: 33px; }
  .product-layout .productWrap .productWrapAll .productWrapLeft {
    width: 100%; }
  .product-layout .productWrap .productWrapAll .productWrapRight {
    width: 100%; }
  @media (min-width: 768px) {
    .product-layout .productWrap .productWrapAll {
      align-items: stretch;
      justify-content: space-between;
      flex-direction: row;
      margin: 0 0 110px; }
      .product-layout .productWrap .productWrapAll .productWrapLeft {
        width: calc((100% - 33px) /2); }
      .product-layout .productWrap .productWrapAll .productWrapRight {
        width: calc((100% - 33px) /2); } }

.product-layout .productWrap .productWrapGallery .productGallery {
  display: flex;
  flex-direction: column;
  gap: 16px; }

.product-layout .productWrap .productWrapGallery .swiper-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer; }
  .product-layout .productWrap .productWrapGallery .swiper-button.swiper-button-lock {
    display: none; }

.product-layout .productWrap .productWrapGallery .featureImage {
  width: 100%;
  border: 1px solid #f5f5f5; }
  .product-layout .productWrap .productWrapGallery .featureImage iframe {
    width: 100%;
    height: 100%;
    min-height: 400px; }
  .product-layout .productWrap .productWrapGallery .featureImage a {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    display: block; }
    .product-layout .productWrap .productWrapGallery .featureImage a img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .product-layout .productWrap .productWrapGallery .featureImage:not(.swiper-initialized) .swiper-slide {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .product-layout .productWrap .productWrapGallery .featureImage .swiper-button {
    width: 42px;
    height: 42px;
    padding: 12px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.1);
    color: #fff; }
    .product-layout .productWrap .productWrapGallery .featureImage .swiper-button.swiper-prev {
      left: 18px; }
    .product-layout .productWrap .productWrapGallery .featureImage .swiper-button.swiper-next {
      right: 18px; }

.product-layout .productWrap .productWrapGallery .thumbImage {
  width: 100%;
  display: none;
  padding: 0 8%; }
  .product-layout .productWrap .productWrapGallery .thumbImage .swiper-slide {
    width: 85px;
    height: 85px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #f5f5f5; }
    .product-layout .productWrap .productWrapGallery .thumbImage .swiper-slide.swiper-slide-thumb-active {
      border: 1px solid #0088FF; }
  .product-layout .productWrap .productWrapGallery .thumbImage .thumbImageItem {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    display: block; }
    .product-layout .productWrap .productWrapGallery .thumbImage .thumbImageItem img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .product-layout .productWrap .productWrapGallery .thumbImage:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    gap: 16px; }
  .product-layout .productWrap .productWrapGallery .thumbImage:not(.swiper-initialized) .swiper-slide {
    -ms-flex: 0 0 calc((100% - (16px*4)) /5);
    flex: 0 0 calc((100% - (16px*4)) /5);
    max-width: calc((100% - (16px*4)) /5); }
  .product-layout .productWrap .productWrapGallery .thumbImage .swiper-button {
    color: #052C4A;
    width: 48px;
    height: 100%;
    padding: 30px 12px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF 105.21%); }
    .product-layout .productWrap .productWrapGallery .thumbImage .swiper-button.swiper-prev {
      left: 0px; }
    .product-layout .productWrap .productWrapGallery .thumbImage .swiper-button.swiper-next {
      right: 0px; }
  @media (min-width: 768px) {
    .product-layout .productWrap .productWrapGallery .thumbImage {
      display: block; } }

.product-layout .productWrap .productWrapGallery .productFrame {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%; }

@media (min-width: 768px) {
  .product-layout .productWrap .productWrapGallery .stickyGallery {
    top: 170px;
    position: sticky;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease; } }

.product-layout .productWrap .productWrapDetail {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .product-layout .productWrap .productWrapDetail .productWrapDetail-info {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 4px; }
    .product-layout .productWrap .productWrapDetail .productWrapDetail-info .line {
      display: flex;
      gap: 4px 10px;
      flex-wrap: wrap;
      align-items: center; }
      .product-layout .productWrap .productWrapDetail .productWrapDetail-info .line > div {
        color: #232323;
        font-size: 14px; }
      .product-layout .productWrap .productWrapDetail .productWrapDetail-info .line > div:last-child {
        padding-left: 10px;
        position: relative; }
        .product-layout .productWrap .productWrapDetail .productWrapDetail-info .line > div:last-child:before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          width: 1px;
          height: 20px;
          background: #000; }
    .product-layout .productWrap .productWrapDetail .productWrapDetail-info .productVendor strong {
      color: #052C4A;
      background: linear-gradient(80.76deg, #FFDE28 -18.56%, #FC7F00 42.75%, #E923E6 113.13%), #052C4A;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }
    .product-layout .productWrap .productWrapDetail .productWrapDetail-info .productVendor span {
      font-size: 16px;
      text-transform: uppercase; }
  .product-layout .productWrap .productWrapDetail .wrapbox-left {
    display: flex;
    flex-direction: column;
    gap: 16px; }
  .product-layout .productWrap .productWrapDetail .productTitle {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0; }
  .product-layout .productWrap .productWrapDetail .productPrice {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    display: flex;
    padding: 16px 0;
    flex-direction: column;
    justify-content: center;
    gap: 14px; }
    .product-layout .productWrap .productWrapDetail .productPrice .productPriceBox {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 2px; }
      .product-layout .productWrap .productWrapDetail .productPrice .productPriceBox .productPriceMain {
        color: #F00;
        font-size: 32px;
        font-weight: 700; }
      .product-layout .productWrap .productWrapDetail .productPrice .productPriceBox .productPriceCompare {
        color: #999;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.258px; }
      .product-layout .productWrap .productWrapDetail .productPrice .productPriceBox .productDiscount {
        padding: 0px 10px;
        font-weight: 500;
        color: #fff;
        border-radius: 20px;
        background: linear-gradient(82deg, #FFDE28 -1.83%, #FC7F00 45.3%, #E923E6 99.41%), #FF0A47;
        display: flex;
        justify-content: center;
        align-items: center; }
      .product-layout .productWrap .productWrapDetail .productPrice .productPriceBox .productPriceBox-top {
        display: flex;
        align-items: center;
        gap: 14px; }
    .product-layout .productWrap .productWrapDetail .productPrice .productPromo {
      border-radius: 4px;
      padding: 8px 20px;
      background: linear-gradient(0deg, #F2F2F2 0%, #F2F2F2 100%), #D9D9D9;
      display: flex;
      gap: 5px; }
      .product-layout .productWrap .productWrapDetail .productPrice .productPromo span:first-child {
        color: #FF3700;
        font-weight: 700; }
  .product-layout .productWrap .productWrapDetail .productHrvPromo {
    display: flex;
    flex-direction: column; }
    .product-layout .productWrap .productWrapDetail .productHrvPromo .dlpm-minimum {
      background-color: #fff !important;
      border: none;
      border-radius: 0;
      padding: 0;
      margin: 0; }
  .product-layout .productWrap .productWrapDetail .productActionMain {
    display: flex;
    flex-direction: column;
    gap: 16px; }
    .product-layout .productWrap .productWrapDetail .productActionMain .productQty {
      display: flex;
      gap: 16px;
      align-items: center; }
      .product-layout .productWrap .productWrapDetail .productActionMain .productQty span {
        color: #18181A;
        font-size: 16px;
        letter-spacing: -0.258px; }
      .product-layout .productWrap .productWrapDetail .productActionMain .productQty .itemQuantity {
        display: flex; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productQty .itemQuantity .qtyBtn {
          background: none;
          border: none;
          height: 35px;
          width: 35px;
          padding: 0;
          display: inline-flex;
          align-items: center;
          justify-content: center; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productQty .itemQuantity input {
          height: 35px;
          width: 45px;
          border: 1px solid #F3F4F6;
          border-left: none;
          border-right: none;
          text-align: center;
          border-radius: 4.02px;
          background: #F3F4F6; }
    .product-layout .productWrap .productWrapDetail .productActionMain .productLocal {
      padding: 1px;
      overflow: hidden;
      border-radius: 9.5px;
      background: linear-gradient(81deg, #FFDE28 -18.56%, #FC7F00 42.75%, #E923E6 113.13%), #FFF; }
      .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap {
        position: relative;
        border-radius: 9px;
        background: #fff;
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 16px; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-title {
          color: #18181A;
          font-size: 16px;
          letter-spacing: -0.258px;
          width: 100%; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tablist .locationTablist {
          display: flex;
          flex-wrap: wrap;
          gap: 8px; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tablist .tabitem {
          width: fit-content; }
          .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tablist .tabitem a {
            color: #fff;
            font-weight: 700;
            display: flex;
            padding: 10px 16px;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            border: 1px solid transparent;
            background: linear-gradient(81deg, rgba(255, 222, 40, 0.5) -18.56%, rgba(252, 127, 0, 0.5) 42.75%, rgba(233, 35, 230, 0.5) 113.13%), #FFF; }
          .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tablist .tabitem a[aria-expanded="true"] {
            background: linear-gradient(81deg, #FFDE28 -18.56%, #FC7F00 42.75%, #E923E6 113.13%), #FFF;
            border: 1px solid #000; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tabpand {
          width: 100%; }
          .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tabpand .location-item .location-box {
            margin-top: 16px;
            display: flex;
            flex-direction: column;
            gap: 8px; }
            .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tabpand .location-item .location-box .location--infomation {
              display: flex;
              gap: 8px; }
            .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tabpand .location-item .location-box .location--infomation .loc-icon {
              width: 24px;
              height: 24px; }
            .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tabpand .location-item .location-box .location--infomation .loc-text {
              flex: 1 1 auto; }
          .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tabpand .location-item .location-listSize {
            margin-top: 10px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px; }
            .product-layout .productWrap .productWrapDetail .productActionMain .productLocal .productLocal-wrap .productLocal-tabpand .location-item .location-listSize .locationSize--item {
              min-width: 30px;
              height: 30px;
              display: inline-flex;
              align-items: center;
              justify-content: center;
              border: 1px solid #ebebeb;
              cursor: pointer;
              white-space: nowrap;
              padding: 0 5px;
              position: relative;
              margin-bottom: 0;
              text-align: center;
              border-radius: 5px;
              line-height: 30px; }
    .product-layout .productWrap .productWrapDetail .productActionMain .productAction {
      display: flex;
      gap: 8px;
      flex-wrap: wrap; }
      .product-layout .productWrap .productWrapDetail .productActionMain .productAction button {
        border-radius: 4px;
        border: none;
        font-weight: 700;
        text-transform: uppercase;
        white-space: nowrap;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        height: 62px; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#buyNow, .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#buyNowQW {
          color: #fff;
          background: #FF234F;
          display: flex;
          padding: 25px 10px;
          width: calc(100% - 70px); }
          .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#buyNow.disabled, .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#buyNowQW.disabled {
            pointer-events: none;
            cursor: none;
            opacity: 0.6; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#addToCart, .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#addToCartQW {
          width: 62px;
          height: 62px;
          padding: 12px;
          background: #FFEDE8; }
          .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#addToCart.disabled, .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#addToCartQW.disabled {
            pointer-events: none;
            cursor: none;
            opacity: 0.6; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productAction button#addToCartQW svg {
          width: 28px;
          height: 28px; }
      .product-layout .productWrap .productWrapDetail .productActionMain .productAction a.muanhanh {
        display: flex;
        height: 70px;
        width: 100%;
        padding: 10px 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
        border-radius: 4px;
        background: linear-gradient(83deg, #FFF2A9 9.27%, #F6C586 38.39%, #E187F5 64.55%, #85FBFB 94.06%), #FFF;
        color: #052C4A;
        font-weight: 700;
        text-align: center; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productAction a.muanhanh span {
          width: 100%; }
        .product-layout .productWrap .productWrapDetail .productActionMain .productAction a.muanhanh.disabled {
          pointer-events: none;
          cursor: none;
          opacity: 0.6; }
  .product-layout .productWrap .productWrapDetail .product-banner {
    margin: 16px 0; }
  .product-layout .productWrap .productWrapDetail .product-deliverly .deliverly-inner {
    padding: 18px 16px 18px 25px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    background: #F6F6F6; }
  .product-layout .productWrap .productWrapDetail .product-deliverly .title-deliverly {
    font-size: 16px;
    font-weight: 700;
    color: #052C4A; }
  .product-layout .productWrap .productWrapDetail .product-deliverly .infoList-deliverly {
    display: flex;
    flex-direction: column;
    gap: 4px; }
    .product-layout .productWrap .productWrapDetail .product-deliverly .infoList-deliverly .deliverly-item {
      width: 100%;
      position: relative;
      display: -ms-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      color: #000;
      letter-spacing: -0.1px;
      gap: 10px; }
      .product-layout .productWrap .productWrapDetail .product-deliverly .infoList-deliverly .deliverly-item span.icon {
        width: 35px;
        height: 35px; }
      .product-layout .productWrap .productWrapDetail .product-deliverly .infoList-deliverly .deliverly-item span.text {
        width: calc(100% - 45px); }
  @media (min-width: 992px) {
    .product-layout .productWrap .productWrapDetail .productTitle {
      font-size: 24px; } }

.product-layout .productWrap .productTabsContent {
  margin: 20px 0px; }
  @media (min-width: 992px) {
    .product-layout .productWrap .productTabsContent {
      margin: 42px 0px; } }
  .product-layout .productWrap .productTabsContent #myTab {
    overflow-x: auto;
    overflow-y: hidden;
    flex-direction: row;
    flex-wrap: nowrap; }
    .product-layout .productWrap .productTabsContent #myTab li {
      width: auto;
      min-width: 160px;
      text-align: center;
      text-align: center;
      white-space: nowrap; }
      .product-layout .productWrap .productTabsContent #myTab li a {
        color: #333;
        font-size: 16px;
        padding: 10px;
        font-weight: 700;
        border: none; }
        .product-layout .productWrap .productTabsContent #myTab li a.active {
          color: #fff;
          border-bottom: 2px solid #052C4A;
          background: #052C4A; }
    @media (min-width: 991px) {
      .product-layout .productWrap .productTabsContent #myTab {
        border-bottom: 2px solid #052C4A; }
        .product-layout .productWrap .productTabsContent #myTab li a {
          font-size: 20px;
          padding: 16px 60px; } }
  .product-layout .productWrap .productTabsContent #myTabContent {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0px; }
    .product-layout .productWrap .productTabsContent #myTabContent iframe {
      width: 100%;
      height: auto; }
    .product-layout .productWrap .productTabsContent #myTabContent .readmore {
      text-align: center;
      position: relative; }
      .product-layout .productWrap .productTabsContent #myTabContent .readmore:not(.open):before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 184px;
        background: linear-gradient(0deg, #F8F8F8 21.09%, rgba(248, 248, 248, 0) 100%); }
      .product-layout .productWrap .productTabsContent #myTabContent .readmore a {
        margin: 16px 0;
        position: relative;
        color: #052C4A;
        border: 1px solid #052C4A;
        border-radius: 30px;
        width: 180px;
        background: transparent;
        outline: none; }
    .product-layout .productWrap .productTabsContent #myTabContent div.active {
      max-height: 100% !important; }
    .product-layout .productWrap .productTabsContent #myTabContent ul li {
      margin-left: 20px;
      list-style: initial; }

.product-layout .product-swatch {
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .product-layout .product-swatch .selector-wrapper {
    display: none; }
  .product-layout .product-swatch .product-sw-line {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    .product-layout .product-swatch .product-sw-line .product-sw-title {
      color: #18181A;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .product-layout .product-swatch .product-sw-line .product-sw-title span {
        font-size: 16px;
        letter-spacing: -0.258px; }
      .product-layout .product-swatch .product-sw-line .product-sw-title a {
        color: #003DD8;
        text-decoration: underline; }
    .product-layout .product-swatch .product-sw-line .product-sw-select {
      display: flex;
      flex-wrap: wrap;
      gap: 8px; }
      .product-layout .product-swatch .product-sw-line .product-sw-select .product-sw-select-item {
        /*
  				&:not(.sw-color){
  					input.soldOut + label{
  						position: relative;
  						background: #EFEFEF;
              color: #B7B7B7;
              border: 1px solid #EFEFEF;
  						pointer-events: none;
  						overflow: hidden;
  					}
  				}
  				&.sw-color{
  					position: relative;
  					.colorHover{
  						@include toolTips;
  					}
  					input.soldOut + label {
  						opacity:0.5;
  						pointer-events: none;
  						overflow: hidden;
  						span{
  							position: relative;
  							&:after{
  								content: '';
  								position: absolute;
  								width: 100%;
  								height: 1px;
  								background: #333;
  								transform: rotate(30deg) translateY(-50%);
  								top: 50%;
  							}
  							&:before{
  								content: '';
  								position: absolute;
  								width: 100%;
  								height: 1px;
  								background: #333;
  								transform: rotate(-30deg) translateY(-50%);
  								top: 50%;
  							}
  						}
  					}
  					.product-sw-select-item-span{
  						border: none;
  						height: 34px;
  						width: 34px;
  						min-width: auto;
  						position: relative;
  						overflow: hidden;
  						padding: 2px;
  						span{
  							border: 1px solid #f1f1f1; 
  							display: block; 
  							height: 100%;
  							width: 100%;cursor: pointer;
  							background-size: contain;
  						}
  					}
  					input:checked + label{
  						padding: 2px;
  						border: 1px solid $color;
  					}
  				}
          */ }
        .product-layout .product-swatch .product-sw-line .product-sw-select .product-sw-select-item .product-sw-select-item-span {
          display: flex;
          color: #666;
          min-width: 38px;
          height: 38px;
          margin: 0;
          justify-content: center;
          align-items: center;
          padding: 1px 6px;
          cursor: pointer;
          border: 1px solid #000;
          background: #FFF;
          color: #000; }
        .product-layout .product-swatch .product-sw-line .product-sw-select .product-sw-select-item .trigger-option-sw:not(.disabled):checked + label {
          border: 1px solid #000;
          background: #000;
          color: #fff; }
        .product-layout .product-swatch .product-sw-line .product-sw-select .product-sw-select-item input.soldOut + label {
          position: relative;
          background: #EFEFEF;
          color: #B7B7B7;
          border: 1px solid #EFEFEF;
          pointer-events: none;
          overflow: hidden;
          /*
            &:after{
              content: '';
              position: absolute;
              width: 100%;
              height: 1px;
              background: #333;
              transform: rotate(30deg) translateY(-50%);
              top: 50%;
            }
            &:before{
              content: '';
              position: absolute;
              width: 100%;
              height: 1px;
              background: #333;
              transform: rotate(-30deg)translateY(-50%);
              top: 50%;
            }
            */ }
        .product-layout .product-swatch .product-sw-line .product-sw-select .product-sw-select-item input:not(.soldOut) + label:hover {
          border: 1px solid #000;
          background: #000;
          color: #fff; }

.product-layout .product-swatchQW {
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .product-layout .product-swatchQW .selector-wrapper {
    display: none; }
  .product-layout .product-swatchQW .product-sw-lineQW {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    .product-layout .product-swatchQW .product-sw-lineQW .product-sw-titleQW {
      color: #18181A;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .product-layout .product-swatchQW .product-sw-lineQW .product-sw-titleQW span {
        font-size: 16px;
        letter-spacing: -0.258px; }
      .product-layout .product-swatchQW .product-sw-lineQW .product-sw-titleQW a {
        color: #003DD8;
        text-decoration: underline; }
    .product-layout .product-swatchQW .product-sw-lineQW .product-sw-selectQW {
      display: flex;
      flex-wrap: wrap;
      gap: 8px; }
      .product-layout .product-swatchQW .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW .product-sw-select-item-spanQW {
        display: flex;
        color: #666;
        min-width: 38px;
        height: 38px;
        margin: 0;
        justify-content: center;
        align-items: center;
        padding: 1px 6px;
        cursor: pointer;
        border: 1px solid #000;
        background: #FFF;
        color: #000; }
      .product-layout .product-swatchQW .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW input:not(.disabled):checked + label {
        border: 1px solid #000;
        background: #000;
        color: #fff; }
      .product-layout .product-swatchQW .product-sw-lineQW .product-sw-selectQW .product-sw-select-itemQW input.soldOut + label {
        position: relative;
        background: #EFEFEF;
        color: #B7B7B7;
        border: 1px solid #EFEFEF;
        pointer-events: none;
        overflow: hidden; }

/*--------------------------------------------------------------------------------
HARAVAN APP
--------------------------------------------------------------------------------*/
/*======  COMBO APP  =========*/
.combo-info--title {
  font-size: 16px;
  margin: 0 0 16px;
  font-weight: 600; }

.combo-info--content + .combo-info--content {
  border-top: 0;
  padding-top: 15px; }

.combo-info .combo-content--name {
  font-weight: 600;
  font-size: 16px;
  color: #333;
  margin-bottom: 15px; }

.combo-info .combo-content--list .list-combos {
  display: flex;
  -ms-display: flex;
  flex-wrap: wrap; }

.combo-info .combo-content--total {
  display: -webkit-box;
  display: flex;
  justify-content: flex-start;
  padding-top: 15px;
  border-left: 0;
  border-top: 1px dashed #ddd;
  text-align: left; }
  .combo-info .combo-content--total p {
    margin: 0 0 10px;
    font-size: 15px; }
  .combo-info .combo-content--total p span.combo-total-price {
    color: #F00;
    font-size: 16px; }
  .combo-info .combo-content--total p.txt1 {
    font-weight: 700; }
  .combo-info .combo-content--total p.txt2 .combo-total-priceInit {
    font-weight: 500;
    font-size: 16px; }
  .combo-info .combo-content--total .add-combo {
    font-size: 13px;
    background: #FF234F;
    border: none;
    padding: 12px 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 2px;
    white-space: nowrap;
    min-width: 185px;
    height: 45px;
    text-transform: uppercase; }
    .combo-info .combo-content--total .add-combo:focus {
      outline: none; }

.combo-info .combo-item {
  position: relative;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column; }
  .combo-info .combo-item--images {
    position: relative;
    margin-bottom: 15px; }
    .combo-info .combo-item--images a {
      width: 80px;
      text-align: center;
      display: block; }
    .combo-info .combo-item--images img {
      aspect-ratio: 1 / 1;
      object-fit: contain; }
  .combo-info .combo-item--detail {
    padding-right: 30px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column; }
    .combo-info .combo-item--detail p {
      margin-bottom: 0; }
  .combo-info .combo-item--title {
    position: relative;
    margin-bottom: 5px;
    font-weight: 500;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    min-height: 42px; }
    .combo-info .combo-item--title input {
      margin-right: 5px;
      cursor: pointer;
      vertical-align: -2px; }
  .combo-info .combo-item--option {
    margin-bottom: 10px; }
    .combo-info .combo-item--option .options-title {
      color: #999;
      font-weight: 500; }
    .combo-info .combo-item--option .select-option {
      display: inline-block;
      position: relative;
      margin-right: 8px;
      margin-top: 8px; }
      .combo-info .combo-item--option .select-option:hover label {
        opacity: 1;
        visibility: visible; }
    .combo-info .combo-item--option .select-option label {
      position: absolute;
      top: -34px;
      left: 50%;
      transform: translateX(-50%);
      height: 24px;
      line-height: 24px;
      background: #17191a;
      color: #fff;
      font-size: 12px;
      text-decoration: none;
      white-space: nowrap;
      padding: 0 15px;
      border-radius: 3px;
      z-index: 990;
      opacity: 0;
      visibility: hidden;
      transition: all 300ms ease;
      display: none; }
      .combo-info .combo-item--option .select-option label:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 1px;
        left: 50%;
        width: 0;
        height: 0;
        border: solid;
        border-width: 8px 8px 0 8px;
        border-color: transparent;
        border-top-color: #000;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%); }
    .combo-info .combo-item--option .select-option select {
      font-size: 12px;
      color: #000;
      padding: 5px;
      border-color: #ececec;
      border-radius: 2px;
      outline: none;
      font-weight: 500; }
    .combo-info .combo-item--option .select-option select.disable {
      pointer-events: none;
      padding: 3px 8px;
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none; }
    .combo-info .combo-item--option .select-option select option[disabled] {
      color: rgba(0, 0, 0, 0.3); }
    .combo-info .combo-item--option.is-hide {
      display: none; }
    .combo-info .combo-item--option.disable .options-title {
      display: none; }
    .combo-info .combo-item--option.disable .filter-option {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      pointer-events: none;
      padding: 5px 8px; }
  .combo-info .combo-item--bottom {
    margin-top: auto; }
  .combo-info .combo-item--priceInit {
    margin-top: auto; }
    .combo-info .combo-item--priceInit span b {
      font-weight: 600; }
    .combo-info .combo-item--priceInit del {
      margin-left: 5px;
      color: rgba(0, 0, 0, 0.26);
      font-size: 12px;
      font-weight: 500; }
  .combo-info .combo-item--price {
    color: #F00;
    font-weight: 600;
    margin-top: 5px;
    font-size: 15px; }
    .combo-info .combo-item--price .price-tt {
      font-size: 12px;
      color: #757575;
      display: block; }
    .combo-info .combo-item--price del {
      color: rgba(0, 0, 0, 0.26);
      margin-left: 5px;
      font-size: 12px; }
  .combo-info .combo-item.item-force .combo-item--images a, .combo-info .combo-item.item-force .combo-item--title input {
    pointer-events: none; }
  .combo-info .combo-item.item-force:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none; }
  .combo-info .combo-item.disabled .combo-item--images a.image {
    opacity: 0.5; }
  .combo-info .combo-item:not(:last-child) .combo-item--images:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 80px;
    margin: auto;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: linear-gradient(#000, #000), linear-gradient(#000, #000), transparent;
    background-position: center;
    background-size: 50% 2px, 2px 50%;
    background-repeat: no-repeat; }

@media (min-width: 992px) {
  .combo-info .combo-content--total {
    position: relative;
    text-align: left;
    min-width: 195px; }
    .combo-info .combo-content--total .wrapbox-total {
      display: flex;
      align-items: center;
      height: 100%; }
      .combo-info .combo-content--total .wrapbox-total .combo-total {
        margin-right: 30px; }
      .combo-info .combo-content--total .wrapbox-total .combo-total p {
        margin: 0; }
      .combo-info .combo-content--total .wrapbox-total .combo-total .txt2 {
        margin-top: 1px; }
  .combo-info .combo-content--list {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .combo-info .combo-item--option {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .combo-info .combo-item--option .options-title {
      margin-right: 10px;
      min-width: 90px;
      font-size: 13px;
      margin-top: 8px; }
  .combo-info--content {
    padding: 16px;
    border: 2px dashed #FF234F;
    border-radius: 4px; }
  .combo-info--vertical .combo-info--content {
    overflow: hidden; }
  .combo-info--vertical .combo-content--total {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
  .combo-info--vertical .combo-item--price .price-tt {
    display: inline-block;
    margin-right: 5px; }
  .combo-info--vertical.width-small {
    max-width: calc(66.666667% - 15px); }
    .combo-info--vertical.width-small .combo-item {
      flex: 0 0 50%;
      max-width: 50%; }
  .combo-info--vertical .combo-item:nth-child(3n) .combo-item--detail {
    padding: 0; }
  .combo-info--horizontal .combo-info--content {
    display: block; }
  .combo-info--horizontal .combo-info--content .combo-item--images a {
    width: 80px; }
  .combo-info--horizontal .combo-content--total {
    border-left: 0;
    padding-left: 0; }
  .combo-info--horizontal .combo-item--bottom {
    text-align: right;
    max-width: 150px;
    flex: 0 0 150px;
    margin-top: 0; }
  .combo-info--horizontal .combo-item {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: row;
    border-bottom: 1px dashed #e4e5f0; }
    .combo-info--horizontal .combo-item--title {
      position: initial; }
      .combo-info--horizontal .combo-item--title input {
        position: absolute;
        top: 0;
        left: 0; }
    .combo-info--horizontal .combo-item--detail {
      padding-right: 0;
      padding-left: 15px;
      flex-direction: row;
      justify-content: space-between; }
    .combo-info--horizontal .combo-item--option .options-title {
      margin-right: 15px;
      flex: 0 0 100%;
      color: #999;
      margin-top: 0px; }
    .combo-info--horizontal .combo-item--option .select-option {
      margin-right: 4px;
      margin-top: 4px; }
    .combo-info--horizontal .combo-item--price .price-tt {
      display: inline-block;
      padding-right: 3px; }
    .combo-info--horizontal .combo-item--price del {
      display: block; }
    .combo-info--horizontal .combo-item--price {
      margin: 0;
      font-size: 14px; }
    .combo-info--horizontal .combo-item:last-child {
      border-bottom: 0; }
    .combo-info--horizontal .combo-item:not(:last-child) .combo-item--images:before {
      display: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .combo-info--content, .combo-info--priceInit, .combo-info--price, .combo-info--price span {
    font-size: 14px; }
  .combo-info .combo-item {
    flex: 0 0 48%;
    max-width: 48%; } }

@media (max-width: 991px) {
  .combo-info--content {
    display: block; }
  .combo-info .combo-item--option .options-title {
    font-size: 12px;
    color: #999; }
  .combo-info .combo-item--option .select-option {
    margin-right: 4px;
    margin-top: 4px; }
  .combo-info .combo-content--total {
    width: 100%;
    padding-top: 15px; }
    .combo-info .combo-content--total .wrapbox-total {
      text-align: left; }
    .combo-info .combo-content--total .add-combo {
      padding: 12px 20px;
      width: 100%;
      height: 45px; }
  .combo-info .combo-content--list {
    margin: 0 -12px;
    overflow: hidden; }
    .combo-info .combo-content--list .list-combos {
      flex-wrap: nowrap;
      overflow: scroll;
      padding: 0 12px; }
    .combo-info .combo-content--list .list-combos::-webkit-scrollbar {
      display: none; }
  .combo-info .combo-item--detail {
    padding-right: 12px; }
  .combo-info .combo-item--priceInit, .combo-info .combo-item--price, .combo-info .combo-item--price span {
    font-size: 12px; }
  .combo-info--vertical .combo-content--total {
    display: block; } }

@media (max-width: 767px) {
  .combo-info .combo-item {
    flex: 0 0 49%;
    max-width: 49%; } }

@media (max-width: 360px) {
  .combo-info .combo-item--priceInit, .combo-info .combo-item--price, .combo-info .combo-item--price span {
    font-size: 11px; } }

/* ===== APP BUYXGETY ===== */
.buyxgety-program {
  border-radius: 8px;
  border: 1px solid #F2F2F2;
  position: relative;
  min-height: 100px;
  z-index: 0; }
  .buyxgety-program .buyxgety-heading {
    padding: 8px 20px;
    position: relative;
    border-radius: 8px 8px 0 0;
    background: #F2F2F2; }
    .buyxgety-program .buyxgety-heading h3 {
      font-size: 14px;
      font-weight: 600;
      margin: 0;
      font-weight: 700;
      color: #18181A; }
  .buyxgety-program .buyxgety-content {
    padding: 20px; }
  .buyxgety-program .buyxgety-lists {
    display: flex;
    flex-direction: column;
    gap: 10px; }
  .buyxgety-program .buyxgety-item {
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    gap: 10px; }
    .buyxgety-program .buyxgety-item .buyxgety-checkbox {
      width: 15px;
      height: 15px; }
      .buyxgety-program .buyxgety-item .buyxgety-checkbox input[type=radio] {
        cursor: pointer;
        width: 15px;
        height: 15px; }
    .buyxgety-program .buyxgety-item .buyxgety-image {
      width: 80px;
      text-align: center; }
      .buyxgety-program .buyxgety-item .buyxgety-image a {
        display: block;
        width: 80px;
        text-align: center;
        height: 80px;
        aspect-ratio: 1 / 1;
        border: 1px solid #eee;
        padding: 2px; }
      .buyxgety-program .buyxgety-item .buyxgety-image img {
        object-fit: contain;
        width: 100%;
        height: 100%; }
    .buyxgety-program .buyxgety-item .buyxgety-item--title {
      width: calc(100% - 115px);
      font-size: 12px;
      display: flex;
      flex-direction: column;
      gap: 4px; }
      .buyxgety-program .buyxgety-item .buyxgety-item--title div {
        width: 100%; }
      .buyxgety-program .buyxgety-item .buyxgety-item--title select {
        outline: none;
        height: 22px; }
    .buyxgety-program .buyxgety-item.disabled {
      opacity: 0.7; }
      .buyxgety-program .buyxgety-item.disabled .buyxgety-checkbox input {
        cursor: default; }
    .buyxgety-program .buyxgety-item.specOption {
      display: none; }