@import url(https://fonts.googleapis.com/css2?family=Anuphan:wght@100..700&display=swap);
.slick-prev:after {
  color: #383D40;
}

.slick-next:after {
  color: #383D40;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .breadcrumb {
    position: unset !important;
  }
}

#vue-single-product-detail {
  margin-top: 15px;
  margin-bottom: 100px;
}
@media screen and (max-width: 922px) {
  #vue-single-product-detail {
    margin-top: 0px;
    margin-bottom: 40px;
  }
}

.brand-top {
  position: absolute;
  z-index: 4;
  margin-top: 58px;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .brand-top {
    margin-top: 12px;
  }
}
.brand-top .brand-name {
  color: #06509D;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%; /* 24px */
  word-wrap: break-word;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .brand-top .brand-name {
    font-size: 1.125rem;
  }
}

.non-zoomable {
  pointer-events: none;
  cursor: default;
}

.slider-product-img {
  padding: 24px;
  gap: 16px;
  border-radius: 5px;
  border: 1px solid #89D1B5;
  position: relative;
}
@media screen and (max-width: 992px) {
  .slider-product-img {
    margin-right: 0px;
    margin-left: 0px;
  }
}
.slider-product-img .slick-arrow {
  background: rgba(51, 51, 51, 0.2);
  display: flex;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  align-items: center;
}
.slider-product-img .slick-arrow:after {
  position: unset;
  color: #fff;
  font-size: 1.5rem;
}
@media screen and (max-width: 900px) {
  .slider-product-img {
    padding: 16px;
  }
}
.slider-product-img .slick-slide {
  margin: 0px 5px;
}
@media screen and (max-width: 568px) {
  .slider-product-img .slider-for {
    margin-bottom: 8px;
  }
}
.slider-product-img .slider-for .slick-prev {
  left: 15px;
}
.slider-product-img .slider-for .slick-next {
  right: 15px;
}
.slider-product-img .slider-for .MagicZoom {
  width: 100%;
}
.slider-product-img .slider-for .MagicZoom figure {
  width: 100%;
}
.slider-product-img .slider-for .MagicZoom figure .slider-img-all {
  max-width: 100% !important;
}
.slider-product-img .slider-for .MagicZoom figure img {
  border-radius: 5px;
}
.slider-product-img .slider-for .slider-image-warp img {
  width: 100%;
  max-height: 750px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 576px) {
  .slider-product-img .slider-for .slider-image-warp img {
    max-height: 200px;
  }
}
.slider-product-img .slider-for.slick-initialized > div:nth-child(1n+2) {
  display: block;
}
.slider-product-img .slider-nav .slick-slide {
  margin-right: 16px;
}
.slider-product-img .slider-nav .slick-slide img {
  width: 100%;
  opacity: 0.5;
}
.slider-product-img .slider-nav .slick-slide.is-active {
  position: relative;
}
.slider-product-img .slider-nav .slick-slide.is-active img {
  opacity: 1;
}
.slider-product-img .slider-nav .slider-image-warp {
  width: 100%; /* Makes the container responsive */
  position: relative; /* Needed for the padding-bottom hack */
  padding-bottom: 100%; /* 16:9 aspect ratio (9 / 16 * 100) */
  overflow: hidden; /* Hide any overflow */
  display: block;
  border-radius: 5px;
}
.slider-product-img .slider-nav .slider-image-warp img {
  position: absolute; /* Position the image absolutely within the container */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-height: 750px;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain; /* Adjust how the image fits within the container */
}

.youtube-frame iframe {
  aspect-ratio: 16/9;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .youtube-frame iframe {
    aspect-ratio: 16/9;
  }
}

