@charset "UTF-8";
:root {
  --mainColor: #135791;
  --border: #D9D9D9;
  --textColor: #424242; }

.col-span-full {
  grid-column: 1 / -1; }

@media (max-width: 991px) {
  .onireviewapp-loopitem-title {
    font-size: 0.4875rem !important; }
  .onirvapp--shape-xs {
    --onirvapp-shape-total-width: 70px;
    --onirvapp-shape-width: 14px;
    --onirvapp-shape-height: 13px;
    --onirvapp-shape-position-x: -0px; } }

figcaption {
  text-align: center;
  font-style: italic;
  font-size: .9rem;
  margin-top: .5rem; }
  @media (max-width: 991px) {
    figcaption {
      font-size: .785rem; } }

.sweet-alert {
  padding: 10px !important; }
  .sweet-alert h2 {
    display: none; }
  .sweet-alert .sa-button-container {
    display: none; }

.back-to-top {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 1;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  border-radius: 999px;
  transition: all .5s;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.1));
  opacity: 0;
  visibility: hidden; }
  .back-to-top.active {
    opacity: 1;
    visibility: visible; }
  .back-to-top img {
    max-width: 24px; }
  @media (max-width: 991px) {
    .back-to-top {
      bottom: 3.5rem;
      right: .25rem; } }

.breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center; }
  .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath d='M5.14386 4.14882L1.13875 0.143779C1.04611 0.0510728 0.922456 0 0.790603 0C0.658751 0 0.535093 0.0510728 0.44246 0.143779L0.147511 0.438655C-0.0444142 0.6308 -0.0444142 0.94309 0.147511 1.13494L3.5107 4.49813L0.143779 7.86506C0.0511459 7.95776 0 8.08135 0 8.21313C0 8.34505 0.0511459 8.46864 0.143779 8.56142L0.438728 8.85622C0.531435 8.94893 0.655019 9 0.786872 9C0.918724 9 1.04238 8.94893 1.13502 8.85622L5.14386 4.84752C5.23671 4.75452 5.28771 4.63035 5.28742 4.49835C5.28771 4.36584 5.23671 4.24175 5.14386 4.14882Z' fill='%2364748B'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0.25rem 0.5rem;
    margin: 0 .25rem;
    text-align: center;
    transform: translateX(calc(.75rem - 6px)); }
    @media (max-width: 640px) {
      .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        margin: 0 .1rem; } }
  .breadcrumb .breadcrumb-item:last-child a, .breadcrumb .breadcrumb-item:last-child span {
    color: #64748B; }
  .breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item span {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; }
    @media (max-width: 640px) {
      .breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item span {
        font-size: .675rem; } }

.box-card {
  background: #FFF;
  overflow: hidden;
  border-radius: .5rem;
  padding: .75rem .75rem; }
  @media (max-width: 640px) {
    .box-card {
      padding: .5rem .375rem; } }

.global-heading {
  color: #135791;
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.875rem;
  display: block;
  padding-left: .75rem;
  margin-bottom: 1rem; }
  @media (max-width: 640px) {
    .global-heading {
      font-size: 0.8125rem;
      padding-left: 0.25rem;
      margin-bottom: .125rem;
      line-height: 1.15; } }
  .global-heading:before {
    content: "";
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    left: 0;
    height: 23px;
    width: 3px;
    background: var(--mainColor); }
    @media (max-width: 640px) {
      .global-heading:before {
        width: 0.125rem;
        height: 0.6875rem; } }

.global-heading-background {
  background: url("https://file.hstatic.net/200001001010/file/group_8838.svg") center center/100% no-repeat;
  padding: .25rem 2rem .5rem 1rem;
  display: inline-block;
  color: #FFF;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5625rem;
  text-transform: uppercase; }
  @media (max-width: 640px) {
    .global-heading-background {
      font-size: .625rem;
      line-height: 0.9375rem;
      padding: .25rem .5rem; } }

.global-heading-small {
  width: 100%;
  color: #334155;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: .5rem;
  display: block; }
  @media (max-width: 640px) {
    .global-heading-small {
      font-size: .85rem;
      margin-bottom: .25rem; } }

.global-seemore {
  color: #133A58;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font; }
  @media (max-width: 640px) {
    .global-seemore {
      font-size: .6725rem;
      font-style: normal;
      font-weight: 700;
      line-height: 1.875rem; } }

.text-title {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal; }

.text-middle {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; }

.text-normal {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal; }

.text-small {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; }

.text-ssmall {
  font-size: .75rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal; }

.button-seemore-absolute {
  z-index: 2;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  translate: -50% 0;
  display: inline-flex;
  padding: 0.5rem 0.75rem;
  justify-content: flex-end;
  align-items: center;
  border-radius: .5rem;
  gap: .5rem;
  white-space: nowrap;
  background: #FFF;
  box-shadow: 0px 0px 4px -1px rgba(16, 24, 40, 0.4);
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 125% */ }
  @media (max-width: 991px) {
    .button-seemore-absolute {
      font-size: .75rem !important; } }
  .button-seemore-absolute.noborder {
    bottom: .75rem;
    color: #1487C0 !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    border: none;
    box-shadow: none;
    background: transparent !important; }
    .button-seemore-absolute.noborder:hover {
      background: transparent !important;
      color: #1487C0 !important; }
    .button-seemore-absolute.noborder span {
      color: #1487C0 !important; }
    .button-seemore-absolute.noborder svg {
      color: #1487C0;
      stroke: #1487C0;
      fill: #1487C0;
      width: 14px;
      height: 14px; }
      .button-seemore-absolute.noborder svg * {
        color: #1487C0;
        stroke: #1487C0;
        fill: #1487C0;
        width: 18px;
        height: 18px; }
  .button-seemore-absolute.apply-relative {
    position: relative;
    left: 50%;
    top: inherit;
    border: none;
    box-shadow: none;
    text-align: center;
    background: #FFF;
    color: #000; }
    .button-seemore-absolute.apply-relative:hover {
      background: #FFF;
      color: var(--mainColor); }
      .button-seemore-absolute.apply-relative:hover * {
        color: var(--mainColor);
        fill: var(--mainColor); }
  .button-seemore-absolute:hover {
    background: var(--mainColor);
    color: var(--color2); }
    .button-seemore-absolute:hover * {
      color: var(--color2);
      fill: var(--color2); }

.swiper {
  height: auto; }

.swiper-custom-navigation .swiper-button-prev {
  left: 0;
  padding: 11px 9.12px 11px 10px;
  border-radius: 0px .5rem .5rem 0px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
  transition: all .5s; }
  @media (max-width: 640px) {
    .swiper-custom-navigation .swiper-button-prev {
      display: none; } }
  .swiper-custom-navigation .swiper-button-prev:hover {
    background: rgba(255, 255, 255, 0.75); }

.swiper-custom-navigation .swiper-button-next {
  right: 0;
  padding: 11px 9.12px 11px 10px;
  border-radius: .5rem 0 0 .5rem;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
  transition: all .5s; }
  @media (max-width: 640px) {
    .swiper-custom-navigation .swiper-button-next {
      display: none; } }
  .swiper-custom-navigation .swiper-button-next:hover {
    background: rgba(255, 255, 255, 0.75); }

.swiper-custom-navigation .swiper-button-prev:after, .swiper-custom-navigation .swiper-button-next:after {
  font-size: 1rem;
  color: #333;
  line-height: 36px; }

.custom-arrow-slick .slick-prev {
  left: 0;
  padding: 11px 9.12px 11px 10px;
  border-radius: 0px .5rem .5rem 0px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
  transition: all .5s; }
  @media (max-width: 640px) {
    .custom-arrow-slick .slick-prev {
      display: none; } }
  .custom-arrow-slick .slick-prev:hover {
    background: rgba(255, 255, 255, 0.75); }

.custom-arrow-slick .slick-next {
  right: 0;
  padding: 11px 9.12px 11px 10px;
  border-radius: .5rem 0 0 .5rem;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
  transition: all .5s; }
  @media (max-width: 640px) {
    .custom-arrow-slick .slick-next {
      display: none; } }
  .custom-arrow-slick .slick-next:hover {
    background: rgba(255, 255, 255, 0.75); }

.custom-arrow-slick .slick-prev, .custom-arrow-slick .slick-next {
  height: 3.25rem; }
  .custom-arrow-slick .slick-prev:after, .custom-arrow-slick .slick-next:after {
    font-size: 1rem;
    color: #333;
    line-height: 36px; }

.overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5); }

.overlay-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  max-height: 200px;
  height: 100%;
  /*background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 43.88%, rgba(255, 255, 255, 0.62) 65.26%, #FFF 101.17%);*/
  /*background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 43.88%, rgba(255, 255, 255, 0.62) 14.26%, #FFF 90%);*/
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.91) 85%, #fff 55%); }

.absoute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 95%; }

.table-striped tbody tr:nth-of-type(even) {
  background: #f9f9f9; }

.special-content {
  max-height: 623px;
  line-height: 1.3; }
  .special-content_title {
    font-size: 18px; }
  .special-content table, .special-content td {
    border: none;
    margin-bottom: 0; }
  .special-content table td:first-child {
    width: 115px; }
  .special-content h4 {
    font-size: 14px;
    font-weight: bold;
    color: var(--mainColor);
    padding: 12px;
    margin-bottom: 0; }
  .special-content p, .special-content ul {
    padding: 7px;
    margin-bottom: 0; }

body.product .header.forFixed .header-bottom {
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

.header svg {
  min-width: 24px;
  height: 24px; }

.header .header-top {
  background: #1771B8; }
  .header .header-top .header-group {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 10rem 8.25rem 20rem 1fr; }
    .header .header-top .header-group > * {
      min-width: 0; }
    @media (max-width: 1300px) {
      .header .header-top .header-group {
        grid-template-columns: 140px 120px 260px 1fr;
        gap: 1rem; } }
    @media (max-width: 1200px) {
      .header .header-top .header-group {
        grid-template-columns: 50px 1fr 25px;
        gap: .75rem; } }
    .header .header-top .header-group .header-logo a {
      max-width: 160px; }
    @media (max-width: 1200px) {
      .header .header-top .header-group .header-menu {
        display: none; } }
    .header .header-top .header-group .header-menu label {
      width: 100%;
      display: flex !important;
      border-radius: 8px;
      background: #075EA3;
      padding: 10px 15px;
      font-size: 13px;
      color: #FFF;
      cursor: pointer; }
      @media (max-width: 1300px) {
        .header .header-top .header-group .header-menu label {
          padding: 10px; } }
    .header .header-top .header-group .header-menu .header-menu-data > ul {
      border-radius: 8px;
      margin-top: 1rem;
      min-width: 235px;
      transition: all .5s; }
      .header .header-top .header-group .header-menu .header-menu-data > ul > li:first-child, .header .header-top .header-group .header-menu .header-menu-data > ul > li:first-child .groupLinks {
        border-radius: 8px 8px 0 0; }
      .header .header-top .header-group .header-menu .header-menu-data > ul > li:last-child, .header .header-top .header-group .header-menu .header-menu-data > ul > li:last-child .groupLinks {
        border-radius: 0 0 8px 8px; }
      .header .header-top .header-group .header-menu .header-menu-data > ul > li > ul {
        width: calc(var(--content-width) - 245px - 30px); }
    .header .header-top .header-group .header-menu .header-menu-data.active > ul {
      opacity: 1 !important;
      visibility: visible !important; }
    .header .header-top .header-group .header-search {
      position: relative; }
      .header .header-top .header-group .header-search form {
        background: #FFF;
        border-radius: 8px; }
        .header .header-top .header-group .header-search form input {
          font-size: 1rem; }
          @media (max-width: 640px) {
            .header .header-top .header-group .header-search form input {
              font-size: 0.8125rem; } }
          .header .header-top .header-group .header-search form input::placeholder {
            color: rgba(63, 85, 103, 0.4); }
      .header .header-top .header-group .header-search button[data-type="open-menu-mobile"] {
        display: none; }
        .header .header-top .header-group .header-search button[data-type="open-menu-mobile"].active svg:first-child {
          display: none; }
        .header .header-top .header-group .header-search button[data-type="open-menu-mobile"].active svg:last-child {
          display: block; }
        .header .header-top .header-group .header-search button[data-type="open-menu-mobile"] svg:first-child {
          display: block; }
        .header .header-top .header-group .header-search button[data-type="open-menu-mobile"] svg:last-child {
          display: none;
          stroke: #1771B8;
          fill: #1771B8; }
        @media (max-width: 1200px) {
          .header .header-top .header-group .header-search button[data-type="open-menu-mobile"] {
            display: block;
            position: absolute;
            top: 50%;
            right: 10px;
            translate: 0 -50%; } }
    .header .header-top .header-group .header-actions {
      display: grid;
      grid-template-columns: repeat(4, 1fr); }
      .header .header-top .header-group .header-actions > * {
        min-width: 0; }
      @media (max-width: 1300px) {
        .header .header-top .header-group .header-actions {
          gap: .5rem; } }
      .header .header-top .header-group .header-actions .header-action {
        cursor: pointer; }
        @media (max-width: 1200px) {
          .header .header-top .header-group .header-actions .header-action:not(.header-action-cart) {
            display: none; } }
        @media (max-width: 1200px) {
          .header .header-top .header-group .header-actions .header-action svg {
            width: 30px;
            height: 30px;
            min-width: 26px; } }
        @media (max-width: 991px) {
          .header .header-top .header-group .header-actions .header-action svg {
            width: 32px;
            height: 32px;
            min-width: 28px;
            transform: translateX(-5px); } }
        .header .header-top .header-group .header-actions .header-action p {
          color: #FFF; }
          @media (max-width: 1200px) {
            .header .header-top .header-group .header-actions .header-action p {
              display: none; } }
          .header .header-top .header-group .header-actions .header-action p span {
            font-size: .75rem;
            line-height: normal; }
          .header .header-top .header-group .header-actions .header-action p strong {
            display: block;
            font-size: .85rem;
            line-height: normal; }

.header .header-bottom {
  background: #3186C9; }
  @media (max-width: 1300px) {
    .header .header-bottom .header-group ul {
      gap: 2rem; } }
  @media (max-width: 1200px) {
    .header .header-bottom .header-group ul {
      flex-wrap: nowrap;
      overflow: auto hidden;
      white-space: nowrap;
      justify-content: center safe; } }
  .header .header-bottom .header-group ul li {
    position: relative; }
    @media (max-width: 1200px) {
      .header .header-bottom .header-group ul li {
        min-width: fit-content; } }
    .header .header-bottom .header-group ul li:hover a {
      color: #ffda24; }
    .header .header-bottom .header-group ul li:not(:last-child):after {
      content: "";
      color: #FFF;
      width: 0.0625rem;
      height: 1.4375rem;
      background: rgba(255, 255, 255, 0.1);
      position: absolute;
      right: -1.5rem;
      top: 50%;
      transform: translateY(-50%); }
      @media (max-width: 1300px) {
        .header .header-bottom .header-group ul li:not(:last-child):after {
          right: -1rem; } }
    .header .header-bottom .header-group ul li a {
      color: #FFF;
      font-size: .875rem;
      font-weight: 400;
      line-height: normal; }
      @media (max-width: 1300px) {
        .header .header-bottom .header-group ul li a {
          font-size: .8rem; } }
      .header .header-bottom .header-group ul li a img {
        height: 22px;
        width: auto; }

.menu-sidebar > li:first-child a {
  border-radius: 0.75rem 0.75rem 0 0; }

.menu-sidebar > li:last-child a {
  border-radius: 0 0 0.75rem 0.75rem; }

.menu-sidebar > li:hover > .groupLinks {
  background: #f3f4f6; }

.menu-sidebar > li .groupLinks {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: .5rem 1rem;
  font-size: .8rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: #565656; }
  .menu-sidebar > li .groupLinks a {
    padding: .5rem 1rem;
    font-size: .75rem;
    line-height: 1.1rem;
    font-weight: 500;
    color: #565656;
    padding: 0; }
    .menu-sidebar > li .groupLinks a:not(:last-of-type):after {
      content: ","; }
    .menu-sidebar > li .groupLinks a:hover {
      color: var(--mainColor); }
  .menu-sidebar > li .groupLinks img {
    max-width: 1.125rem; }
  .menu-sidebar > li .groupLinks span {
    margin-left: auto;
    display: none !important; }
    .menu-sidebar > li .groupLinks span svg {
      width: 20px;
      height: 20px; }

.menu-sidebar > li > a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: .5rem 1rem;
  font-size: .8rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: #565656; }
  .menu-sidebar > li > a:hover {
    color: var(--mainColor);
    background: #f3f4f6; }
  .menu-sidebar > li > a img {
    max-width: 1.125rem; }
  .menu-sidebar > li > a svg {
    width: 20px;
    height: 20px; }
  .menu-sidebar > li > a span {
    margin-left: auto;
    display: none; }
  .menu-sidebar > li > a[title*="_"] {
    padding-left: 1rem !important; }

.menu-sidebar > li:hover ul {
  display: block; }

.menu-sidebar > li > ul {
  display: none;
  position: absolute;
  left: 245px;
  top: 0;
  bottom: 0;
  width: calc(100% - 245px);
  background: #FFF;
  z-index: 9;
  border-radius: .5rem;
  padding: .5rem 1rem;
  column-count: 5; }
  .menu-sidebar > li > ul:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -.75rem;
    width: .75rem;
    background: transparent; }
  .menu-sidebar > li > ul > li {
    break-inside: avoid; }
    .menu-sidebar > li > ul > li > a {
      color: #363636;
      font-weight: 700;
      font-size: 14px; }
      .menu-sidebar > li > ul > li > a span {
        display: none; }
    .menu-sidebar > li > ul > li > ul > li > a {
      color: #707070;
      font-weight: normal;
      font-size: 13px;
      padding: .25rem 0; }
      .menu-sidebar > li > ul > li > ul > li > a:hover {
        color: var(--main_color); }

.product-item {
  background: #FFF;
  padding: .2rem; }
  .product-item .product-item-wrap {
    position: relative; }
    .product-item .product-item-wrap:hover .product-item-top .product-item-top-image img {
      transform: scale(1.05); }
    .product-item .product-item-wrap:hover .product-item-detail .product-item-detail-title {
      -webkit-text-fill-color: var(--color_main); }
      .product-item .product-item-wrap:hover .product-item-detail .product-item-detail-title a {
        color: var(--color_main); }
    .product-item .product-item-wrap .product-item-labels {
      display: flex;
      gap: .5rem;
      align-items: center;
      justify-content: flex-start;
      margin-bottom: .75rem;
      min-height: 21px; }
      .product-item .product-item-wrap .product-item-labels .product-item-label {
        border-radius: 4px;
        background: #F1F5F9;
        padding: 4px 8px;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: normal; }
        .product-item .product-item-wrap .product-item-labels .product-item-label.product-item-label-sale {
          border-radius: 4px;
          background: rgba(220, 38, 38, 0.15);
          color: #DC2626; }
    .product-item .product-item-wrap .product-item-top {
      position: relative;
      overflow: hidden;
      z-index: 2;
      transition: all 0.5s; }
      .product-item .product-item-wrap .product-item-top .product-item-top-image {
        transition: transform 0.5s;
        max-width: 100%;
        height: auto;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 0;
        aspect-ratio: 1; }
        .product-item .product-item-wrap .product-item-top .product-item-top-image img {
          transition: all .5s;
          border-radius: .25rem; }
          .product-item .product-item-wrap .product-item-top .product-item-top-image img.product-item-top-image-frame {
            z-index: 2;
            aspect-ratio: 1;
            position: absolute;
            inset: 0; }
    .product-item .product-item-wrap .product-item-detail {
      z-index: 1;
      max-width: 100%;
      overflow: hidden auto;
      transition: all 0.5s;
      padding: 0 .2rem; }
      .product-item .product-item-wrap .product-item-detail .product-item-detail-label {
        margin-top: .5rem;
        /*height: 25px; */ }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-label img {
          max-height: 30px;
          max-width: 125px;
          width: auto; }
      .product-item .product-item-wrap .product-item-detail .product-item-detail-tags {
        margin-top: .5rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .35rem; }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-tags > * {
          min-width: 0; }
        @media (max-width: 640px) {
          .product-item .product-item-wrap .product-item-detail .product-item-detail-tags {
            gap: 0.25rem; } }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-tags .product-item-detail-tag {
          display: flex;
          align-items: center;
          gap: .35rem; }
          @media (max-width: 991px) {
            .product-item .product-item-wrap .product-item-detail .product-item-detail-tags .product-item-detail-tag {
              gap: .125rem; } }
          .product-item .product-item-wrap .product-item-detail .product-item-detail-tags .product-item-detail-tag img {
            max-height: 1.45rem; }
            @media (max-width: 991px) {
              .product-item .product-item-wrap .product-item-detail .product-item-detail-tags .product-item-detail-tag img {
                max-height: 1.35rem; } }
            @media (max-width: 420px) {
              .product-item .product-item-wrap .product-item-detail .product-item-detail-tags .product-item-detail-tag img {
                max-height: 1.25rem; } }
          .product-item .product-item-wrap .product-item-detail .product-item-detail-tags .product-item-detail-tag span {
            font-size: 0.65rem;
            font-weight: 400;
            color: #3F5567;
            leading-trim: both;
            text-edge: cap;
            line-height: normal;
            -webkit-box-orient: vertical;
            overflow: hidden;
            transition: all 0.25s;
            line-height: 1.4;
            -webkit-line-clamp: 2; }
            @media (max-width: 991px) {
              .product-item .product-item-wrap .product-item-detail .product-item-detail-tags .product-item-detail-tag span {
                font-size: .6rem; } }
            @media (max-width: 420px) {
              .product-item .product-item-wrap .product-item-detail .product-item-detail-tags .product-item-detail-tag span {
                font-size: .55rem; } }
      .product-item .product-item-wrap .product-item-detail h3.product-item-detail-title {
        text-align: start;
        transition: all 0.25s;
        margin-bottom: 0;
        margin-top: .5rem;
        line-height: 1; }
        @media (max-width: 991px) {
          .product-item .product-item-wrap .product-item-detail h3.product-item-detail-title {
            margin: 0.325rem 0 0; } }
        .product-item .product-item-wrap .product-item-detail h3.product-item-detail-title:hover {
          -webkit-text-fill-color: var(--color_main); }
          .product-item .product-item-wrap .product-item-detail h3.product-item-detail-title:hover a {
            color: var(--color_main); }
        .product-item .product-item-wrap .product-item-detail h3.product-item-detail-title a {
          color: #374151;
          font-size: .85rem;
          font-weight: bold;
          transition: all 0.25s;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
          transition: all 0.25s;
          line-height: 1.4;
          -webkit-line-clamp: 2; }
          @media (max-width: 991px) {
            .product-item .product-item-wrap .product-item-detail h3.product-item-detail-title a {
              font-size: .8rem; } }
      .product-item .product-item-wrap .product-item-detail .product-item-detail-price {
        display: flex;
        flex-direction: column;
        align-items: space-between;
        justify-content: flex-end; }
        @media (max-width: 991px) {
          .product-item .product-item-wrap .product-item-detail .product-item-detail-price > div {
            line-height: 1; } }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-price del {
          color: rgba(63, 85, 103, 0.6);
          font-size: 0.75rem;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          text-decoration-line: line-through; }
          @media (max-width: 640px) {
            .product-item .product-item-wrap .product-item-detail .product-item-detail-price del {
              font-size: 0.65rem; } }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-price span {
          border-radius: 4px !important;
          background: #EFAC41;
          padding: .25rem .5rem;
          color: #FFF;
          leading-trim: both;
          text-edge: cap;
          font-size: .75rem;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: uppercase;
          height: 17px;
          display: inline-flex;
          align-items: center;
          justify-content: center; }
          @media (max-width: 640px) {
            .product-item .product-item-wrap .product-item-detail .product-item-detail-price span {
              font-size: 0.65rem;
              height: 0.8125rem; } }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-price strong {
          color: var(--colors-red-500, #EF4444);
          leading-trim: both;
          text-edge: cap;
          font-family: Roboto;
          font-size: 1rem;
          font-style: normal;
          font-weight: 700;
          line-height: normal; }
          @media (max-width: 640px) {
            .product-item .product-item-wrap .product-item-detail .product-item-detail-price strong {
              font-size: 0.85rem; } }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-price a {
          border-radius: 4px !important;
          background: #E8F1F8;
          padding: .25rem !important;
          color: var(--Science-Blue-600, #026ABC);
          leading-trim: both;
          text-edge: cap;
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          display: flex;
          gap: 4px;
          align-items: center; }
          @media (max-width: 640px) {
            .product-item .product-item-wrap .product-item-detail .product-item-detail-price a svg {
              width: 0.625rem;
              height: 0.625rem; } }
          @media (max-width: 640px) {
            .product-item .product-item-wrap .product-item-detail .product-item-detail-price a {
              font-size: 0.675rem;
              padding: .05rem .25rem !important; } }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-price .product-item-detail-price-contact {
          background: transparent;
          font-size: 14px;
          justify-content: flex-start; }
        .product-item .product-item-wrap .product-item-detail .product-item-detail-price .product-item-detail-sold {
          color: #3F5567;
          leading-trim: both;
          text-edge: cap;
          font-family: Roboto;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          margin-top: 1rem; }
          .product-item .product-item-wrap .product-item-detail .product-item-detail-price .product-item-detail-sold strong {
            display: block;
            width: 100%;
            height: 4px;
            background: #e8f1f8;
            margin-bottom: .5rem; }
            .product-item .product-item-wrap .product-item-detail .product-item-detail-price .product-item-detail-sold strong span {
              width: 80%;
              height: 4px;
              background: #dc2626 !important;
              display: block;
              padding: 0 !important; }

@media (max-width: 640px) {
  .home-video {
    margin: .75rem 0; } }

@media (max-width: 640px) {
  .home-video .container {
    padding: 0; } }

@media (max-width: 991px) {
  .home-video .global-seemore {
    line-height: normal !important; } }

.home-video .home-video-list .swiper {
  margin: 0 -1rem;
  padding: 0 1rem; }
  .home-video .home-video-list .swiper .swiper-wrapper:not([aria-live]) {
    display: flex;
    gap: 2rem; }
    .home-video .home-video-list .swiper .swiper-wrapper:not([aria-live]) .swiper-slide {
      width: calc((100% - 4rem)/3); }
      @media (max-width: 640px) {
        .home-video .home-video-list .swiper .swiper-wrapper:not([aria-live]) .swiper-slide {
          width: calc((100% - 3rem)/2); } }
  .home-video .home-video-list .swiper .swiper-wrapper .swiper-slide {
    display: block; }
    .home-video .home-video-list .swiper .swiper-wrapper .swiper-slide a {
      display: block; }
    .home-video .home-video-list .swiper .swiper-wrapper .swiper-slide h3 {
      margin-top: .75rem;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%;
      color: #111827;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      transition: all 0.25s;
      line-height: 1.4;
      -webkit-line-clamp: 2;
      height: calc(1em * 1.4 * 2); }
      @media (max-width: 640px) {
        .home-video .home-video-list .swiper .swiper-wrapper .swiper-slide h3 {
          font-size: 0.75rem;
          font-style: normal;
          font-weight: 500; } }

.home-video .home-video-list .home-video-item {
  position: relative; }
  .home-video .home-video-list .home-video-item:hover h3 {
    color: var(--color_main) !important; }
  .home-video .home-video-list .home-video-item:after {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    right: -1rem;
    top: 0;
    background: rgba(23, 113, 184, 0.2); }
    @media (max-width: 640px) {
      .home-video .home-video-list .home-video-item:after {
        right: -8px; } }
  .home-video .home-video-list .home-video-item img {
    border-radius: .5rem; }
  .home-video .home-video-list .home-video-item svg {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media (max-width: 640px) {
      .home-video .home-video-list .home-video-item svg {
        top: 35%;
        width: 40px;
        height: 40px; } }
  .home-video .home-video-list .home-video-item h3 {
    transition: all .5s; }
    @media (max-width: 640px) {
      .home-video .home-video-list .home-video-item h3 {
        font-size: 0.5rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 0; } }

@media (max-width: 640px) {
  .home-intro .container {
    padding: 0; } }

.home-intro .home-intro-wrap .home-intro-head a {
  color: #133A58;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font; }
  @media (max-width: 640px) {
    .home-intro .home-intro-wrap .home-intro-head a {
      font-size: .6725rem; } }

.home-intro .home-intro-wrap .home-intro-grid {
  grid-template-columns: 1fr 22rem; }
  .home-intro .home-intro-wrap .home-intro-grid > * {
    min-width: 0; }
  @media (max-width: 767px) {
    .home-intro .home-intro-wrap .home-intro-grid {
      grid-template-columns: 1fr; } }
  .home-intro .home-intro-wrap .home-intro-grid .home-intro-gallery img {
    border-radius: .5rem; }
  .home-intro .home-intro-wrap .home-intro-grid .home-intro-gallery .home-intro-gallery-main {
    margin-bottom: .75rem !important; }
    .home-intro .home-intro-wrap .home-intro-grid .home-intro-gallery .home-intro-gallery-main * {
      height: 100%; }
    .home-intro .home-intro-wrap .home-intro-grid .home-intro-gallery .home-intro-gallery-main .home-intro-gallery-main-item img {
      width: 100%;
      height: 100%;
      max-height: 29.5rem;
      object-fit: cover; }
  .home-intro .home-intro-wrap .home-intro-grid .home-intro-gallery .home-intro-gallery-thumb {
    margin: 0 -.375rem; }
    .home-intro .home-intro-wrap .home-intro-grid .home-intro-gallery .home-intro-gallery-thumb .slick-next {
      width: 24px;
      height: 24px;
      right: -6px; }
    .home-intro .home-intro-wrap .home-intro-grid .home-intro-gallery .home-intro-gallery-thumb .slick-prev {
      width: 24px;
      height: 24px;
      transform: translateY(-50%) rotate(180deg);
      left: -6px; }
    .home-intro .home-intro-wrap .home-intro-grid .home-intro-gallery .home-intro-gallery-thumb .home-intro-gallery-thumb-item {
      padding: 0 .375rem; }
  .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog {
    margin-bottom: .75rem;
    border-radius: 8px;
    border: 1px solid #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    padding: .4rem .8rem; }
    .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item {
      display: grid;
      grid-template-columns: 90px 1fr;
      gap: .9rem; }
      .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item:not(:last-child) {
        padding-bottom: .25rem;
        margin-bottom: .25rem;
        border-bottom: 1px solid #DbDbDb; }
      .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item > a img {
        aspect-ratio: 160/96;
        max-height: 54px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: .5rem; }
      .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item > span {
        overflow: hidden;
        color: var(--colors-gray-950, #030712);
        font-family: Roboto; }
        .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item > span a:hover {
          color: var(--color_main); }
        .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item > span b {
          font-size: 0.875rem;
          font-style: normal;
          font-weight: 600;
          line-height: 140%;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
          transition: all 0.25s;
          line-height: 1.4;
          -webkit-line-clamp: 2;
          height: calc(1em * 1.4 * 2); }
          @media (max-width: 640px) {
            .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item > span b {
              font-size: .75rem; } }
        .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item > span small {
          font-size: 70%;
          color: #64748B; }
          .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item > span small a {
            color: #2C85C9;
            text-align: justify; }
          .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-blog .home-intro-blog-item > span small hr {
            width: 1px;
            height: 10px;
            background: #64748B;
            display: inline-block;
            margin: 0; }
  .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-video iframe, .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-video video {
    border-radius: .5rem;
    margin-bottom: .25rem;
    aspect-ratio: 16/9;
    width: 22.0625rem;
    height: 12.125rem;
    width: 100%; }
  .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-video .home-intro-video-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    color: #111827; }
    @media (max-width: 640px) {
      .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-video .home-intro-video-title {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 600;
        line-height: 0.9375rem; } }
    .home-intro .home-intro-wrap .home-intro-grid .home-intro-info .home-intro-video .home-intro-video-title p {
      margin: 0 !important; }

/* Product All Data */
.product-alldata {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999;
  display: none; }
  .product-alldata.active {
    display: block; }
  .product-alldata .product-alldata-overplay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 1; }
  .product-alldata .product-alldata-close {
    position: fixed;
    top: 15px;
    right: 20px;
    z-index: 2;
    background: #FFF;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    float: right;
    line-height: 21px;
    padding: 7px;
    position: relative;
    text-align: right;
    min-width: 55px;
    padding-left: 25px; }
    @media (max-width: 1024px) {
      .product-alldata .product-alldata-close {
        left: 15px;
        right: inherit;
        min-width: 30px;
        padding-left: 7px;
        z-index: 3;
        float: left;
        font-size: 0;
        top: 7.5px; } }
    @media (max-width: 991px) {
      .product-alldata .product-alldata-close {
        left: 7.5px;
        min-width: 44px;
        aspect-ratio: 1;
        padding-left: 0;
        top: 0; } }
    .product-alldata .product-alldata-close:before, .product-alldata .product-alldata-close:after {
      background-color: #333;
      content: "";
      left: 13px;
      height: 14px;
      position: absolute;
      top: 10.5px;
      width: 1px; }
      @media (max-width: 991px) {
        .product-alldata .product-alldata-close:before, .product-alldata .product-alldata-close:after {
          height: 23px;
          top: 9px;
          left: 20px; } }
    .product-alldata .product-alldata-close:before {
      transform: rotate(45deg); }
    .product-alldata .product-alldata-close:after {
      transform: rotate(-45deg); }
  .product-alldata .product-alldata-wrap {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    max-width: 1160px;
    margin: 0 auto;
    width: calc(100% - 15px); }
    .product-alldata .product-alldata-wrap .product-alldata-heads {
      background-color: #fff;
      left: 0;
      right: 0;
      position: fixed;
      max-width: 1160px;
      margin: 0 auto;
      width: calc(100% - 15px);
      z-index: 3;
      display: flex;
      justify-content: center;
      margin: auto;
      padding-top: 0;
      top: 0;
      z-index: 10;
      border-bottom: 1px solid #0A0A0A;
      overflow: auto; }
      @media (max-width: 1024px) {
        .product-alldata .product-alldata-wrap .product-alldata-heads {
          justify-content: flex-start;
          padding-left: 35px;
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
          border: none; } }
      .product-alldata .product-alldata-wrap .product-alldata-heads > div {
        font-size: 16px;
        padding: 15px 5px;
        margin: 0 20px;
        display: block;
        position: relative;
        cursor: pointer;
        white-space: nowrap; }
        @media (max-width: 1024px) {
          .product-alldata .product-alldata-wrap .product-alldata-heads > div {
            margin: 0 7.5px; } }
        @media (max-width: 991px) {
          .product-alldata .product-alldata-wrap .product-alldata-heads > div {
            padding: 10px 5px; } }
        .product-alldata .product-alldata-wrap .product-alldata-heads > div.active {
          color: #2d9cdb;
          font-weight: bold; }
          .product-alldata .product-alldata-wrap .product-alldata-heads > div.active:after {
            opacity: 1; }
        .product-alldata .product-alldata-wrap .product-alldata-heads > div:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          z-index: 2;
          width: 100%;
          height: 3px;
          background: #2d9cdb;
          opacity: 0;
          transition: .4s; }
          @media (max-width: 991px) {
            .product-alldata .product-alldata-wrap .product-alldata-heads > div:after {
              height: 2px; } }
    .product-alldata .product-alldata-wrap .product-alldata-body {
      margin: 54.5px auto 30px;
      z-index: 9;
      height: 100%;
      overflow: auto;
      background: #FFF;
      height: calc(100vh - 54.5px); }
      @media (max-width: 991px) {
        .product-alldata .product-alldata-wrap .product-alldata-body {
          height: calc(100vh - 45px);
          margin: 43.5px auto 30px; } }
      .product-alldata .product-alldata-wrap .product-alldata-body > * {
        display: none;
        background: #FFF;
        padding-top: 15px;
        padding-bottom: 15px; }
        .product-alldata .product-alldata-wrap .product-alldata-body > *.active {
          display: block; }
      .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images {
        overflow: auto; }
        @media (max-width: 991px) {
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .slick-arrow {
            display: none !important; } }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images figcaption {
          display: none; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-features {
          text-align: center;
          padding: 20px 0;
          max-width: 700px;
          margin: 0 auto; }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-features:not(.slick-initialized) {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: 100%;
            overflow: hidden; }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-features .product-alldata-body-images-feature {
            position: relative;
            text-align: center;
            height: 100%; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-features .product-alldata-body-images-feature img {
              width: 100%;
              height: 100%;
              object-fit: contain; }
              @media (min-width: 1024px) {
                .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-features .product-alldata-body-images-feature img {
                  padding: 0 5rem; } }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-thumbs {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          justify-content: center; }
          @media (max-width: 991px) {
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-thumbs .slick-arrow {
              display: none !important; } }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-thumbs .product-alldata-body-images-thumb {
            position: relative;
            box-sizing: border-box;
            height: 75px;
            display: flex;
            align-items: center;
            cursor: pointer; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-thumbs .product-alldata-body-images-thumb.active img {
              border: 2px solid #dedede; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-thumbs .product-alldata-body-images-thumb img {
              height: auto;
              max-width: 100%;
              max-height: 100%;
              margin: 0 auto;
              width: 75px !important;
              border: 2px solid transparent; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-images .product-alldata-body-images-thumbs .product-alldata-body-images-thumb:after {
              content: "";
              border: 2px solid #fff;
              position: absolute;
              top: 0;
              left: 0;
              width: calc(100%);
              height: calc(100%);
              border-radius: 5px;
              background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); }
      .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-description {
        max-width: 700px;
        margin: 0 auto 50px;
        box-sizing: border-box; }
        @media (max-width: 1024px) {
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-description {
            max-width: 90%; } }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-description img {
          max-height: max-content; }
      .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec {
        max-width: 700px;
        margin: 0 auto;
        height: auto;
        max-height: inherit;
        padding-bottom: 4rem; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec h4 {
          background: rgba(217, 217, 217, 0.55) !important;
          color: var(--mainColor); }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec table, .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec tr, .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec td, .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec thead, .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec tbody {
          height: auto; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec table {
          width: 100% !important; }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec table tr {
            background: transparent;
            border-bottom: 1px solid #f2f2f2; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec table tr td {
              background: transparent; }
              @media (min-width: 991px) {
                .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec table tr td {
                  width: 50% !important; } }
              .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec table tr td:first-child, .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec table tr td:first-child * {
                font-weight: bold !important; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .modal-open {
          overflow: inherit !important; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .special-content_title {
          display: none !important; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .special-content {
          max-height: 100%; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables > a {
          display: none !important; }
      .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables {
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables h4 {
          background: rgba(217, 217, 217, 0.55) !important; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .modal-open {
          border: none !important;
          border-radius: 0 !important; }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .modal-open table {
            max-width: 100%;
            height: auto; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .modal-open table tr {
              background: transparent;
              border-bottom: 1px solid #d0d0d0; }
              .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .modal-open table tr td {
                width: 50%;
                background: transparent;
                border-bottom: 1px solid #d0d0d0; }
                .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .modal-open table tr td:first-child {
                  font-weight: bold; }
              .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .modal-open table tr:last-child {
                border-bottom: none !important; }
                .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-spec .spec-tables .modal-open table tr:last-child td {
                  border-bottom: none !important; }
      .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-video {
        max-width: 90%;
        height: 100%;
        margin: 0 auto 50px;
        box-sizing: border-box; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-video .videos_none {
          text-align: center; }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-video .videos_none img {
            margin-bottom: 10px; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-video .video-container {
          width: 100%;
          height: 100%;
          pointer-events: inherit;
          margin: 0 auto; }
          @media (max-width: 1024px) {
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-video .video-container {
              height: auto; } }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-video .video-container * {
            pointer-events: inherit !important; }
      .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer {
        overflow: auto; }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-features {
          text-align: center;
          padding: 20px 0;
          max-width: 800px;
          margin: 0 auto; }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-features .slick-dots {
            display: none !important; }
          @media (max-width: 640px) {
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-features .slick-arrow {
              display: none !important; } }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-features:not(.slick-initialized) {
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: 100%;
            overflow: hidden; }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-features .product-alldata-body-customer-feature {
            position: relative;
            text-align: center;
            height: 100%; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-features .product-alldata-body-customer-feature img {
              width: 100%;
              height: 100%;
              object-fit: contain; }
              @media (min-width: 1024px) {
                .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-features .product-alldata-body-customer-feature img {
                  padding: 0 5rem; } }
        .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-thumbs {
          display: flex;
          gap: 10px;
          flex-wrap: wrap;
          justify-content: center; }
          .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-thumbs .product-alldata-body-customer-thumb {
            position: relative;
            box-sizing: border-box;
            height: 75px;
            display: flex;
            align-items: center;
            cursor: pointer;
            border: 1px solid transparent; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-thumbs .product-alldata-body-customer-thumb.active {
              border: 1px solid #000; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-thumbs .product-alldata-body-customer-thumb img {
              height: auto;
              max-width: 100%;
              max-height: 100%;
              margin: 0 auto;
              width: 75px !important; }
            .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-customer .product-alldata-body-customer-thumbs .product-alldata-body-customer-thumb:after {
              content: "";
              border: 2px solid #fff;
              position: absolute;
              top: 0;
              left: 0;
              width: calc(100%);
              height: calc(100%);
              border-radius: 5px;
              background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); }
  .product-alldata .slick-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible; }
  .product-alldata .slick-slider .slick-track {
    padding: 2px 0;
    margin-left: initial; }
    .product-alldata .slick-slider .slick-track div, .product-alldata .slick-slider .slick-track a, .product-alldata .slick-slider .slick-track a:focus, .product-alldata .slick-slider .slick-track div:focus, .product-alldata .slick-slider .slick-track article:focus, .product-alldata .slick-slider .slick-track article {
      outline: 0 !important; }
      .product-alldata .slick-slider .slick-track div img, .product-alldata .slick-slider .slick-track a img, .product-alldata .slick-slider .slick-track a:focus img, .product-alldata .slick-slider .slick-track div:focus img, .product-alldata .slick-slider .slick-track article:focus img, .product-alldata .slick-slider .slick-track article img {
        padding: 0; }
  .product-alldata .slick-slider .slick-arrow {
    position: absolute;
    top: 50%;
    background-color: transparent;
    transform: translateY(-50%);
    border: none;
    outline: 0;
    font-size: 20px;
    z-index: 1;
    padding: 0;
    color: #000;
    transition: all .5s;
    border-radius: 50%;
    box-shadow: 0px 0px 5px 0px var(--mainColor);
    width: 36px;
    height: 36px;
    z-index: 2;
    transition: all 0.3s; }
    .product-alldata .slick-slider .slick-arrow:hover {
      transform: translateY(-50%) scale(1.1); }
    .product-alldata .slick-slider .slick-arrow svg {
      width: 16px;
      height: 16px;
      fill: var(--mainColor); }
    .product-alldata .slick-slider .slick-arrow.slick-prev {
      padding-right: 10px;
      padding-left: 5px;
      left: 10px; }
      .product-alldata .slick-slider .slick-arrow.slick-prev:before {
        transform: rotateY(180deg); }
      .product-alldata .slick-slider .slick-arrow.slick-prev:after {
        transform: rotateY(180deg); }
    .product-alldata .slick-slider .slick-arrow.slick-next {
      right: 10px;
      padding-right: 5px;
      padding-left: 10px; }
    .product-alldata .slick-slider .slick-arrow.slick-disabled {
      display: none !important; }

.product-alldata-actions {
  margin: 12px 5px;
  display: flex;
  justify-content: center; }
  .product-alldata-actions .product-alldata-action {
    width: 65px;
    position: relative; }
    .product-alldata-actions .product-alldata-action:not(:last-child) {
      margin-right: 10px; }
    .product-alldata-actions .product-alldata-action.image span {
      border-color: var(--mainColor); }
    .product-alldata-actions .product-alldata-action.video span img {
      opacity: .5; }
    .product-alldata-actions .product-alldata-action.spec span img, .product-alldata-actions .product-alldata-action.description span img {
      width: 30px !important; }
    .product-alldata-actions .product-alldata-action span {
      border: 1px solid #dfdfdf;
      border-radius: 5px;
      position: relative;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      width: 55px;
      height: 55px;
      padding: 4px;
      overflow: hidden;
      margin: 0 auto; }
      .product-alldata-actions .product-alldata-action span img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%;
        width: 55px !important;
        cursor: pointer; }
    .product-alldata-actions .product-alldata-action strong {
      font-size: 13px;
      line-height: 17px;
      text-align: center;
      margin-top: 10px;
      display: block; }
    .product-alldata-actions .product-alldata-action > img {
      position: absolute;
      top: 12.5px;
      left: 17.5px;
      max-width: 35px;
      cursor: pointer; }
    .product-alldata-actions .product-alldata-action .product-alldata-action-count {
      font-size: 14px;
      position: absolute;
      top: -10px;
      right: 0;
      background: #fff200;
      width: 20px;
      height: 20px;
      border-radius: 999px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #000;
      font-weight: normal;
      line-height: 1; }

.toc-menu {
  padding: 1rem;
  border: 1px solid #c3e5f8;
  background: #dbedf9;
  border-radius: .5rem;
  margin-bottom: 1rem; }
  @media (max-width: 640px) {
    .toc-menu {
      padding: .375rem;
      margin-top: .5rem; } }
  .toc-menu label {
    text-align: center;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem; }
    @media (max-width: 991px) {
      .toc-menu label {
        text-align: left;
        font-size: .8125rem;
        margin-bottom: .25rem; } }
  .toc-menu .toc-menu-data {
    color: var(--color_main); }
    .toc-menu .toc-menu-data * {
      margin-bottom: .5rem; }
      @media (max-width: 991px) {
        .toc-menu .toc-menu-data * {
          margin-bottom: .25rem !important; } }
    .toc-menu .toc-menu-data .toc-menu-data-parent > span {
      margin-right: .25rem;
      font-weight: normal;
      font-size: 14px;
      color: #4a90e2;
      /* display: none !important;*/ }
      @media (max-width: 640px) {
        .toc-menu .toc-menu-data .toc-menu-data-parent > span {
          display: contents;
          font-size: .8125rem; } }
    .toc-menu .toc-menu-data .toc-menu-data-parent > strong {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      font-size: 14px;
      color: #4a90e2; }
      @media (max-width: 640px) {
        .toc-menu .toc-menu-data .toc-menu-data-parent > strong {
          display: contents;
          font-size: .8125rem; } }
    .toc-menu .toc-menu-data .toc-menu-data-parent * {
      font-weight: bold;
      cursor: pointer; }
    .toc-menu .toc-menu-data .toc-menu-data-child {
      padding-left: .5rem;
      margin-top: .5rem;
      font-size: 85%; }
      @media (max-width: 991px) {
        .toc-menu .toc-menu-data .toc-menu-data-child {
          margin-top: .125rem; } }
      .toc-menu .toc-menu-data .toc-menu-data-child > span {
        margin-right: .5rem;
        color: #4a90e2;
        font-size: 0;
        width: .25rem;
        height: .25rem;
        display: inline-block;
        background: #4a90e2;
        vertical-align: middle;
        margin-bottom: 0;
        border-radius: 999px; }
        @media (max-width: 991px) {
          .toc-menu .toc-menu-data .toc-menu-data-child > span {
            margin-top: .25rem;
            margin-right: .25rem; } }
      .toc-menu .toc-menu-data .toc-menu-data-child > strong {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        font-size: 14px;
        color: #4a90e2; }
        @media (max-width: 991px) {
          .toc-menu .toc-menu-data .toc-menu-data-child > strong {
            display: contents;
            font-size: .7rem; } }
      .toc-menu .toc-menu-data .toc-menu-data-child * {
        font-weight: 500;
        cursor: pointer; }
    .toc-menu .toc-menu-data .toc-menu-data-more {
      color: #000;
      font-weight: bold;
      margin-top: .5rem;
      cursor: pointer; }
      @media (max-width: 991px) {
        .toc-menu .toc-menu-data .toc-menu-data-more {
          font-size: .7rem;
          margin-top: .125rem; } }
      .toc-menu .toc-menu-data .toc-menu-data-more strong {
        color: #000;
        font-weight: bold; }
      .toc-menu .toc-menu-data .toc-menu-data-more.expand svg {
        transform: rotate(180deg); }
      .toc-menu .toc-menu-data .toc-menu-data-more svg {
        display: inline-block;
        margin-top: 5px;
        color: #000;
        stroke: #000;
        fill: #000;
        width: 14px;
        height: 14px; }
        @media (max-width: 640px) {
          .toc-menu .toc-menu-data .toc-menu-data-more svg {
            width: 10px;
            height: 10px; } }
        .toc-menu .toc-menu-data .toc-menu-data-more svg * {
          color: #000;
          stroke: #000;
          fill: #000;
          width: 18px;
          height: 18px; }
          @media (max-width: 640px) {
            .toc-menu .toc-menu-data .toc-menu-data-more svg * {
              width: 10px;
              height: 10px; } }

@media (max-width: 640px) {
  .section-seen-product .container {
    padding: 0; } }

.section-seen-product .section-seen-product-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem; }
  @media (max-width: 991px) {
    .section-seen-product .section-seen-product-head {
      margin-bottom: .25rem; } }
  .section-seen-product .section-seen-product-head .section-seen-product-title {
    margin-bottom: 0; }
  .section-seen-product .section-seen-product-head a {
    color: #98a2b3;
    font-size: .8175rem; }

.section-seen-product .section-seen-product-list {
  margin: 0 -0.25rem; }
  .section-seen-product .section-seen-product-list .slick-prev {
    left: -10px; }
  .section-seen-product .section-seen-product-list .slick-next {
    right: -10px; }
  @media (max-width: 640px) {
    .section-seen-product .section-seen-product-list .slick-arrow {
      display: none !important; } }
  @media (max-width: 991px) {
    .section-seen-product .section-seen-product-list {
      margin-top: .25rem;
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 60%;
      overflow: auto hidden;
      gap: .5rem; } }
  .section-seen-product .section-seen-product-list .product-item {
    background: transparent;
    padding: 0 .25rem; }
    @media (max-width: 991px) {
      .section-seen-product .section-seen-product-list .product-item {
        padding: 0; } }
    .section-seen-product .section-seen-product-list .product-item .product-item-wrap {
      border-radius: 8px;
      background: #FFF;
      border: 1px solid #DbDbDb;
      display: grid;
      grid-template-columns: 85px 1fr;
      gap: .25rem;
      align-items: flex-start; }
      .section-seen-product .section-seen-product-list .product-item .product-item-wrap > * {
        min-width: 0; }
      @media (max-width: 991px) {
        .section-seen-product .section-seen-product-list .product-item .product-item-wrap {
          align-items: center;
          grid-template-columns: 75px 1fr; } }
      .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-top {
        background: transparent; }
        .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-top .product-item-top-image {
          padding: .25rem; }
          .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-top .product-item-top-image img {
            border-radius: .25rem;
            transform: none !important; }
      .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail {
        padding: .25rem;
        border-top: none; }
        .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail button[data-type="shop-seen-remove"] {
          position: absolute;
          top: .25rem;
          right: .25rem; }
          .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail button[data-type="shop-seen-remove"] svg * {
            fill: #98a2b3; }
        .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail h3 {
          margin-top: 0;
          margin-bottom: 0;
          padding-right: 1.5rem;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          overflow: hidden;
          transition: all 0.25s;
          line-height: 1.4;
          -webkit-line-clamp: 2; }
          @media (max-width: 991px) {
            .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail h3 {
              padding-right: 1.5rem; } }
          .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail h3 a {
            color: #3F5567;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            height: auto !important; }
            @media (max-width: 640px) {
              .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail h3 a {
                font-size: .8125rem; } }
        .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail .product-item-detail-price {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          min-height: auto;
          margin-top: .25rem;
          align-items: center;
          gap: .25rem .5rem;
          flex-wrap: wrap; }
          .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail .product-item-detail-price strong {
            color: #DC2626;
            font-size: 14px;
            font-style: normal;
            font-weight: 700; }
            @media (max-width: 640px) {
              .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail .product-item-detail-price strong {
                font-size: .75rem; } }
          .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail .product-item-detail-price span {
            border-radius: 4px;
            background: #EFAC41;
            font-size: .75rem;
            padding: .25rem .5rem;
            color: #FFF;
            line-height: 1; }
            @media (max-width: 991px) {
              .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail .product-item-detail-price span {
                display: none; } }
          .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail .product-item-detail-price del {
            display: block;
            width: 100%; }
            @media (max-width: 991px) {
              .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail .product-item-detail-price del {
                display: none; } }
        .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail .onireviewapp-loop {
          display: none !important; }
        .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail [data-type="add-compare"] {
          border-radius: 4px !important;
          background: #E8F1F8;
          padding: .125rem !important;
          color: var(--Science-Blue-600, #026ABC);
          leading-trim: both;
          text-edge: cap;
          font-size: 10px;
          font-style: normal;
          font-weight: 500;
          line-height: normal;
          display: flex;
          gap: 2px;
          align-items: center;
          position: absolute;
          right: 5px;
          bottom: 5px; }
          .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail [data-type="add-compare"] svg {
            width: 14px;
            height: 14px; }
            @media (max-width: 640px) {
              .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail [data-type="add-compare"] svg {
                width: 0.625rem;
                height: 0.625rem; } }
          @media (max-width: 640px) {
            .section-seen-product .section-seen-product-list .product-item .product-item-wrap .product-item-detail [data-type="add-compare"] {
              font-size: 0.675rem;
              padding: .05rem .25rem !important; } }

@media (max-width: 991px) {
  .section-also-like .container {
    padding: 0; } }

@media (max-width: 991px) {
  .section-also-like .section-also-like-list {
    overflow: auto hidden; } }

@media (max-width: 991px) {
  .section-also-like .section-also-like-list .section-also-like-items {
    gap: .25rem !important;
    margin-top: .5rem;
    min-width: 650px;
    padding-bottom: .25rem; } }

@media (max-width: 991px) {
  .section-also-like .section-also-like-list .section-also-like-items .section-also-like-item a {
    font-size: .6525rem !important; } }

.nullContent {
  background: #fff3cd;
  border: 1px solid #fff3cd;
  color: #856404;
  padding: .5rem;
  border-radius: .25rem;
  text-align: center;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1; }

.mobile-menu {
  position: fixed;
  inset: 0;
  top: var(--header-top-height);
  bottom: 0;
  background: #FFF;
  z-index: 99;
  display: none;
  /*@media(max-width: 1200px){ display: block; }*/ }
  .mobile-menu.active {
    display: block; }
  .mobile-menu .menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25rem .75rem;
    border-bottom: 10px solid #f2f4f7;
    height: 50px;
    display: none !important; }
    .mobile-menu .menu-header span {
      font-weight: bold; }
    .mobile-menu .menu-header a {
      background: var(--mainColor);
      padding: 2.5px 5px;
      border-radius: .25rem;
      display: flex;
      align-items: center;
      gap: .25rem;
      font-size: .65rem;
      color: #FFF !important;
      width: 40px;
      height: 40px;
      font-size: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      background: transparent;
      border: 1px solid #e0e0e0;
      margin-right: -.75rem;
      border-radius: .25rem 0 0 .25rem;
      background: #FFF;
      padding: 0; }
      .mobile-menu .menu-header a svg {
        stroke: #333;
        fill: #333;
        margin-left: 7.5px;
        width: 1rem;
        height: 1rem; }
        .mobile-menu .menu-header a svg * {
          stroke: #333;
          fill: #333; }
  .mobile-menu .menu-list {
    display: grid;
    grid-template-columns: 20% 1fr; }
    .mobile-menu .menu-list .list-tabs {
      background-color: #e5e5e5;
      height: 100%;
      overflow-y: auto;
      max-height: calc(100vh - 60px - var(--header-top-height)); }
      .mobile-menu .menu-list .list-tabs ul li {
        text-align: center;
        padding: 6px 2px; }
        .mobile-menu .menu-list .list-tabs ul li.active {
          background-color: #defbff; }
        .mobile-menu .menu-list .list-tabs ul li .icon {
          width: 50px;
          height: 50px;
          display: inline-flex;
          justify-content: center;
          align-items: center; }
          .mobile-menu .menu-list .list-tabs ul li .icon img {
            width: 35px;
            max-height: 35px; }
        .mobile-menu .menu-list .list-tabs ul li .name {
          color: #777;
          margin-top: 5px;
          font-weight: 600;
          font-size: 11px;
          padding: 0 3px;
          line-height: 120%; }
    .mobile-menu .menu-list .list-body {
      height: 100%;
      max-height: calc(100vh - 60px - var(--header-top-height));
      overflow-y: auto;
      padding: 10px; }
      .mobile-menu .menu-list .list-body .tab-content {
        display: none; }
        .mobile-menu .menu-list .list-body .tab-content.show {
          display: block; }
        .mobile-menu .menu-list .list-body .tab-content .cat-father {
          margin-bottom: 8px; }
          .mobile-menu .menu-list .list-body .tab-content .cat-father a {
            font-size: 1.3em;
            color: #444;
            display: block;
            width: 100%;
            font-weight: 600;
            position: relative;
            white-space: nowrap; }
            @media (max-width: 991px) {
              .mobile-menu .menu-list .list-body .tab-content .cat-father a {
                font-size: 1em; } }
        .mobile-menu .menu-list .list-body .tab-content .cat-childs {
          display: grid;
          grid-template-rows: 1fr 1fr;
          grid-auto-flow: column;
          grid-auto-columns: 33%;
          overflow: auto; }
          .mobile-menu .menu-list .list-body .tab-content .cat-childs.cat-childs-vendor .item-child {
            padding: .125rem .25rem; }
          .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-brand {
            padding: 5px 10px;
            border: 1px solid #e5e5e5;
            border-radius: 9px;
            margin-right: 10px;
            margin-bottom: 10px; }
            .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-brand a {
              font-size: 12px;
              color: #666; }
              .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-brand a .img-cat {
                display: flex; }
                .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-brand a .img-cat img {
                  width: 100%; }
          .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-child {
            flex: 0 0 calc(33.3333333333% - 10px);
            padding: 5px 12px 10px 0;
            border-radius: 9px;
            padding: .25rem;
            border: 1px solid #e5e5e5;
            margin-right: 10px;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center; }
            .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-child.hasImage {
              align-items: flex-start;
              border: none; }
            .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-child .img-cat {
              text-align: center; }
              .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-child .img-cat img {
                width: 70px;
                max-height: 70px;
                margin: 0 auto; }
            .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-child .cat-name {
              color: #444;
              text-align: center;
              font-size: 12px;
              line-height: 120%;
              margin-top: 0px; }
            .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-child a {
              font-size: 12px;
              color: #666; }
              .mobile-menu .menu-list .list-body .tab-content .cat-childs .item-child a span {
                height: 30px;
                display: block; }

.menu-tabs-bottom {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(60, 64, 67, 0.15);
  z-index: 10152;
  padding: 0 10px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  width: 100vw;
  max-width: 1200px;
  box-shadow: 0 0 1px 0 rgba(60, 64, 67, 0.1), 0 0 6px 1px rgba(60, 64, 67, 0.15);
  display: none; }
  @media (max-width: 1200px) {
    .menu-tabs-bottom {
      display: block; } }
  .menu-tabs-bottom ul {
    display: flex;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center;
    gap: .35rem; }
    .menu-tabs-bottom ul li {
      padding: 12px 8px;
      display: block;
      text-align: center; }
      .menu-tabs-bottom ul li:hover span, .menu-tabs-bottom ul li.active span {
        color: #29b3e8; }
        .menu-tabs-bottom ul li:hover span svg, .menu-tabs-bottom ul li:hover span svg *, .menu-tabs-bottom ul li.active span svg, .menu-tabs-bottom ul li.active span svg * {
          fill: #29b3e8; }
      .menu-tabs-bottom ul li .icon {
        height: 23px;
        display: block; }
      .menu-tabs-bottom ul li svg {
        margin-bottom: .25rem !important; }
        @media (max-width: 640px) {
          .menu-tabs-bottom ul li svg {
            width: 20px;
            height: 20px;
            fill: #000; } }
        .menu-tabs-bottom ul li svg * {
          fill: #000; }
      .menu-tabs-bottom ul li svg, .menu-tabs-bottom ul li img {
        margin: 0 auto; }
      .menu-tabs-bottom ul li span {
        font-weight: 600;
        font-size: 13px;
        display: block;
        color: #000; }
        @media (max-width: 640px) {
          .menu-tabs-bottom ul li span {
            font-size: .7625rem; } }
      @media (max-width: 640px) {
        .menu-tabs-bottom ul li {
          padding: .25rem; } }
      .menu-tabs-bottom ul li#menu-add, .menu-tabs-bottom ul li#menu-buy {
        display: none; }
        .menu-tabs-bottom ul li#menu-add a, .menu-tabs-bottom ul li#menu-buy a {
          background: #007AFF;
          padding: .35rem .5rem;
          color: #FFF;
          border-radius: .25rem;
          display: block;
          text-transform: capitalize;
          font-size: .8125rem;
          font-weight: 600; }
          @media (max-width: 991px) {
            .menu-tabs-bottom ul li#menu-add a, .menu-tabs-bottom ul li#menu-buy a {
              padding: .35rem;
              font-size: .75rem; } }
      .menu-tabs-bottom ul li#menu-add {
        flex: 3;
        padding-left: 0;
        padding-right: 0; }
      .menu-tabs-bottom ul li#menu-buy {
        flex: 2; }
        .menu-tabs-bottom ul li#menu-buy a {
          background: #FF7429; }
      .menu-tabs-bottom ul li.widget-action-call a {
        display: flex;
        justify-content: center;
        align-items: center; }
        .menu-tabs-bottom ul li.widget-action-call a#call-kw {
          border-radius: 50%;
          background-image: linear-gradient(to bottom left, #69d40c, #27881d);
          box-shadow: 0 0 0 0 #27881d;
          -webkit-animation: 2s infinite pulse-green;
          animation: 2s infinite pulse-green; }

@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(7, 195, 1, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(2, 143, 227, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(2, 143, 227, 0); } }
        .menu-tabs-bottom ul li.widget-action-call a#zalo-chat {
          overflow: hidden;
          border-radius: 50%;
          background-color: #028fe3;
          box-shadow: 0 0 0 0 #028fe3;
          -webkit-animation: 2s infinite pulse-blue;
          animation: 2s infinite pulse-blue; }

@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(2, 143, 227, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(2, 143, 227, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(2, 143, 227, 0); } }
        .menu-tabs-bottom ul li.widget-action-call a img {
          width: 40px;
          height: 40px; }

.rte {
  font-size: .95rem; }
  @media (max-width: 640px) {
    .rte {
      font-size: .8125rem; }
      .rte.big_on_mobile {
        font-size: .8125rem; } }
  .rte a {
    color: var(--color_main); }
  .rte h2 {
    border-left: 2px solid var(--textColor);
    padding-left: 10px;
    color: #1771B8;
    border-color: #1771B8;
    font-size: 20px;
    margin-bottom: 10px; }
    @media (max-width: 991px) {
      .rte h2 {
        font-size: 16px; } }
  .rte h3 {
    font-size: 17px; }
    @media (max-width: 991px) {
      .rte h3 {
        font-size: 15px; } }
  .rte h4 {
    font-size: 15px; }
    @media (max-width: 991px) {
      .rte h4 {
        font-size: 13px; } }
  .rte h5 {
    font-size: 13px; }
    @media (max-width: 991px) {
      .rte h5 {
        font-size: 11px; } }
  .rte h6 {
    font-size: 11px; }
    @media (max-width: 991px) {
      .rte h6 {
        font-size: 10px; } }

.shop-compare-fixed {
  padding: 10px 10px !important;
  background: #fff;
  border-radius: 30px !important;
  box-shadow: 0 0 15px #999 !important;
  color: var(--color_main);
  font-size: .85rem; }
  .shop-compare-fixed [class^="iconcate-"], .shop-compare-fixed [class*="iconcate-"] {
    background-image: url(https://cdnv2.tgdd.vn/webmwg/2024/ContentMwg/images/icon_commonDMX@2x.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-size: 300px 260px; }
    .shop-compare-fixed [class^="iconcate-"].iconcate-ss, .shop-compare-fixed [class*="iconcate-"].iconcate-ss {
      background-position: -242px -97px;
      width: 16px !important;
      height: 15px !important;
      vertical-align: text-bottom !important;
      margin-right: 2px; }

@media (max-width: 991px) {
  .stickcompare {
    z-index: 999999 !important; } }

.stickcompare .clearall {
  padding: 5px 30px 5px 10px !important;
  top: -35px !important; }
  @media (max-width: 991px) {
    .stickcompare .clearall {
      display: none; } }

.stickcompare .listcompare {
  align-items: center;
  height: 100%; }
  @media (max-width: 991px) {
    .stickcompare .listcompare {
      width: 100% !important; } }
  .stickcompare .listcompare .formsg img {
    height: 60px; }
  .stickcompare .listcompare .formsg .remove-ic-compare svg {
    width: 1rem;
    height: 1rem;
    fill: #98a2b3; }
    .stickcompare .listcompare .formsg .remove-ic-compare svg * {
      fill: #98a2b3; }

.stickcompare .closecompare {
  vertical-align: bottom !important;
  margin-top: 0 !important;
  padding: 10px; }
  @media (max-width: 991px) {
    .stickcompare .closecompare {
      width: 100% !important;
      display: flex !important;
      align-items: center;
      padding: 0;
      border-top: 1px solid #DbDbDb; } }
  .stickcompare .closecompare a {
    padding: .5rem 0;
    border-radius: .25rem !important; }
    @media (max-width: 991px) {
      .stickcompare .closecompare a {
        margin: 0 !important;
        width: 50% !important;
        background: #FFF !important;
        color: #2f80ed !important; } }
    .stickcompare .closecompare a.txtremoveall {
      /*@media(max-width: 991px){ display: none !important; }*/ }

@media (max-width: 640px) {
  .tblog-menu {
    margin-left: -.375rem;
    margin-right: -.375rem;
    padding: 0 .5rem;
    border-radius: 0 !important; } }

.tblog-menu .tblog-menu-items li {
  position: relative; }
  @media (max-width: 991px) {
    .tblog-menu .tblog-menu-items li {
      position: static; } }
  .tblog-menu .tblog-menu-items li.active {
    margin-left: inherit; }
    .tblog-menu .tblog-menu-items li.active a {
      color: #00C8FF;
      border-bottom: 2px solid #00C8FF; }
  .tblog-menu .tblog-menu-items li a {
    color: #333;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.0625rem;
    /* 130.769% */
    letter-spacing: 0.02438rem;
    border-bottom: 2px solid transparent;
    position: relative; }
    .tblog-menu .tblog-menu-items li a:after {
      content: "";
      position: absolute;
      top: 50%;
      translate: 0 -50%;
      right: -1rem;
      background: #DEDEDE;
      width: 1px;
      height: 1.125rem; }
      @media (max-width: 767px) {
        .tblog-menu .tblog-menu-items li a:after {
          right: -.5rem;
          height: 1rem; } }

.cart-count-mobile {
  position: absolute;
  top: 0;
  left: 3.5px;
  background: #F30;
  color: #FFF;
  width: .85rem;
  height: .85rem;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  font-weight: normal;
  font-size: .65rem; }

#vnp_chat {
  display: none !important; }

.social-desktop {
  position: fixed;
  bottom: 5rem;
  right: 1rem; }
  @media (max-width: 991px) {
    .social-desktop {
      display: none; } }
  .social-desktop .widget-action-call {
    margin-bottom: 1rem; }
    .social-desktop .widget-action-call a {
      display: flex;
      justify-content: center;
      align-items: center; }
      .social-desktop .widget-action-call a#call-kw {
        border-radius: 50%;
        background-image: linear-gradient(to bottom left, #69d40c, #27881d);
        box-shadow: 0 0 0 0 #27881d;
        -webkit-animation: 2s infinite pulse-green;
        animation: 2s infinite pulse-green; }

@keyframes pulse-green {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(7, 195, 1, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(2, 143, 227, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(2, 143, 227, 0); } }
      .social-desktop .widget-action-call a#zalo-chat {
        overflow: hidden;
        border-radius: 50%;
        background-color: #028fe3;
        box-shadow: 0 0 0 0 #028fe3;
        -webkit-animation: 2s infinite pulse-blue;
        animation: 2s infinite pulse-blue; }

@keyframes pulse-blue {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(2, 143, 227, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(2, 143, 227, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(2, 143, 227, 0); } }
      .social-desktop .widget-action-call a img {
        width: 40px;
        height: 40px; }

.tblog-menu {
  overflow: inherit !important; }
  .tblog-menu li.hasAbsolute.active a, .tblog-menu li.hasAbsolute:has(.active) a {
    color: #00C8FF;
    border-bottom: 2px solid #00C8FF; }
    .tblog-menu li.hasAbsolute.active a svg, .tblog-menu li.hasAbsolute.active a svg *, .tblog-menu li.hasAbsolute:has(.active) a svg, .tblog-menu li.hasAbsolute:has(.active) a svg * {
      stroke: #00C8FF !important; }
  @media (max-width: 991px) {
    .tblog-menu li.hasAbsolute > a {
      gap: .25rem !important; } }
  @media (max-width: 991px) {
    .tblog-menu li.hasAbsolute > a > span {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 20px;
      width: 25px; } }
  @media (min-width: 991px) {
    .tblog-menu li.hasAbsolute:hover ul {
      opacity: 1 !important;
      visibility: visible !important; } }
  .tblog-menu li.hasAbsolute ul {
    background: #FFF;
    border: 1px solid #EbEbEb;
    padding: .1rem .75rem;
    z-index: 1;
    border-radius: 10px;
    top: calc(100% + 10px);
    left: -1rem !important;
    min-width: 200px; }
    @media (max-width: 991px) {
      .tblog-menu li.hasAbsolute ul {
        left: auto !important;
        margin-left: -.5rem; } }
    .tblog-menu li.hasAbsolute ul.openMenu {
      opacity: 1 !important;
      visibility: visible !important; }
    .tblog-menu li.hasAbsolute ul:before {
      content: "";
      position: absolute;
      width: 100%;
      height: 10px;
      background: #F7F7F7;
      top: -10px;
      left: 0; }
    .tblog-menu li.hasAbsolute ul li {
      border: none;
      padding: .1rem 0; }
      .tblog-menu li.hasAbsolute ul li a {
        padding: 0 !important;
        border-bottom: none !important;
        color: #000 !important; }
        .tblog-menu li.hasAbsolute ul li a:after {
          display: none !important; }
      .tblog-menu li.hasAbsolute ul li:after {
        display: none !important; }
      .tblog-menu li.hasAbsolute ul li:hover a, .tblog-menu li.hasAbsolute ul li.active {
        color: #1771B8 !important; }

@media (max-width: 991px) {
  .tblog-menu-items li {
    order: 4;
    /* Thứ tự mặc định */ }
  .tblog-menu-items li[data-level="2"].active {
    order: 3;
    /* Ưu tiên lên đầu */ }
  .tblog-menu-items li[data-level="1"] {
    order: 2; }
  .tblog-menu-items li[data-level="0"] {
    order: 1; } }

.table-container {
  max-width: 100%;
  overflow: auto;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 1rem 0;
  /* Header styling */
  /* First column (product names) - sticky left */
  /* First header cell - both sticky top and left */
  /* Regular cells */
  /* Product links */
  /* Image styling */
  /* Price styling */
  /* Power and specifications */
  /* Hover effects */
  /* Responsive adjustments */ }
  .table-container table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0; }
  .table-container thead th,
  .table-container thead td {
    background: #f3f6f9;
    color: #333;
    font-weight: bold;
    padding: 15px 12px;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 20;
    border-right: 1px solid #e7e7e7;
    box-shadow: 7px 0 7px rgba(105, 101, 101, 0.15);
    font-size: 14px; }
  .table-container tbody th {
    background: #f8f9fa;
    border-right: 2px solid #e7e7e7;
    padding: 15px 12px;
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 10;
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1); }
  .table-container thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 30;
    background: #f3f6f9;
    width: 250px;
    min-width: 250px;
    max-width: 250px; }
  .table-container tbody td {
    padding: 15px 12px;
    text-align: center;
    border-bottom: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    vertical-align: middle;
    min-width: 120px; }
  .table-container tbody th a {
    color: #007bff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
    display: block; }
  .table-container tbody th a:hover {
    color: #0056b3;
    text-decoration: underline; }
  .table-container .product-image {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid #e9ecef; }
  .table-container .price-container {
    text-align: center; }
  .table-container .original-price {
    text-decoration: line-through;
    color: #6c757d;
    font-size: 12px;
    margin-bottom: 2px; }
  .table-container .discount {
    background: #dc3545;
    color: white;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5px; }
  .table-container .current-price {
    color: #dc3545;
    font-weight: bold;
    font-size: 16px;
    margin: 5px 0; }
  .table-container .rating {
    color: #ffc107;
    font-weight: bold;
    margin-top: 5px; }
  .table-container .spec-text {
    font-weight: 600;
    color: #495057; }
  .table-container tbody tr:hover {
    background-color: #f8f9fa; }
  .table-container tbody tr:hover th {
    background-color: #e9ecef; }
  @media (max-width: 768px) {
    .table-container .table-container {
      font-size: 12px; }
    .table-container thead th,
    .table-container thead td {
      padding: 10px 8px; }
    .table-container tbody th,
    .table-container tbody td {
      padding: 12px 8px; }
    .table-container tbody th {
      width: 200px;
      min-width: 200px;
      max-width: 200px; }
    .table-container thead th:first-child {
      width: 200px;
      min-width: 200px;
      max-width: 200px; } }

table tr td.header-processed, table tr td.product-processed {
  position: sticky !important;
  left: 0 !important;
  max-width: 200px !important;
  padding: 10px;
  min-width: 150px;
  z-index: 21 !important;
  background-color: #f3f6f9;
  box-shadow: 7px 0 7px rgba(105, 101, 101, 0.15);
  clip-path: inset(0 -15px 0 0); }

table tr td.product-processed {
  min-width: 150px;
  max-width: 150px !important;
  width: auto !important;
  background: #FFF;
  text-align: start !important; }
  table tr td.product-processed * {
    text-align: start !important; }

table tr td.product-image-td {
  min-width: 150px;
  max-width: 150px !important;
  width: auto !important; }
  table tr td.product-image-td a {
    display: block; }
  table tr td.product-image-td img {
    width: 100%;
    max-width: 140px; }

table tr td.product-price-td {
  min-width: 175px;
  max-width: 175px !important;
  width: auto !important;
  text-align: start; }
  table tr td.product-price-td .product-price-wrap span {
    margin-left: 2rem;
    color: #000 !important; }

@media (max-width: 1024px) {
  .product-alldata .product-alldata-wrap .product-alldata-body .product-alldata-body-description {
    max-width: 95%; } }