.video-box {
  position: relative;
}
.video-box .icon-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.product-info-first {
  padding-top: 0px;
  border-radius: 10px;
  background: #FFF;
}
@media screen and (max-width: 768px) {
  .product-info-first {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.product-info-first .product-info-column-left {
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (max-width: 992px) {
  .product-info-first .product-info-column-left {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.product-info-first .product-info-column-right {
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (max-width: 992px) {
  .product-info-first .product-info-column-right {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.sf-product-shop {
  color: #212121;
}
.sf-product-shop .color-preview {
  width: 45px;
  height: 45px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.sf-product-shop .color-preview .color-preview-sub {
  width: 100%;
  height: 100%;
}
.sf-product-shop .color-preview .color-preview-sub.circle {
  border-radius: 100%;
}
.sf-product-shop .color-preview.active {
  border: 2px solid #27473B;
  color: #27473B;
  padding: 5px;
}
.sf-product-shop .color-preview.circle {
  border-radius: 100%;
}
.sf-product-shop .color-image-preview {
  padding: 2px;
  width: 45px;
  height: 45px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.sf-product-shop .color-image-preview .color-image-preview-sub {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.sf-product-shop .color-image-preview.active {
  border: 1.5px solid #27473B;
  color: #27473B;
}
.sf-product-shop .color-image-preview.circle {
  border-radius: 100%;
}
.sf-product-shop .product-info-details {
  padding-top: 24px;
  padding-bottom: 24px;
}
@media screen and (max-width: 922px) {
  .sf-product-shop .product-info-details {
    padding-bottom: 0px;
  }
}
.sf-product-shop .product-info-details .brand-name {
  color: #06509D;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%; /* 24px */
  word-wrap: break-word;
  text-transform: uppercase;
  margin-top: 24px;
  margin-bottom: 4px;
}
.sf-product-shop .product-info-details .product-name {
  color: #212121;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 150%; /* 27px */
  word-wrap: break-word;
  margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
  .sf-product-shop .product-info-details .product-name {
    font-size: 1.375rem;
  }
}
.sf-product-shop .product-info-details .product-des-short {
  margin-bottom: 50px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 27px */
  text-transform: uppercase;
  color: #707070;
}
@media screen and (max-width: 992px) {
  .sf-product-shop .product-info-details .product-des-short {
    font-size: 1rem;
  }
}
.sf-product-shop .product-info-details .product-des-short p {
  margin-bottom: 0;
}
.sf-product-shop .product-info-details .product-sku {
  color: #212121;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%; /* 21px */
  word-wrap: break-word;
  margin-bottom: 50px;
}
.sf-product-shop .product-info-details .product-price {
  margin-bottom: 50px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%; /* 33px */
  word-wrap: break-word;
  color: #33584A;
}
.sf-product-shop .product-info-details .product-price-dis {
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .sf-product-shop .product-info-details .product-price-dis {
    margin-bottom: 40px;
  }
}
.sf-product-shop .product-info-details .product-price-dis .last-price {
  display: flex;
  gap: 8px;
  align-items: center;
}
.sf-product-shop .product-info-details .product-price-dis .last-price .price {
  color: #EA1F27;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%;
  word-wrap: break-word;
  vertical-align: middle;
}
.sf-product-shop .product-info-details .product-price-dis .last-price .margin {
  padding: 4px;
  border-radius: 8px !important;
  background-color: #EA1F27;
  color: #FFFFFF !important;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  word-wrap: break-word;
  vertical-align: middle;
}
.sf-product-shop .product-info-details .product-price-dis .normal-price {
  color: #909090;
  font-size: 0.875rem;
  font-weight: 400;
  text-decoration: line-through;
  line-height: 24px;
  word-wrap: break-word;
}
.sf-product-shop .product-info-details .product-spec {
  margin-top: 40px;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(3, minmax(200px, 230px));
}
@media screen and (max-width: 768px) {
  .sf-product-shop .product-info-details .product-spec {
    grid-template-columns: 200px !important;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    margin-top: 24px;
  }
}
.sf-product-shop .product-info-details .product-spec .box-spec {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  border: 1px solid #E1E1E1;
  gap: 24px;
  justify-content: start;
}
@media screen and (max-width: 768px) {
  .sf-product-shop .product-info-details .product-spec .box-spec {
    justify-content: flex-start;
  }
}
.sf-product-shop .product-info-details .product-spec .box-spec .name {
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  width: 65%;
  word-break: break-word;
}
.sf-product-shop .product-info-details .product-spec .box-spec .value {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  width: 50%;
  word-break: break-word;
}
.sf-product-shop .product-info-details .no-vat {
  color: #909090;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  word-wrap: break-word;
}
.sf-product-shop .product-info-details .warning {
  margin-top: 40px;
}
.sf-product-shop .product-info-details .attr-box {
  display: flex;
  gap: 24px;
  flex-direction: column;
  margin-bottom: 50px;
}
.sf-product-shop .product-info-details .attr-box .attr-topic {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
.sf-product-shop .product-info-details .attr-box .attr-topic .title {
  color: #333;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.sf-product-shop .product-info-details .attr-box .attr-topic .data-select {
  color: #707070;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.sf-product-shop .product-info-details .attr-box .attr-item {
  cursor: pointer;
  border-radius: 4px;
  padding: 8px 12px;
  border: 1px solid #C6C6C6;
  color: #212121;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.sf-product-shop .product-info-details .attr-box .attr-item label {
  cursor: pointer;
}
.sf-product-shop .product-info-details .attr-box .attr-item:hover, .sf-product-shop .product-info-details .attr-box .attr-item:focus {
  color: #212121;
  border: 1px solid #000;
}
.sf-product-shop .product-info-details .attr-box .attr-item.box {
  border-radius: 4px;
}
.sf-product-shop .product-info-details .attr-box .attr-item.circle {
  min-width: 45px;
  min-height: 45px;
  border-radius: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.sf-product-shop .product-info-details .attr-box .attr-item.active {
  border: 1.5px solid #27473B;
  color: #27473B;
}
.sf-product-shop .product-info-details .attr-box .attr-item-warp {
  gap: 16px;
}
.sf-product-shop .product-info-details .attr-box .attr-item-warp select {
  height: 42px;
  padding: 8px 24px 8px 16px;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  color: #212121;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  background-color: #fff;
}
.sf-product-shop .product-info-details .attr-box .attr-item-warp select:hover, .sf-product-shop .product-info-details .attr-box .attr-item-warp select:focus {
  color: #212121;
  border: 1px solid #89D1B5;
}
.sf-product-shop .product-info-details .qtl-box {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .sf-product-shop .product-info-details .qtl-box {
    margin-bottom: 40px;
  }
}
.sf-product-shop .product-info-details .qtl-box .topic {
  color: #212121;
}
.sf-product-shop .product-info-details .qtl-box .stock {
  color: #909090;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 20px */
}
.sf-product-shop .product-info-details .qtl-box .control {
  word-wrap: break-word;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  margin-right: 16px;
  margin-left: 16px;
}
.sf-product-shop .product-info-details .qtl-box .control .down {
  border-right: 0px !important;
  padding: 5px 10px 5px 10px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 1px #C2C2C2 solid !important;
  cursor: pointer;
  color: #212121;
  font-family: Poppins;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  height: 30px;
  background-color: transparent;
}
.sf-product-shop .product-info-details .qtl-box .control .down.disable {
  background: #909090;
  color: #C2C2C2;
  cursor: default !important;
}
.sf-product-shop .product-info-details .qtl-box .control .number {
  padding: 0px;
  border: 1px #C2C2C2 solid !important;
  border-right: 0px !important;
  border-left: 0px !important;
  color: #212121;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: 53px !important;
  text-align: center;
  height: 30px;
  border-radius: 0px !important;
}
.sf-product-shop .product-info-details .qtl-box .control .number.disable {
  color: #C2C2C2;
}
.sf-product-shop .product-info-details .qtl-box .control .up {
  border-left: 0px !important;
  padding: 5px 10px 5px 10px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px #C2C2C2 solid !important;
  cursor: pointer;
  color: #212121;
  font-family: Poppins;
  font-size: 8px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 125% */
  height: 30px;
  background-color: transparent;
}
.sf-product-shop .product-info-details .qtl-box .control .up.disable {
  background: #909090;
  color: #C2C2C2;
  cursor: default !important;
}
.sf-product-shop .product-info-details .add-to-container {
  gap: 16px;
}
.sf-product-shop .product-info-details .add-to-cart-box-mobile {
  margin-bottom: 16px;
}
@media screen and (max-width: 922px) {
  .sf-product-shop .product-info-details .add-to-cart-box {
    width: 90%;
  }
}
.sf-product-shop .product-info-details .add-to-cart-box .cart-icon {
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4483 6.70615C21.1821 6.3795 20.7773 6.19208 20.3448 6.19208H6.07637L5.58281 4.11973C5.52181 3.85734 5.27778 3.66992 4.99496 3.66992H2.85443C2.52171 3.66992 2.25 3.93231 2.25 4.2536C2.25 4.5749 2.52171 4.83729 2.85443 4.83729H4.51251L7.10781 15.7666C7.19654 16.1522 7.54591 16.4199 7.95628 16.4199H17.4889C18.7809 16.4199 19.8845 15.5738 20.1728 14.3583L21.7145 7.8628C21.8087 7.45583 21.7145 7.03815 21.4428 6.7115L21.4483 6.70615ZM20.5444 7.59506L19.0027 14.0905C18.8419 14.7706 18.2209 15.2472 17.4944 15.2472H8.228L6.35364 7.35409H20.3448C20.4279 7.35409 20.4779 7.40228 20.5056 7.42906C20.5278 7.45583 20.561 7.51473 20.5444 7.59506Z' fill='%23F8F8F8'/%3E%3Cpath d='M9.95827 18.0308C8.91018 18.0308 8.05615 18.8848 8.05615 19.9328C8.05615 20.9809 8.91018 21.8349 9.95827 21.8349C11.0064 21.8349 11.8603 20.9809 11.8603 19.9328C11.8603 18.8848 11.0064 18.0308 9.95827 18.0308ZM9.95827 20.7536C9.50354 20.7536 9.13755 20.3876 9.13755 19.9328C9.13755 19.4781 9.50354 19.1121 9.95827 19.1121C10.413 19.1121 10.779 19.4781 10.779 19.9328C10.779 20.3876 10.413 20.7536 9.95827 20.7536Z' fill='white'/%3E%3Cpath d='M10.0026 21.0365C10.6059 21.0365 11.095 20.5474 11.095 19.944C11.095 19.3407 10.6059 18.8516 10.0026 18.8516C9.39925 18.8516 8.91016 19.3407 8.91016 19.944C8.91016 20.5474 9.39925 21.0365 10.0026 21.0365Z' fill='white'/%3E%3Cpath d='M16.1635 18.0308C15.1154 18.0308 14.2615 18.8848 14.2615 19.9328C14.2615 20.9809 15.1154 21.8349 16.1635 21.8349C17.2116 21.8349 18.0656 20.9809 18.0656 19.9328C18.0656 18.8848 17.2116 18.0308 16.1635 18.0308ZM16.1635 20.7536C15.7088 20.7536 15.3428 20.3876 15.3428 19.9328C15.3428 19.4781 15.7088 19.1121 16.1635 19.1121C16.6182 19.1121 16.9842 19.4781 16.9842 19.9328C16.9842 20.3876 16.6182 20.7536 16.1635 20.7536Z' fill='white'/%3E%3Cpath d='M16.2024 21.0365C16.8057 21.0365 17.2948 20.5474 17.2948 19.944C17.2948 19.3407 16.8057 18.8516 16.2024 18.8516C15.599 18.8516 15.1099 19.3407 15.1099 19.944C15.1099 20.5474 15.599 21.0365 16.2024 21.0365Z' fill='white'/%3E%3C/svg%3E%0A");
}
.sf-product-shop .product-info-details .add-to-cart-box .add-to-cart-button {
  width: 250px;
  height: 42px;
  padding: 0px 32px;
  color: #032524;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%; /* 22.5px */
  text-transform: uppercase;
  border-radius: 5px;
  background: #89D1B5;
}
@media screen and (max-width: 576px) {
  .sf-product-shop .product-info-details .add-to-cart-box .add-to-cart-button {
    width: 100%;
  }
}
.sf-product-shop .product-info-details .add-to-cart-box .button-text {
  vertical-align: middle;
}
.sf-product-shop .product-info-details .non-add-to-cart-box {
  color: #212121;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
}
.sf-product-shop .product-info-details .non-add-to-cart-box .add-to-wish {
  cursor: pointer;
  display: flex;
}
.sf-product-shop .product-info-details .non-add-to-cart-box .add-to-wish .wish-icon {
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 100%;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(1185%) hue-rotate(105deg) brightness(98%) contrast(91%);
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6875 3.85742C14.7188 3.85742 13.0069 4.74523 12 6.23305C10.9931 4.74523 9.28125 3.85742 7.3125 3.85742C5.82119 3.85916 4.39146 4.45235 3.33694 5.50686C2.28243 6.56138 1.68924 7.99111 1.6875 9.48242C1.6875 12.2199 3.39375 15.069 6.75937 17.949C8.30161 19.2631 9.96751 20.4248 11.7338 21.4177C11.8156 21.4617 11.9071 21.4847 12 21.4847C12.0929 21.4847 12.1844 21.4617 12.2662 21.4177C14.0325 20.4248 15.6984 19.2631 17.2406 17.949C20.6062 15.069 22.3125 12.2199 22.3125 9.48242C22.3108 7.99111 21.7176 6.56138 20.6631 5.50686C19.6085 4.45235 18.1788 3.85916 16.6875 3.85742ZM12 20.274C10.4616 19.3862 2.8125 14.7062 2.8125 9.48242C2.81374 8.28933 3.28825 7.14546 4.13189 6.30181C4.97553 5.45817 6.11941 4.98366 7.3125 4.98242C9.21375 4.98242 10.8103 5.99773 11.4797 7.63273C11.5221 7.7359 11.5942 7.82414 11.6868 7.88624C11.7795 7.94835 11.8885 7.9815 12 7.9815C12.1115 7.9815 12.2205 7.94835 12.3132 7.88624C12.4058 7.82414 12.4779 7.7359 12.5203 7.63273C13.1897 5.99773 14.7863 4.98242 16.6875 4.98242C17.8806 4.98366 19.0245 5.45817 19.8681 6.30181C20.7118 7.14546 21.1863 8.28933 21.1875 9.48242C21.1875 14.7062 13.5384 19.3862 12 20.274Z' fill='%23333333' stroke='%23333333' stroke-width='0.2'/%3E%3C/svg%3E%0A");
}
.sf-product-shop .product-info-details .non-add-to-cart-box .add-to-wish .wish-icon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath d='M29.2727 8C26.2182 8 23.5622 9.45053 22 11.8814C20.4378 9.45053 17.7818 8 14.7273 8C12.4135 8.00284 10.1952 8.97201 8.55914 10.6949C6.92304 12.4178 6.00269 14.7537 6 17.1903C6 21.6629 8.64727 26.3178 13.8691 31.0232C16.2619 33.1703 18.8466 35.0683 21.5869 36.6905C21.7139 36.7624 21.8558 36.8 22 36.8C22.1442 36.8 22.2861 36.7624 22.4131 36.6905C25.1534 35.0683 27.7381 33.1703 30.1309 31.0232C35.3527 26.3178 38 21.6629 38 17.1903C37.9973 14.7537 37.077 12.4178 35.4409 10.6949C33.8048 8.97201 31.5865 8.00284 29.2727 8Z' fill='%232B3B4F' stroke='%232B3B4F' stroke-width='0.5'/%3E%3C/svg%3E");
}
.sf-product-shop .product-info-details .non-add-to-cart-box .add-to-wish .wished-icon {
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(50%) sepia(10%) saturate(1185%) hue-rotate(105deg) brightness(98%) contrast(91%);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' stroke='%23333' stroke-width='.2' d='M12 5.563c1.007-1.488 2.719-2.375 4.688-2.375a5.632 5.632 0 0 1 5.625 5.624c0 2.738-1.707 5.587-5.072 8.467a31.374 31.374 0 0 1-4.975 3.469.562.562 0 0 1-.532 0 31.376 31.376 0 0 1-4.975-3.469C3.394 14.4 1.687 11.55 1.687 8.813a5.632 5.632 0 0 1 5.625-5.626c1.97 0 3.681.888 4.688 2.376Z'/%3E%3C/svg%3E%0A");
}
.sf-product-shop .product-info-details .non-add-to-cart-box .add-to-wish .button-text {
  vertical-align: middle;
  margin-right: 4px;
  margin-left: 8px;
  color: #05407E;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.sf-product-shop .product-info-details .non-add-to-cart-box .add-to-compare {
  display: flex;
  margin-left: 24px;
  cursor: pointer;
}
.sf-product-shop .product-info-details .non-add-to-cart-box .add-to-compare .compare-icon {
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(20%) sepia(37%) saturate(3468%) hue-rotate(196deg) brightness(88%) contrast(100%);
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5829 12.6863V4.18845C15.5829 3.81574 15.2765 3.50928 14.9038 3.50928C14.531 3.50928 14.2246 3.81574 14.2246 4.18845V12.6863C12.9822 12.9928 12.0546 14.1192 12.0546 15.4527C12.0546 16.7862 12.9822 17.9126 14.2246 18.2191V21.1511C14.2246 21.5238 14.531 21.8302 14.9038 21.8302C15.2765 21.8302 15.5829 21.5238 15.5829 21.1511V18.2191C16.8253 17.9126 17.753 16.7862 17.753 15.4527C17.753 14.1192 16.8253 12.9928 15.5829 12.6863ZM14.9038 16.9518C14.0838 16.9518 13.4129 16.2809 13.4129 15.4527C13.4129 14.6244 14.0838 13.9618 14.9038 13.9535C15.7237 13.9535 16.3946 14.6244 16.3946 15.4527C16.3946 16.2809 15.7237 16.9435 14.9038 16.9518Z' fill='%23333333'/%3E%3Cpath d='M9.52837 7.35239V4.18845C9.52837 3.81574 9.22191 3.50928 8.84919 3.50928C8.47648 3.50928 8.17002 3.81574 8.17002 4.18845V7.35239C6.92764 7.65884 6 8.78524 6 10.1187C6 11.4522 6.92764 12.5787 8.17002 12.8851V21.1511C8.17002 21.5238 8.47648 21.8302 8.84919 21.8302C9.22191 21.8302 9.52837 21.5238 9.52837 21.1511V12.8851C10.7707 12.5787 11.6984 11.4522 11.6984 10.1187C11.6984 8.78524 10.7707 7.65884 9.52837 7.35239ZM8.85748 11.6179C8.03751 11.6179 7.36664 10.947 7.36664 10.1187C7.36664 9.29047 8.03751 8.62787 8.85748 8.61959C9.67746 8.61959 10.3483 9.29047 10.3483 10.1187C10.3483 10.947 9.67746 11.6096 8.85748 11.6179Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}
.sf-product-shop .product-info-details .non-add-to-cart-box .add-to-compare .button-text {
  vertical-align: middle;
  margin-right: 4px;
  margin-left: 8px;
  color: #05407E;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.sf-product-shop .product-info-details .non-add-to-cart-box .share-control {
  display: flex;
  margin-left: 24px;
  cursor: pointer;
}
.sf-product-shop .product-info-details .non-add-to-cart-box .share-control .share-icon {
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none' viewBox='0 0 24 25'%3E%3Cpath fill='%23333' stroke='%23333' stroke-width='.2' d='M18.002 22.17a2.413 2.413 0 0 1-1.771-.73 2.404 2.404 0 0 1-.731-1.77 2.55 2.55 0 0 1 .138-.815l-7.742-4.562a2.65 2.65 0 0 1-.854.645A2.387 2.387 0 0 1 6 15.17a2.41 2.41 0 0 1-1.77-.728 2.408 2.408 0 0 1-.73-1.77c0-.693.243-1.284.73-1.771A2.402 2.402 0 0 1 6 10.17c.37 0 .718.077 1.042.232.325.154.61.369.854.645l7.742-4.562a2.55 2.55 0 0 1-.138-.815c0-.695.243-1.285.729-1.77a2.405 2.405 0 0 1 1.769-.73c.693 0 1.284.243 1.771.729.487.485.731 1.075.731 1.769 0 .693-.243 1.284-.73 1.77A2.404 2.404 0 0 1 18 8.17c-.37 0-.718-.077-1.042-.232a2.65 2.65 0 0 1-.854-.645l-7.742 4.562a2.535 2.535 0 0 1 .103 1.226 2.132 2.132 0 0 1-.103.404l7.742 4.562a2.65 2.65 0 0 1 .854-.645A2.389 2.389 0 0 1 18 17.17c.695 0 1.285.243 1.77.729.487.485.73 1.075.73 1.769 0 .693-.243 1.284-.728 1.77a2.406 2.406 0 0 1-1.77.732ZM18 7.17c.411 0 .764-.147 1.059-.441.294-.295.441-.648.441-1.06 0-.41-.147-.763-.441-1.058A1.446 1.446 0 0 0 18 4.17a1.45 1.45 0 0 0-1.059.44 1.446 1.446 0 0 0-.441 1.06c0 .411.147.764.441 1.059.295.294.648.44 1.059.44Zm-12 7c.411 0 .764-.147 1.059-.441.294-.295.441-.648.441-1.06 0-.41-.147-.763-.441-1.058A1.446 1.446 0 0 0 6 11.17a1.45 1.45 0 0 0-1.059.44 1.446 1.446 0 0 0-.441 1.06c0 .411.147.764.441 1.059.295.294.648.44 1.059.44Zm12 7c.411 0 .764-.147 1.059-.441.294-.295.441-.648.441-1.06 0-.41-.147-.763-.441-1.058A1.446 1.446 0 0 0 18 18.17a1.45 1.45 0 0 0-1.059.44 1.446 1.446 0 0 0-.441 1.06c0 .411.147.764.441 1.059.295.294.648.44 1.059.44Z'/%3E%3C/svg%3E%0A");
}
.sf-product-shop .product-info-details .non-add-to-cart-box .share-control .button-text {
  vertical-align: middle;
  margin-right: 4px;
  margin-left: 8px;
}
.sf-product-shop .product-info-details .social-share-box {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-top: 50px;
  margin-bottom: 50px;
  align-items: center;
  gap: 16px;
  border-radius: 30px;
}
@media screen and (max-width: 922px) {
  .sf-product-shop .product-info-details .social-share-box {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.sf-product-shop .product-info-details .social-share-box .share-text {
  font-size: 1rem;
  color: #032524;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.sf-product-shop .product-info-details .social-share-box .social-icons {
  gap: 24px;
}

.sf-product-shop.type-bundle .master-info .product-name {
  font-size: 26px;
  font-weight: 400;
  line-height: 39px;
  word-wrap: break-word;
}
@media screen and (max-width: 900px) {
  .sf-product-shop.type-bundle .master-info .product-name {
    font-size: 24px;
  }
}
.sf-product-shop.type-bundle .master-info .product-sku {
  color: #707070;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  word-wrap: break-word;
  margin-bottom: 50px;
}
.sf-product-shop.type-bundle .non-add-to-cart-box {
  margin-top: 40px;
  margin-left: 0;
}
.sf-product-shop.type-bundle .total-price, .sf-product-shop.type-bundle .no-vat {
  margin-bottom: 10px;
}
.sf-product-shop.type-bundle .add-to-cart-button {
  height: 42px;
  padding: 0px 24px;
  width: 280px;
}
.sf-product-shop.type-bundle .product-info-details {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DDD;
}
.sf-product-shop.type-bundle .product-info-details .bundle-info {
  gap: 24px;
}
.sf-product-shop.type-bundle .product-info-details .bundle-info .bundle-product-thumb {
  max-width: 200px;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .sf-product-shop.type-bundle .product-info-details .bundle-info .bundle-product-thumb {
    max-width: 100px;
  }
}
.sf-product-shop.type-bundle .product-info-details .bundle-info .bundle-product-thumb img {
  width: 100%;
}
.sf-product-shop.type-bundle .product-info-details .product-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  word-wrap: break-word;
}
.sf-product-shop.type-bundle .product-info-details .brand-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  word-wrap: break-word;
}
.sf-product-shop.type-bundle .product-info-details .product-price {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; /* 24px */
}
.sf-product-shop.type-bundle .summary-box.type-bundle {
  padding-top: 24px;
}
.sf-product-shop.type-bundle .summary-box.type-bundle .add-to-cart-box {
  margin-top: 24px;
}
@media screen and (max-width: 576px) {
  .sf-product-shop.type-bundle .summary-box.type-bundle .add-to-cart-box .btn {
    width: 100%;
  }
}
.sf-product-shop.type-bundle .summary-box.type-bundle .add-to-cart-box .cart-icon {
  vertical-align: middle;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4483 6.70615C21.1821 6.3795 20.7773 6.19208 20.3448 6.19208H6.07637L5.58281 4.11973C5.52181 3.85734 5.27778 3.66992 4.99496 3.66992H2.85443C2.52171 3.66992 2.25 3.93231 2.25 4.2536C2.25 4.5749 2.52171 4.83729 2.85443 4.83729H4.51251L7.10781 15.7666C7.19654 16.1522 7.54591 16.4199 7.95628 16.4199H17.4889C18.7809 16.4199 19.8845 15.5738 20.1728 14.3583L21.7145 7.8628C21.8087 7.45583 21.7145 7.03815 21.4428 6.7115L21.4483 6.70615ZM20.5444 7.59506L19.0027 14.0905C18.8419 14.7706 18.2209 15.2472 17.4944 15.2472H8.228L6.35364 7.35409H20.3448C20.4279 7.35409 20.4779 7.40228 20.5056 7.42906C20.5278 7.45583 20.561 7.51473 20.5444 7.59506Z' fill='%23F8F8F8'/%3E%3Cpath d='M9.95827 18.0308C8.91018 18.0308 8.05615 18.8848 8.05615 19.9328C8.05615 20.9809 8.91018 21.8349 9.95827 21.8349C11.0064 21.8349 11.8603 20.9809 11.8603 19.9328C11.8603 18.8848 11.0064 18.0308 9.95827 18.0308ZM9.95827 20.7536C9.50354 20.7536 9.13755 20.3876 9.13755 19.9328C9.13755 19.4781 9.50354 19.1121 9.95827 19.1121C10.413 19.1121 10.779 19.4781 10.779 19.9328C10.779 20.3876 10.413 20.7536 9.95827 20.7536Z' fill='white'/%3E%3Cpath d='M10.0026 21.0365C10.6059 21.0365 11.095 20.5474 11.095 19.944C11.095 19.3407 10.6059 18.8516 10.0026 18.8516C9.39925 18.8516 8.91016 19.3407 8.91016 19.944C8.91016 20.5474 9.39925 21.0365 10.0026 21.0365Z' fill='white'/%3E%3Cpath d='M16.1635 18.0308C15.1154 18.0308 14.2615 18.8848 14.2615 19.9328C14.2615 20.9809 15.1154 21.8349 16.1635 21.8349C17.2116 21.8349 18.0656 20.9809 18.0656 19.9328C18.0656 18.8848 17.2116 18.0308 16.1635 18.0308ZM16.1635 20.7536C15.7088 20.7536 15.3428 20.3876 15.3428 19.9328C15.3428 19.4781 15.7088 19.1121 16.1635 19.1121C16.6182 19.1121 16.9842 19.4781 16.9842 19.9328C16.9842 20.3876 16.6182 20.7536 16.1635 20.7536Z' fill='white'/%3E%3Cpath d='M16.2024 21.0365C16.8057 21.0365 17.2948 20.5474 17.2948 19.944C17.2948 19.3407 16.8057 18.8516 16.2024 18.8516C15.599 18.8516 15.1099 19.3407 15.1099 19.944C15.1099 20.5474 15.599 21.0365 16.2024 21.0365Z' fill='white'/%3E%3C/svg%3E%0A");
}
.sf-product-shop.type-bundle .summary-box.type-bundle .add-to-cart-box .button-text {
  vertical-align: middle;
  margin-right: 4px;
  margin-left: 8px;
  text-transform: uppercase;
}
.sf-product-shop.type-bundle .summary-box.type-bundle .total-price {
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 33px */
}
.sf-product-shop.type-bundle .summary-box.type-bundle .no-vat {
  color: #212121;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  word-wrap: break-word;
}

.product-text-detail-row {
  margin-top: 60px;
}
.product-text-detail-row.have-option {
  margin-top: 32px;
}
@media screen and (max-width: 992px) {
  .product-text-detail-row.have-option {
    margin-top: 16px;
  }
}
@media screen and (max-width: 992px) {
  .product-text-detail-row {
    margin-bottom: 24px;
  }
}
.product-text-detail-row .bg-white-detail {
  padding: 24px;
  border-radius: 10px;
  height: 100%;
}
.product-text-detail-row .product-detail {
  margin-left: 0px;
  margin-right: 0px;
}
.product-text-detail-row .product-desc p, .product-text-detail-row .product-desc span, .product-text-detail-row .product-desc label, .product-text-detail-row .product-desc ul, .product-text-detail-row .product-desc li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
.product-text-detail-row .detail-box {
  margin-bottom: 16px;
}
.product-text-detail-row .detail-box:last-child {
  margin-bottom: 0px;
}
.product-text-detail-row .topic {
  color: #33584A;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.product-text-detail-row .prd-desc-zone {
  padding: 0px 8px;
}
@media screen and (max-width: 992px) {
  .product-text-detail-row .product-spec-download {
    margin-top: 24px;
  }
}
.product-text-detail-row .product-spec {
  margin-bottom: 24px;
}
.product-text-detail-row .product-spec .spec-table {
  font-size: 14px;
  line-height: 21px;
}
.product-text-detail-row .product-spec .spec-table tr:nth-of-type(odd) {
  background: #fff;
}
.product-text-detail-row .product-spec .spec-table tr:nth-of-type(even) {
  background: rgba(137, 209, 181, 0.2588235294);
}
.product-text-detail-row .product-spec .spec-table td {
  border: 0px !important;
  padding: 0.25rem;
}
.product-text-detail-row .product-spec .spec-table .topic {
  text-transform: capitalize;
  padding: 4px 24px;
  color: #212121;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.product-text-detail-row .product-spec .spec-table .text {
  padding: 4px 24px;
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.product-text-detail-row .product-spec .spec-table .topic {
  width: 180px;
}
@media screen and (max-width: 576px) {
  .product-text-detail-row .product-spec .spec-table .topic {
    width: 140px;
  }
}
.product-text-detail-row .product-doc-download {
  margin-bottom: 24px;
}
.product-text-detail-row .product-doc-download .file-head-table {
  color: #ffffff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 22px */
}
.product-text-detail-row .product-doc-download .spec-table-desktop th {
  padding: 5px 10px;
  background-color: #F6F6F6;
  color: #212121;
}
.product-text-detail-row .product-doc-download .spec-table-desktop td {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%; /* 22px */
  padding: 8px 10px;
  vertical-align: middle;
}
.product-text-detail-row .product-doc-download td {
  padding: 0.25rem;
}
.product-text-detail-row .product-doc-download .btn-view {
  border-radius: 20px;
  background-color: white;
  border: 1px solid #212121;
}
.product-text-detail-row .product-doc-download .btn-view:hover, .product-text-detail-row .product-doc-download .btn-view:focus {
  background-color: #212121;
  color: white;
}
.product-text-detail-row .product-doc-download .btn-view:active {
  background-color: #27473B;
  color: #27473B;
}
.product-text-detail-row .product-doc-download .btn-download {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 20px */
  padding: 0px 8px;
  border-radius: 20px;
  background-color: #89D1B5;
  padding: 0px 8px;
}
.product-text-detail-row .product-doc-download .btn-download:hover, .product-text-detail-row .product-doc-download .btn-download:focus {
  background-color: #212121;
  color: white;
}
.product-text-detail-row .product-doc-download .btn-download:active {
  background-color: #27473B;
  color: white;
}
.product-text-detail-row .product-doc-download .topic-mobile {
  margin-bottom: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 21px */
}
.product-text-detail-row .product-doc-download .spec-table-mobile .filename {
  color: #212121;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 22px */
  padding-right: 24px;
}
.product-text-detail-row .product-doc-download .spec-table-mobile a {
  color: #EA1F27;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 22px */
  text-decoration-line: underline;
  padding-left: 24px;
  padding-right: 24px;
}
.product-text-detail-row .navbar-product {
  display: flex;
  margin-bottom: 16px;
  border-bottom: 1px solid #909090;
  overflow-x: auto;
}
.product-text-detail-row .navbar-product::-webkit-scrollbar {
  height: 2px;
}
.product-text-detail-row .navbar-product .tab-link {
  text-align: center;
  cursor: pointer;
  padding: 10px;
  transition: all 0.5s ease-in-out 0s;
  border-bottom: 0px solid #909090;
}
.product-text-detail-row .navbar-product .tab-link.active {
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  border-bottom: 3px solid #909090;
}
.product-text-detail-row .product-detail-text .tab-content {
  display: none;
  opacity: 0;
}
.product-text-detail-row .product-detail-text .tab-content.active {
  animation: fadeIn 0.8s forwards;
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.product-detail-text .title-product-detail {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
  color: #33584A;
  margin-bottom: 16px;
}
.product-detail-text p {
  color: var(--Text-Black, #032524);
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 16px;
}
.product-detail-text p:last-child {
  margin-bottom: 0px;
}

.related-box-all {
  margin-top: 60px;
}

.sf-product-display .related-product:not(:last-child) {
  margin-bottom: 80px;
}
.sf-product-display .related-product .slick-track, .sf-product-display .related-blog .slick-track {
  display: flex;
}
@media screen and (max-width: 992px) {
  .sf-product-display .related-product .upsell-product-warp, .sf-product-display .related-product .related-product-warp, .sf-product-display .related-product .related-blog-warp, .sf-product-display .related-blog .upsell-product-warp, .sf-product-display .related-blog .related-product-warp, .sf-product-display .related-blog .related-blog-warp {
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 900px) {
  .sf-product-display .related-product .upsell-product-warp .slick-list, .sf-product-display .related-product .related-product-warp .slick-list, .sf-product-display .related-product .related-blog-warp .slick-list, .sf-product-display .related-blog .upsell-product-warp .slick-list, .sf-product-display .related-blog .related-product-warp .slick-list, .sf-product-display .related-blog .related-blog-warp .slick-list {
    padding: 0px 2px;
  }
}
.sf-product-display .related-product .upsell-product-warp .slick-prev, .sf-product-display .related-product .related-product-warp .slick-prev, .sf-product-display .related-product .related-blog-warp .slick-prev, .sf-product-display .related-blog .upsell-product-warp .slick-prev, .sf-product-display .related-blog .related-product-warp .slick-prev, .sf-product-display .related-blog .related-blog-warp .slick-prev {
  left: -108px;
}
@media screen and (max-width: 900px) {
  .sf-product-display .related-product .upsell-product-warp .slick-prev, .sf-product-display .related-product .related-product-warp .slick-prev, .sf-product-display .related-product .related-blog-warp .slick-prev, .sf-product-display .related-blog .upsell-product-warp .slick-prev, .sf-product-display .related-blog .related-product-warp .slick-prev, .sf-product-display .related-blog .related-blog-warp .slick-prev {
    left: 0px;
  }
}
.sf-product-display .related-product .upsell-product-warp .slick-next, .sf-product-display .related-product .related-product-warp .slick-next, .sf-product-display .related-product .related-blog-warp .slick-next, .sf-product-display .related-blog .upsell-product-warp .slick-next, .sf-product-display .related-blog .related-product-warp .slick-next, .sf-product-display .related-blog .related-blog-warp .slick-next {
  right: -108px;
}
@media screen and (max-width: 900px) {
  .sf-product-display .related-product .upsell-product-warp .slick-next, .sf-product-display .related-product .related-product-warp .slick-next, .sf-product-display .related-product .related-blog-warp .slick-next, .sf-product-display .related-blog .upsell-product-warp .slick-next, .sf-product-display .related-blog .related-product-warp .slick-next, .sf-product-display .related-blog .related-blog-warp .slick-next {
    right: 0px;
  }
}
.sf-product-display .related-product:last-child, .sf-product-display .related-blog:last-child {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 992px) {
  .sf-product-display .related-product, .sf-product-display .related-blog {
    margin-bottom: 48px !important;
  }
  .sf-product-display .related-product:last-child, .sf-product-display .related-blog:last-child {
    margin-bottom: 40px !important;
  }
}
.sf-product-display .related-product .sub-title, .sf-product-display .related-blog .sub-title {
  color: #33584A;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%; /* 33px */
  margin-bottom: 40px;
  overflow-wrap: break-word;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .sf-product-display .related-product .sub-title, .sf-product-display .related-blog .sub-title {
    font-size: 1.625rem;
    margin-bottom: 16px;
  }
}
.sf-product-display .related-product .product-box, .sf-product-display .related-blog .product-box {
  max-width: 330px;
}
.sf-product-display .related-product .item-box, .sf-product-display .related-blog .item-box {
  margin-bottom: 10px;
  width: 100%;
}
@media all and (max-width: 768px) {
  .sf-product-display .related-product .item-box, .sf-product-display .related-blog .item-box {
    padding: 0px 8px;
  }
}

.unauth-user-icon, .wishlist-icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  width: 32px;
}

.wishlist-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.688 3.188c-1.97 0-3.681.887-4.688 2.375-1.007-1.488-2.719-2.375-4.688-2.375a5.632 5.632 0 0 0-5.625 5.624c0 2.738 1.707 5.587 5.072 8.467a31.376 31.376 0 0 0 4.975 3.469.562.562 0 0 0 .532 0 31.374 31.374 0 0 0 4.975-3.469c3.365-2.88 5.072-5.729 5.072-8.466a5.631 5.631 0 0 0-5.625-5.626ZM12 19.604c-1.538-.888-9.188-5.568-9.188-10.791a4.505 4.505 0 0 1 4.5-4.5c1.902 0 3.498 1.015 4.168 2.65a.563.563 0 0 0 1.04 0c.67-1.635 2.266-2.65 4.168-2.65a4.505 4.505 0 0 1 4.5 4.5c0 5.223-7.65 9.903-9.188 10.791Z' fill='%23333' stroke='%23333' stroke-width='.5'/%3E%3C/svg%3E");
}

.logout-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.325 16.275a1.11 1.11 0 0 1-.275-.737c0-.275.092-.504.275-.688l1.85-1.85H10a.968.968 0 0 1-.713-.288A.964.964 0 0 1 9 12c0-.283.096-.521.288-.713A.964.964 0 0 1 10 11h7.175l-1.85-1.85c-.2-.2-.3-.438-.3-.713 0-.275.1-.513.3-.712.183-.2.413-.3.688-.3a.93.93 0 0 1 .687.275l3.6 3.6c.1.1.171.208.213.325.042.117.063.242.062.375 0 .133-.02.258-.062.375a.865.865 0 0 1-.213.325l-3.6 3.6c-.217.217-.454.313-.713.288a1.046 1.046 0 0 1-.662-.313ZM5 21c-.55 0-1.021-.196-1.413-.588A1.922 1.922 0 0 1 3 19V5c0-.55.196-1.021.588-1.413A1.922 1.922 0 0 1 5 3h6c.283 0 .521.096.713.288.192.192.288.43.287.712a.968.968 0 0 1-.288.713A.964.964 0 0 1 11 5H5v14h6c.283 0 .521.096.713.288.192.192.288.43.287.712a.968.968 0 0 1-.288.713A.964.964 0 0 1 11 21H5Z' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  width: 32px;
}

.right-arrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%23333' stroke='%23333' d='m17.454 12.378.003.01a.5.5 0 0 1 0 .38l-.003.009a.498.498 0 0 1-.102.161l-4.996 4.996-.001.001a.5.5 0 0 1-.71 0l-.003-.003a.497.497 0 0 1 0-.71h.001l3.3-3.29.857-.855H7a.5.5 0 1 1 0-1h8.8l-.857-.854-3.3-3.29a.504.504 0 0 1 .713-.712l4.996 4.995a.497.497 0 0 1 .102.162Z'/%3E%3C/svg%3E");
}

.facebook-icon, .right-arrow {
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}

.facebook-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23333' d='m18.092 13.372.723-3.973h-4.538V6.811a1.699 1.699 0 0 1 .14-.875c.124-.28.321-.531.577-.738a2.48 2.48 0 0 1 .9-.454c.336-.093.693-.12 1.044-.082H19v-3.39A29.585 29.585 0 0 0 15.338 1C11.6 1 9.154 2.903 9.154 6.358v3.041H5v3.973h4.154V23h5.123v-9.628h3.815Z'/%3E%3C/svg%3E");
}

.line-icon-product {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 22 21'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M19.562 14.45c-2.3 2.664-7.435 5.896-8.606 6.392-1.12.475-1.008-.242-.96-.55l.006-.039c.02-.11.071-.423.154-.94.04-.289.082-.722-.031-1.001-.123-.31-.606-.465-.965-.548-5.268-.692-9.16-4.4-9.16-8.82C0 4.018 4.908 0 10.957 0c6.037 0 10.956 4.018 10.956 8.944 0 1.973-.77 3.75-2.351 5.505Zm-1.465-2.83h-3.08a.207.207 0 0 1-.206-.207V6.6c0-.114.092-.207.205-.207h3.08c.114 0 .206.093.206.207v.785a.207.207 0 0 1-.205.206h-2.095v.816h2.095c.113 0 .205.093.205.207v.785a.207.207 0 0 1-.205.206h-2.095v.816h2.095c.113 0 .205.093.205.207v.785a.207.207 0 0 1-.205.206Zm-14.469 0h3.08a.207.207 0 0 0 .206-.207v-.785a.207.207 0 0 0-.205-.207H4.614V6.6a.207.207 0 0 0-.205-.207h-.78a.207.207 0 0 0-.206.207v4.813c0 .113.092.206.205.206Zm4.929-5.227h-.78a.206.206 0 0 0-.206.207v4.813c0 .114.092.206.206.206h.78a.206.206 0 0 0 .205-.206V6.6a.206.206 0 0 0-.205-.207Zm5.504 5.02V6.6a.209.209 0 0 0-.216-.207h-.77c-.113 0-.215.093-.215.207v2.85l-2.188-2.964a.026.026 0 0 0-.01-.02l-.02-.021-.01-.01h-.01c0-.007-.004-.01-.011-.01v-.011h-.02l-.01-.01h-.011c-.007 0-.01-.004-.01-.01h-.832c-.113 0-.216.092-.216.206v4.813c0 .113.103.206.216.206h.77a.209.209 0 0 0 .216-.206V8.552l2.187 2.974a.18.18 0 0 0 .051.052h.01c0 .007.004.01.01.01l.01.01h.022v.011h.021a.11.11 0 0 0 .051.01h.77a.209.209 0 0 0 .216-.206Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.line-icon-product, .x-icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}

.x-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M9.028 13.052.456 22.836h3.797l6.561-7.51 5.782 7.511 7.404-.04-9.387-12.414 8.01-9.176-3.736-.042-6.05 6.896-5.178-6.885L0 1.168l9.028 11.884Zm10.488 7.532-1.916-.006L4.435 3.343h2.061l13.02 17.24Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.whatapp-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23333' d='m1 23 1.554-5.65a10.839 10.839 0 0 1-1.462-5.45C1.095 5.89 6.01 1 12.046 1c2.93 0 5.68 1.137 7.749 3.197A10.813 10.813 0 0 1 23 11.91c-.003 6.01-4.916 10.901-10.954 10.901-1.833 0-3.639-.458-5.239-1.327L1 23Zm6.076-3.49c1.544.912 3.017 1.459 4.966 1.46 5.018 0 9.106-4.065 9.109-9.062.001-5.006-4.067-9.066-9.101-9.067-5.022 0-9.107 4.064-9.108 9.06-.001 2.04.6 3.567 1.608 5.165l-.92 3.344 3.446-.9Zm10.488-5.008c-.068-.114-.25-.182-.525-.319-.274-.136-1.62-.795-1.87-.886-.251-.09-.434-.136-.617.137-.182.272-.707.886-.867 1.068-.159.181-.32.204-.593.067-.273-.136-1.156-.423-2.2-1.352-.814-.722-1.364-1.614-1.523-1.887-.16-.272-.017-.42.12-.556.123-.121.273-.318.41-.477.14-.158.184-.272.276-.454.092-.181.046-.34-.023-.477-.069-.136-.616-1.477-.843-2.023-.223-.53-.449-.459-.616-.467l-.525-.01c-.183 0-.48.069-.73.342s-.958.931-.958 2.272c0 1.341.981 2.636 1.117 2.818.138.181 1.93 2.933 4.676 4.113.653.28 1.163.448 1.56.574.656.207 1.252.178 1.724.108.526-.078 1.62-.66 1.848-1.295.228-.637.228-1.183.159-1.296Z'/%3E%3C/svg%3E");
}

.wechat-icon, .whatapp-icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}

.wechat-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M8.578 2.001C3.893 1.931 0 5.34 0 9.358c0 2.32 1.102 4.332 3.236 5.81 0 0-.782 2.554-.77 2.606.01.05.18.152.24.119s2.827-1.667 2.827-1.667c1.984.674 3.194.508 3.4.48a.552.552 0 0 1 .028-.004 5.274 5.274 0 0 1-.192-2.469c.827-4.712 5.701-6.178 8.373-5.928-.738-3.403-3.942-6.235-8.564-6.304ZM5.322 5.87c-.615 0-1.113.493-1.113 1.102 0 .608.498 1.101 1.113 1.101.614 0 1.113-.493 1.113-1.101 0-.609-.499-1.102-1.113-1.102Zm6.737 0c-.615 0-1.113.493-1.113 1.102 0 .608.498 1.101 1.113 1.101.614 0 1.112-.493 1.112-1.101 0-.609-.498-1.102-1.112-1.102Z' clip-rule='evenodd'/%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M24 14.95c0-3.443-3.364-6.08-7.267-6.08-4.132 0-7.427 2.697-7.427 6.14 0 3.449 3.134 6.304 7.432 6.327.865.005 2.154-.215 3.023-.574 0 0 2.076 1.246 2.193 1.237a.19.19 0 0 0 .18-.179c.005-.078-.662-2.023-.662-2.023C23.256 18.415 24 16.892 24 14.95Zm-9.986-3.223a.98.98 0 0 0-.985.976.98.98 0 0 0 .985.976.98.98 0 0 0 .984-.976.98.98 0 0 0-.984-.976Zm5.264 0a.98.98 0 0 0-.984.976c0 .539.44.976.984.976a.98.98 0 0 0 .985-.976.98.98 0 0 0-.985-.976Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.email-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23333' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm-.4 4.25-7.07 4.42c-.32.2-.74.2-1.06 0L4.4 8.25a.85.85 0 1 1 .9-1.44L12 11l6.7-4.19a.85.85 0 1 1 .9 1.44Z'/%3E%3C/svg%3E");
}

.email-icon, .link-icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}

.box-icon-copy {
  padding: 13px;
  border-radius: 50px;
  background: #FEC618;
  cursor: pointer;
}

.line-icon-login {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 724 724' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2331B815' d='M82 195h551v258H82z'/%3E%3Cpath d='M362 34.013C162.071 34.013 0 159.84 0 315.06c0 138.357 128.776 253.354 298.341 276.713h.075c3.986.553 7.997 1.03 12.033 1.483 57.737 11.66 7.695 81.724 26.593 96.049 21.752 16.473 186.526-90.332 286.635-180.048 14.485-11.761 27.661-24.503 39.367-38.086l.214-.226c2.791-2.978 5.004-5.679 6.702-8.13C704.21 419.88 724 369.254 724 315.048 724 159.829 561.929 34 362 34v.013ZM243.848 386.406c0 10.065-8.5 18.308-18.873 18.308h-73.013c-10.386 0-18.885-8.243-18.885-18.308V250.638c0-10.065 8.499-18.308 18.885-18.308h1.571c10.386 0 18.886 8.231 18.886 18.308v115.94h52.556c10.386 0 18.873 8.23 18.873 18.308v1.52Zm54.581 0c0 10.065-8.5 18.308-18.885 18.308h-1.572c-10.385 0-18.885-8.243-18.885-18.308V250.638c0-10.065 8.5-18.308 18.885-18.308h1.572c10.385 0 18.885 8.231 18.885 18.308v135.768Zm170.998 0c0 4.812-1.961 9.424-5.457 12.842-1.119 1.332-2.716 2.45-4.602 3.329a19.176 19.176 0 0 1-8.826 2.137h-1.572c-2.527 0-4.954-.491-7.167-1.383-2.879-1.043-5.457-2.764-7.355-5.252a21.215 21.215 0 0 1-1.383-1.834l-68.726-91.023v81.184c0 10.065-8.5 18.308-18.886 18.308h-1.571c-10.386 0-18.885-8.243-18.885-18.308V250.638c0-10.065 8.499-18.308 18.885-18.308h1.571c6.991 0 13.14 3.745 16.396 9.261l68.236 88.749v-79.689c0-10.065 8.499-18.308 18.885-18.308h1.572c10.385 0 18.885 8.23 18.885 18.308v135.767-.012Zm134.95-133.921c0 10.065-8.5 18.308-18.885 18.308h-52.557v28.988h52.557c10.385 0 18.885 8.23 18.885 18.307v1.533c0 10.065-8.5 18.308-18.885 18.295h-52.557v28.989h52.557c10.385 0 18.885 8.23 18.885 18.307v1.533c0 10.065-8.5 18.308-18.885 18.308h-73.014c-10.385 0-18.885-8.243-18.885-18.308V250.977c0-10.065 8.5-18.307 18.885-18.307h73.014c10.385 0 18.885 8.23 18.885 18.307v1.521-.013Z' fill='%23fff'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px;
}

.line-icon-login, .x-icon-login {
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.product-brand-main .product-brand img {
  width: 120px;
  height: 40px;
}

.button-with-loader {
  position: relative;
  display: inline-block;
}
.button-with-loader:hover {
  background-color: #8c9bae;
}
.button-with-loader .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: none;
}
.button-with-loader.loading svg {
  display: none;
}
.button-with-loader.loading .loader {
  display: inline-block;
}
.button-with-loader .button-text.loading {
  display: none;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 922px) {
  .item-box, .blog-column {
    max-width: 330px;
  }
}

.item-box {
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
}
.box-product-option {
  padding-bottom: 50px;
}
.box-product-option .buy-option-label {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%; /* 27px */
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .box-product-option .buy-option-label {
    font-size: 1rem;
  }
}

.product-option {
  display: flex;
  justify-content: flex-start;
}
.product-option .buy-option-wrap {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: center;
}
.product-option .buy-option-wrap .box-option {
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  .product-option .buy-option-wrap .box-option {
    display: flex;
    justify-content: center;
  }
  .product-option .buy-option-wrap .box-option .text {
    display: none;
  }
}
.product-option .buy-option-wrap .box-option a {
  gap: 16px;
  display: flex;
}
.product-option .buy-option-wrap .box-option img {
  width: 50px;
  height: auto;
}
.product-option .buy-option-wrap .box-option svg {
  width: 50px;
  height: auto;
}

.donwload-info {
  margin-top: 24px;
}
.donwload-info .donwload-bm {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  height: 42px;
  padding: 0px 28px 0px 32px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 20px;
  border: 2px solid #89D1B5;
}
.donwload-info .donwload-bm span {
  color: #89D1B5;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%; /* 24px */
  text-transform: uppercase;
}
.donwload-info .donwload-bm::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.37391 19.768C9.11177 19.7685 8.85772 19.68 8.65587 19.5177C8.54226 19.4264 8.44836 19.3142 8.37952 19.1875C8.31069 19.0609 8.26829 18.9224 8.25474 18.7798C8.24119 18.6373 8.25676 18.4935 8.30057 18.3569C8.34438 18.2202 8.41555 18.0932 8.51002 17.9832L13.5363 12.1499L8.68953 6.30575C8.59633 6.19443 8.52674 6.06634 8.48474 5.92885C8.44275 5.79135 8.42918 5.64716 8.44482 5.50456C8.46046 5.36196 8.50499 5.22377 8.57587 5.09792C8.64675 4.97207 8.74257 4.86105 8.85782 4.77125C8.9739 4.67217 9.10984 4.59744 9.25711 4.55174C9.40437 4.50605 9.55979 4.49037 9.7136 4.5057C9.86741 4.52103 10.0163 4.56703 10.1509 4.64082C10.2855 4.71461 10.403 4.81459 10.4958 4.93449L15.9148 11.4643C16.0798 11.659 16.17 11.9033 16.17 12.1554C16.17 12.4074 16.0798 12.6517 15.9148 12.8464L10.3051 19.3762C10.1926 19.5079 10.0496 19.6121 9.8878 19.6801C9.726 19.7482 9.54995 19.7783 9.37391 19.768Z' fill='%2306509D'/%3E%3C/svg%3E");
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  filter: brightness(0) saturate(100%) invert(98%) sepia(99%) saturate(487%) hue-rotate(76deg) brightness(86%) contrast(89%);
}

.product-grid-view {
  padding-left: 0;
}
.product-grid-view li {
  list-style: none;
  padding: 0px 12px;
}
