/*--------- Abstracts variable ---------- */
:root {
  --primary-2: #ff9a90;
  --primary-3: #ffc5c0;
  --primary-4: #fff1ef;
  --primary-green: #39ae52;
  --secondary: #4b4ded;
  --secondary-2: rgba(75, 77, 237, 0.75);
  --secondary-3: rgba(75, 77, 237, 0.5);
  --secondary-4: #efeffd;
  --dark: #000000;
  --dark-2: #101828;
  --dark-3: #282828;
  --dark-4: #1C1C1C;
  --white: #ffffff;
  --white-2: #edeae5;
  --purple: #9148ff;
  --purple-2: #f6efff;
  --violet: #a83fff;
  --violet-2: #a474ff;
  --success: #31d0aa;
  --success-2: rgba(49, 208, 170, 0.75);
  --success-3: rgba(49, 208, 170, 0.5);
  --success-4: rgba(49, 208, 170, 0.1);
  --light-green: #00ba00;
  --text: #545454;
  --text-2: #393939;
  --text-3: #667085;
  --text-4: #757575;
  --line: #ebebeb;
  --line-2: #f2f4f7;
  --line-3: #c9c9c9;
  --line-4: #e4e7ec;
  --line-5: rgba(126, 126, 126,0.2);
  --surface: #f5f5f5;
  --surface-2: #f7f7f7;
  --surface-3: #f3f3f3;
  --shadow-1: 0px 4px 20px 0px #0000001a;
  --gradient-1: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 100%
  );
  --backdrop: rgba(0, 0, 0, 0.4);
  --bg-scrollbar-track: #f1f1f1;
  --bg-scrollbar-thumb: #c1c1c1;
  --rgba-white: rgba(255, 255, 255, 0.8);
  --rgba-dark: rgba(0, 0, 0, 0.6);
  --rgba-dark-2: rgba(0, 0, 0, 0.8);
  --rgba-dark-3: rgba(0, 0, 0, 0.2);
  --yellow: #ffc108;
  --yellow-2: #ff9a00;
  --brown: #8f5252;
  --red: #e21b1b;
}

.primary-2 {
  --primary: #39ae52;
}

.primary-3 {
  --primary: #d62c2c;
}

/*------------ Components ---------------- */
/*--------- Abstracts variable ---------- */
.flat-single-product {
  padding: 27px 0px 100px;
}

.stagger-wrap .stagger-item {
  transition: 0.3s ease-in-out;
  transform: scale(0.5) rotate(90deg) skew(15deg);
  opacity: 0;
}
.stagger-wrap .stagger-item.stagger-finished {
  transform: scale(1) rotate(0deg) skew(0deg);
  opacity: 1;
}

.slider-scroll,
.thumbs-slider {
  display: flex;
  gap: 10px;
}

.thumbs-bottom {
  flex-direction: column;
}
.thumbs-bottom .tf-product-media-thumbs {
  order: 1;
  width: 100%;
}
.thumbs-bottom .flat-wrap-media-product {
  width: 100%;
}

.tf-product-media-thumbs {
  width: 122px;
  flex-shrink: 0;
  max-height: 758px;
}
.tf-product-media-thumbs .swiper-slide {
  height: max-content;
  width: auto;
}
.tf-product-media-thumbs .swiper-slide .item {
  position: relative;
  height: 100%;
}
.tf-product-media-thumbs .swiper-slide .item img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tf-product-media-thumbs .swiper-slide .item::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.tf-product-media-thumbs .swiper-slide:not(.swiper-slide-thumb-active) .item {
  opacity: 0.6;
}
.tf-product-media-thumbs .swiper-slide.swiper-slide-thumb-active .item::after {
  border-color: rgba(0, 0, 0, 0.4);
}

.wrap-btn-viewer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.wrap-btn-viewer .icon {
  font-size: 20px;
}

.tf-model-viewer-ui-button .wrap-btn-viewer {
  width: 44px;
  height: 44px;
}

.flat-wrap-media-product {
  width: calc(100% - 132px);
  position: relative;
}
.flat-wrap-media-product .tf-product-media-main {
  border-radius: 12px;
}
.flat-wrap-media-product .tf-product-media-main .item {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-height: 827px;
}
.flat-wrap-media-product .tf-product-media-main .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flat-wrap-media-product .tf-product-media-main .slide-3d,
.flat-wrap-media-product .tf-product-media-main .slide-video {
  height: auto;
}

.tf-product-info-wrap .tf-product-info-heading {
  border-bottom: 1px solid var(--line);
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-info-heading .brands {
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .brands a {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #545454;
  text-transform: uppercase;
}
.tf-product-info-wrap .tf-product-info-heading .category {
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .category * {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -3%;
  color: #545454;
}
.tf-product-info-wrap .tf-product-info-heading .category .content {
  color: #000;
}
.tf-product-info-wrap .tf-product-info-heading .category .content a {
  color: #000;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-name {
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate .list-star {
  margin-right: 6px;
  display: flex;
  align-items: center;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate .icon {
  font-size: 16px;
  color: #98ab23;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate .icon:not(:last-child) {
  margin-right: 5px;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-rate .count-review {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 22.4px;
  letter-spacing: -3%;
  color: var(--text);
}
.tf-product-info-wrap .tf-product-info-heading .product-info-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-weight: 500;
  margin-bottom: 12px;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-price .price-new {
  color: var(--primary);
}
.tf-product-info-wrap .tf-product-info-heading .product-info-price .price-old {
  color: var(--rgba-dark);
  text-decoration: line-through;
}
.tf-product-info-wrap .tf-product-info-heading .badge-sale {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  background-color: var(--primary);
  border-radius: 22px;
  padding: 5px 10px;
  color: var(--white);
}
.tf-product-info-wrap .tf-product-info-heading .group-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}
.tf-product-info-wrap .tf-product-info-heading .group-badges .on-sale-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.tf-product-info-wrap .tf-product-info-heading .group-badges .on-sale-wrap .on-sale-item {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 10px;
  border-radius: 5px;
  color: #1D770B;
  background: rgba(44, 163, 21, 0.1019607843);
}
.tf-product-info-wrap .tf-product-info-heading .group-badges .on-sale-wrap .on-sale-item.out-stock {
  background: rgba(37, 37, 37, 0.1019607843);
  color: #252525;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-sold {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 0 !important;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-sold .icon {
  animation: tf-ani-flash 2s infinite;
}
.tf-product-info-wrap .tf-product-info-heading .product-info-progress-sale .title-hurry-up {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 14.4px;
  color: var(--dark);
}
.tf-product-info-wrap .tf-product-info-heading .product-info-progress-sale .count {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: var(--primary);
}
.tf-product-info-wrap .tf-product-info-heading .progress-sold {
  width: 100%;
  background-color: var(--line-4);
  height: 5px;
  position: relative;
  border-radius: 5px;
}
.tf-product-info-wrap .tf-product-info-heading .progress-sold .value {
  position: relative;
  height: 100%;
  background-color: var(--primary);
  transition: width 2s ease;
  border-radius: 5px;
}
.tf-product-info-wrap .tf-product-info-variant {
  display: grid;
  gap: 24px;
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-info-variant .variant-picker-label {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  color: var(--dark);
}
.tf-product-info-wrap .tf-product-info-variant .variant-picker-label-value {
  text-transform: capitalize;
  margin-left: 4px;
  font-weight: 500;
  letter-spacing: -3%;
}
.tf-product-info-wrap .variant-color .variant-picker-values {
  display: flex;
  gap: 12px;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item) {
  position: relative;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 50%;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item) .check-color {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tf-product-info-wrap .variant-color .color-btn:not(.select-item).active {
  border-color: var(--dark-2);
}
.tf-product-info-wrap .variant-color .color-btn.style-image {
  width: 56px;
  height: 56px;
  padding: 6px;
  border: 1px solid var(--line);
}
.tf-product-info-wrap .variant-color .color-btn.style-image .img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.tf-product-info-wrap .variant-color .color-btn.style-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square {
  width: 80px;
  height: 100px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 6px;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square .img {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.tf-product-info-wrap .variant-color .color-btn.style-image-square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tf-product-info-wrap .variant-size .variant-picker-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.tf-product-info-wrap .variant-size .size-guide {
  font-size: 14px;
  line-height: 16.8px;
  text-decoration: underline;
}
.tf-product-info-wrap .variant-size .variant-picker-values {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.tf-product-info-wrap .variant-size .size-btn:not(.select-item) {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--line);
  font-size: 20px;
  line-height: 30px;
  color: var(--dark);
  font-weight: 500;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tf-product-info-wrap .variant-size .size-btn:not(.select-item).active {
  border-color: var(--dark);
}
.tf-product-info-wrap .product-info-countdown {
  padding: 20px;
  display: inline-block;
  border: 1px solid var(--primary);
  border-radius: 8px;
}
.tf-product-info-wrap .product-info-countdown .countdown-title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 12px;
}
.tf-product-info-wrap .product-info-countdown .countdown__timer {
  display: flex;
  gap: 12px;
}
.tf-product-info-wrap .product-info-countdown .countdown__item {
  width: 48px;
  height: 32px;
  font-size: 16px;
  line-height: 24px;
  color: var(--white);
  background-color: var(--primary);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tf-product-info-wrap .product-info-countdown .countdown__item:not(:last-child)::after {
  position: absolute;
  content: ":";
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  color: var(--dark);
}
.tf-product-info-wrap .tf-product-total-quantity {
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-total-quantity .group-btn {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tf-product-info-wrap .tf-product-total-quantity .group-btn .tf-btn {
  flex-grow: 1;
}
.tf-product-info-wrap .tf-product-total-quantity .wg-quantity .quantity-product,
.tf-product-info-wrap .tf-product-total-quantity .wg-quantity .btn-quantity {
  height: 50px;
}
.tf-product-info-wrap .tf-product-total-quantity .tf-btn {
  text-transform: none;
}
.tf-product-info-wrap .tf-product-total-quantity .btn-out-stock {
  background-color: var(--text);
  border-color: var(--text);
  cursor: not-allowed;
}
.tf-product-info-wrap .tf-product-total-quantity .more-choose-payment {
  margin-top: 12px;
  display: block;
  text-align: center;
  text-decoration: underline;
}
.tf-product-info-wrap .tf-product-info-extra-link {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-info-extra-link .product-extra-icon {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}
.tf-product-info-wrap .tf-product-info-extra-link .product-extra-icon .icon {
  font-size: 18px;
}
.tf-product-info-wrap .tf-product-info-trust-seal {
  margin-bottom: 24px;
}
.tf-product-info-wrap .tf-product-info-trust-seal .list-card {
  margin-top: 12px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.tf-product-info-wrap .tf-product-info-trust-seal .card-item {
  width: 45px;
  height: 32px;
  border: 1px solid #d9d9d9;
  border-radius: 2.5px;
}
.tf-product-info-wrap .tf-product-info-delivery-return {
  border-radius: 16px;
  border: 1px solid var(--line);
  padding: 20px;
  display: flex;
}
.tf-product-info-wrap .tf-product-info-delivery-return .product-delivery {
  display: grid;
  gap: 10px;
  text-align: center;
  padding: 0px 25px;
}
.tf-product-info-wrap .tf-product-info-delivery-return .product-delivery .icon {
  font-size: 23px;
  color: var(--dark);
}
.tf-product-info-wrap .tf-product-info-delivery-return .product-delivery:not(:last-child) {
  border-right: 1px solid var(--line);
}
.tf-product-info-wrap .tf-product-pickup-available {
  display: flex;
  margin: 32px 0px;
  gap: 8px;
}
.tf-product-info-wrap .tf-product-pickup-available .icon {
  font-size: 21px;
  color: var(--light-green);
}
.tf-product-info-wrap .tf-product-pickup-available .content {
  display: grid;
  gap: 4px;
}
.tf-product-info-wrap .tf-product-pickup-available .check-availability {
  font-size: 12px;
  line-height: 18px;
  color: var(--text);
  text-decoration: underline;
}
.tf-product-info-wrap .tf-product-volume-discount,
.tf-product-info-wrap .tf-product-info-list {
  margin-bottom: 30px;
}
.tf-product-info-wrap .tf-product-volume-discount-thumbnail {
  margin-top: 30px;
  margin-bottom: 30px;
}
.tf-product-info-wrap .tf-product-info-list {
  position: relative;
}
.tf-product-info-wrap .tf-product-info-list .group-breadcrumb {
  position: absolute;
  right: 0;
  top: 0;
}
.tf-product-info-wrap .tf-product-info-list .product-info-name {
  max-width: calc(100% - 80px);
}

.btn-add-wishlist .added {
  display: none;
}
.btn-add-wishlist.added-wishlist .add {
  display: none;
}
.btn-add-wishlist.added-wishlist .added {
  display: block;
}

.wg-quantity {
  display: flex;
  justify-content: space-between;
  background-color: #f1f1f1;
  border-radius: 43px;
  overflow: hidden;
}
.wg-quantity .quantity-product {
  width: 44px;
  height: 44px;
  padding: 0;
  background-color: transparent;
  border: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: var(--dark);
  pointer-events: none;
}
.wg-quantity .btn-quantity {
  width: 44px;
  height: 44px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #011624;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.wg-quantity .btn-quantity:hover {
  color: var(--primary);
}
.wg-quantity.small .btn-quantity,
.wg-quantity.small .quantity-product {
  height: 34px;
}
.wg-quantity.small .quantity-product {
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: -0.03em;
}

.tf-mini-cart-wrap .wg-quantity .btn-quantity,
.tf-mini-cart-wrap .wg-quantity .quantity-product {
  height: 30px;
  width: 30px;
  font-size: 18px;
}
.tf-mini-cart-wrap .wg-quantity .quantity-product {
  font-family: "DM Sans" !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  letter-spacing: -0.03em;
}

.tf-product-fbt {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-product-fbt .title {
  margin-bottom: 16px;
}
.tf-product-fbt .tf-bundle-product-item {
  padding: 16.35px 0px;
}
.tf-product-fbt .tf-product-form-bundle {
  display: grid;
  gap: 24px;
}
.tf-product-fbt .btn-submit-total {
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  text-transform: none;
}
.tf-product-fbt .bundle-total-submit {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
}
.tf-product-fbt .bundle-total-submit .text {
  margin-right: 10px;
}
.tf-product-fbt .bundle-total-submit .total-price {
  margin-right: 5px;
  color: var(--primary);
}
.tf-product-fbt .bundle-total-submit .total-price-old {
  color: var(--line-3);
}

.tf-product-fbt-wrap {
  padding: 15px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-product-fbt-wrap .list-fbt {
  display: flex;
  gap: 25px;
  align-items: center;
  overflow-x: auto;
  min-width: 100%;
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.tf-product-fbt-wrap .list-fbt::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}
.tf-product-fbt-wrap .fbt-image {
  width: 129px;
  min-width: 129px;
  border-radius: 8px;
  overflow: hidden;
}
.tf-product-fbt-wrap .fbt-swatches {
  display: grid;
  gap: 8px;
}
.tf-product-fbt-wrap .fbt-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.tf-product-fbt-wrap .fbt-info .bundle-variant,
.tf-product-fbt-wrap .fbt-info .bundle-title {
  margin-right: 10px;
}
.tf-product-fbt-wrap .fbt-info .bundle-price {
  display: flex;
  gap: 6px;
}
.tf-product-fbt-wrap .fbt-info .new-price {
  color: var(--primary);
}
.tf-product-fbt-wrap .fbt-info .old-price {
  color: #bfbfbf;
}
.tf-product-fbt-wrap .tf-product-form-fbt {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tf-product-fbt-wrap .list-fbt {
  margin-bottom: 15px;
}
.tf-product-fbt-wrap .fbt-total-price {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.tf-product-fbt-wrap .fbt-total-price .price-new {
  color: var(--primary);
}
.tf-product-fbt-wrap .fbt-total-price .price-old {
  color: #bfbfbf;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 22.4px;
  margin-left: 5px;
}

.tf-bundle-product-item {
  display: flex;
  gap: 20px;
}
.tf-bundle-product-item .bundle-check {
  align-self: center;
}
.tf-bundle-product-item .bundle-image {
  width: 129px;
  min-width: 129px;
  border-radius: 8px;
  overflow: hidden;
}
.tf-bundle-product-item .bundle-image img {
  width: 100%;
  height: 100%;
}
.tf-bundle-product-item .bundle-info {
  display: grid;
  gap: 8px;
  align-content: flex-start;
}
.tf-bundle-product-item .bundle-price .new-price {
  color: var(--primary);
}
.tf-bundle-product-item .bundle-price .old-price {
  color: var(--rgba-dark);
  text-decoration: line-through;
}
.tf-bundle-product-item .tf-select {
  width: max-content;
}

.item-has-checkbox {
  opacity: 0.4;
}
.item-has-checkbox.check {
  opacity: 1;
}

.wd-product-descriptions .item .title {
  margin-bottom: 5px;
}
.wd-product-descriptions .item:not(:last-child) {
  margin-bottom: 20px;
}
.wd-product-descriptions .item p,
.wd-product-descriptions .item li {
  font-size: 14px;
  line-height: 22.4px;
}
.wd-product-descriptions .item ul li {
  position: relative;
  padding-left: 20px;
}
.wd-product-descriptions .item ul li::before {
  position: absolute;
  content: "";
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--dark);
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.wd-product-descriptions > *:not(:last-child) {
  margin-bottom: 20px;
}
.wd-product-descriptions p,
.wd-product-descriptions li {
  font-size: 14px;
  line-height: 22.4px;
}
.wd-product-descriptions > ul li {
  position: relative;
  padding-left: 20px;
}
.wd-product-descriptions > ul li::before {
  position: absolute;
  content: "";
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--dark);
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.wd-product-descriptions .list-policies {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.tf-product-side-accordions {
  margin-bottom: 42px;
}

.flat-single-grid .item {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}
.flat-single-grid .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recent-blog-item {
  display: flex;
  gap: 20px;
}
.recent-blog-item .img-product {
  width: 75px;
  height: 112px;
  border-radius: 4px;
  overflow: hidden;
  display: block;
}
.recent-blog-item .img-product img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recent-blog-item .content {
  display: grid;
  gap: 8px;
  align-content: flex-start;
}
.recent-blog-item .content .old-price {
  margin-left: 6px;
  color: #5c5c5c;
  text-decoration: line-through;
}
.recent-blog-item .content .new-price {
  color: var(--primary);
}

.flat-wrap-frequently-bought-together .thumbs-slider {
  margin-bottom: 30px;
}

.tf-product-volume-discount {
  padding: 15px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-product-volume-discount .title-discount {
  margin-bottom: 24px;
}
.tf-product-volume-discount .tf-btn {
  margin-top: 42px;
}

.list-volume-discount .volume-discount-item {
  padding: 15px;
  gap: 14px;
  border-radius: 8px;
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-volume-discount .volume-discount-item:not(:last-child) {
  margin-bottom: 16px;
}
.list-volume-discount .volume-discount-item .content-discount {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.list-volume-discount .volume-discount-item .name span {
  color: var(--primary);
}
.list-volume-discount .volume-discount-item .info-discount,
.list-volume-discount .volume-discount-item .discount-price {
  opacity: 0.8;
}
.list-volume-discount .volume-discount-item .check {
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  border: 1px solid #9a9a9a;
  background-color: transparent;
  flex-shrink: 0;
}
.list-volume-discount .volume-discount-item .check span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  background-color: var(--white);
}
.list-volume-discount .volume-discount-item .discount-price {
  display: flex;
  align-items: center;
  gap: 6px;
}
.list-volume-discount .volume-discount-item .discount-price .price-new {
  color: var(--primary);
}
.list-volume-discount .volume-discount-item .discount-price .price-old {
  color: var(--text);
  font-size: 12px;
  line-height: 18px;
  text-decoration: line-through;
}
.list-volume-discount .volume-discount-item .tag-shipping {
  border: 1px solid #22ae45;
  border-radius: 4px;
  padding: 4px 10px;
  color: rgba(34, 174, 69, 0.8);
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-volume-discount .volume-discount-item .tag-sale {
  position: absolute;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--rgba-white);
  top: -2px;
  right: -15px;
  border-radius: 4px;
  border-radius: 4px;
  animation: pulse-rotate 1s infinite;
}
.list-volume-discount .volume-discount-item .tag-sale .icon {
  font-size: 16px;
  color: var(--white);
}
.list-volume-discount .volume-discount-item .tag-sale.pos2 {
  right: -15px;
  animation-delay: 0.5s;
}
.list-volume-discount .volume-discount-item.active, .list-volume-discount .volume-discount-item:hover {
  background-color: #22ae45;
  border-color: #22ae45;
}
.list-volume-discount .volume-discount-item.active .check, .list-volume-discount .volume-discount-item:hover .check {
  border-color: var(--white);
}
.list-volume-discount .volume-discount-item.active .discount-price .price-new,
.list-volume-discount .volume-discount-item.active .discount-price .price-old,
.list-volume-discount .volume-discount-item.active .info-discount,
.list-volume-discount .volume-discount-item.active span, .list-volume-discount .volume-discount-item:hover .discount-price .price-new,
.list-volume-discount .volume-discount-item:hover .discount-price .price-old,
.list-volume-discount .volume-discount-item:hover .info-discount,
.list-volume-discount .volume-discount-item:hover span {
  color: var(--white);
}
.list-volume-discount .volume-discount-item.active .tag-shipping, .list-volume-discount .volume-discount-item:hover .tag-shipping {
  border-color: var(--white);
  color: var(--white);
}

.tf-product-volume-discount-thumbnail {
  padding: 15px;
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tf-product-volume-discount-thumbnail .list-volume-discount-thumbnail,
.tf-product-volume-discount-thumbnail .title-discount {
  margin-bottom: 30px;
}

.list-volume-discount-thumbnail {
  gap: 12px;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: -15px;
  padding-top: 15px;
}
.list-volume-discount-thumbnail::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.list-volume-discount-thumbnail::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-track);
}
.list-volume-discount-thumbnail::-webkit-scrollbar-thumb {
  background: var(--bg-scrollbar-thumb);
  border-radius: 4px;
}

.volume-discount-thumbnail-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 24px 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  border: 2px solid var(--line);
  position: relative;
}
.volume-discount-thumbnail-item .content-discount {
  text-align: center;
}
.volume-discount-thumbnail-item .content-discount .price-new,
.volume-discount-thumbnail-item .content-discount .price-old,
.volume-discount-thumbnail-item .content-discount .count {
  opacity: 0.8;
}
.volume-discount-thumbnail-item .content-discount .price-new {
  font-weight: 500;
  color: var(--primary);
}
.volume-discount-thumbnail-item .content-discount .price-old {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #b0b0b0;
}
.volume-discount-thumbnail-item .content-discount .tag-sold {
  padding: 3px 8px;
  border-radius: 4px;
  background-color: #ff9148;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  height: 20px;
  color: var(--white);
  margin-left: 4px;
}
.volume-discount-thumbnail-item .image-box {
  width: 140px;
  height: 160px;
  border-radius: 8px;
}
.volume-discount-thumbnail-item:hover, .volume-discount-thumbnail-item.active {
  border-color: #22ae45;
  background-color: #e9ffee;
}
.volume-discount-thumbnail-item .tag-sale {
  animation: pulse 1s infinite;
  top: 0;
  margin-top: -15px;
  position: absolute;
  padding: 6px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--rgba-white);
  left: 15px;
  right: 15px;
  border-radius: 4px;
}
.volume-discount-thumbnail-item .tag-sale .icon {
  font-size: 14px;
}

@keyframes pulse-rotate {
  0% {
    transform: scale(1) rotate(12deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.05) rotate(12deg);
    opacity: 0.9;
  }
  100% {
    transform: scale(1) rotate(12deg);
    opacity: 1;
  }
}
.card-product.style-wishlist {
  position: relative;
}
.card-product.style-wishlist .wishlist {
  position: absolute;
  z-index: 25;
  top: 10px;
  right: 10px;
}
.card-product.style-wishlist .wishlist a .icon.icon-close.remove {
  font-size: 13px;
}
.card-product.style-wishlist .list-product-btn {
  bottom: 24px !important;
}
.card-product.style-1 .list-product-btn {
  justify-content: unset;
}
.card-product.style-2 .list-product-btn {
  top: unset;
  right: unset;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8px;
  gap: 0;
  flex-direction: row;
}
.card-product.style-2 .list-product-btn li {
  transition-delay: unset !important;
}
.card-product.style-2 .list-product-btn li:first-child .box-icon {
  border: 1px solid var(--line);
  border-radius: 30px 0px 0px 30px;
}
.card-product.style-2 .list-product-btn li:last-child .box-icon {
  border-radius: 0px 30px 30px 0px;
}
.card-product.style-2 .list-product-btn li:not(:first-child) .box-icon {
  border: 1px solid var(--line);
  border-left-color: var(--white);
}
.card-product.style-2 .list-product-btn .box-icon {
  border-radius: unset;
}
.card-product.style-2 .list-product-btn .box-icon:hover {
  border-color: var(--dark) !important;
}
.card-product.style-2 .list-product-btn .hover-tooltip .tooltip {
  position: absolute;
  white-space: nowrap;
  padding: 0px 8.5px;
  height: 25px;
  border-radius: 2px;
  bottom: calc(100% + 8px);
  transform: translateY(8px);
  opacity: 0;
  visibility: hidden;
  color: var(--white);
  max-width: 250px;
  width: max-content;
  background-color: var(--dark);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  z-index: 100;
}
.card-product.style-2 .list-product-btn .hover-tooltip .tooltip::before {
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: 20px;
  position: absolute;
  background: var(--dark);
  width: 8px;
  height: 8px;
  z-index: -1;
}
.card-product.style-2 .list-product-btn .hover-tooltip:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0.1s;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-bot .tooltip {
  left: auto;
  bottom: calc(100% + 8px);
  transform: translateX(0px);
  top: auto;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-bot .tooltip::before {
  top: 20px;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-left .tooltip {
  right: auto;
  bottom: calc(100% + 8px);
  transform: translateX(0px);
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-left .tooltip::before {
  top: 20px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  right: auto;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-left:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0.1s;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-right .tooltip {
  left: auto;
  bottom: calc(100% + 8px);
  transform: translateX(0px);
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-right .tooltip::before {
  top: 20px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  right: auto;
}
.card-product.style-2 .list-product-btn .hover-tooltip.tooltip-right:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0.1s;
}
.card-product.style-3 .list-product-btn {
  top: unset;
  right: unset;
  left: 50%;
  transform: translateX(-50%);
  bottom: 50px;
  flex-direction: row;
}
.card-product.style-3 .list-product-btn .box-icon:hover {
  border-color: var(--dark) !important;
}
.card-product.outofstock .list-product-btn,
.card-product.outofstock .product-btn-main, .card-product.out-of-stock .list-product-btn,
.card-product.out-of-stock .product-btn-main {
  display: none;
}
.card-product.outofstock .card-product-info, .card-product.out-of-stock .card-product-info {
  opacity: 0.6;
}
.card-product.outofstock .card-product-wrapper::before, .card-product.out-of-stock .card-product-wrapper::before {
  content: "Out of stock";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background-color: var(--dark);
  color: var(--white);
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  opacity: 1;
  z-index: 5;
}
.card-product.outofstock .card-product-wrapper > *, .card-product.out-of-stock .card-product-wrapper > * {
  opacity: 0.6;
}
.card-product:not(.style-list) .size-box {
  position: absolute;
  bottom: 0;
  z-index: 3;
  left: 0px;
  right: 0px;
  pointer-events: none;
  transition: 0.3s ease-out 0s;
  background: rgba(146, 146, 146, 0.7098039216);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px;
}
.card-product .product-btn-main {
  position: absolute;
  z-index: 5;
  bottom: 8px;
  right: 8px;
  left: 8px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-flex;
  gap: 4px;
}
.card-product .product-btn-main .btn-main-product {
  background-color: var(--white);
  border-radius: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px;
  width: 100%;
}
.card-product .product-btn-main .btn-main-product:hover {
  background-color: var(--dark);
  color: var(--white);
}
.card-product .product-btn-main .btn-main-product.add-to-cart {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.card-product .product-btn-main .btn-main-product.quickview {
  height: 36px;
  width: 36px;
  flex-shrink: 0;
  display: none;
}
.card-product .product-btn-main .icon {
  font-size: 17px;
}
.card-product .list-product-btn {
  bottom: 10px;
}
.card-product .on-sale-wrap {
  position: absolute;
  top: 10px;
  right: auto;
  left: 10px;
  z-index: 5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 70px);
  gap: 6px;
}
.card-product .on-sale-wrap .on-sale-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  word-break: break-word;
  padding: 5px 8px;
  min-width: 50px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  background-color: var(--primary);
  color: var(--white);
  border-radius: 22px;
}
.card-product .on-sale-wrap .on-sale-item.trending {
  background-color: #a474ff;
}
.card-product .on-sale-wrap .on-sale-item.limited {
  background-color: #ff9c39;
}
.card-product .on-sale-wrap .on-sale-item.new {
  background-color: #00bc29;
}
.card-product .on-sale-wrap.type-2 .on-sale-item {
  width: max-content;
}
.card-product .price-wrap {
  font-size: 16px;
  line-height: 24px;
}
.card-product .card-product-wrapper {
  aspect-ratio: 0.7037037037;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  z-index: 20;
}
.card-product .card-product-wrapper img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  transition-duration: 700ms;
}
.card-product .card-product-wrapper:hover .product-img .img-product {
  opacity: 0;
}
.card-product .card-product-wrapper:hover .product-img .img-hover {
  display: block;
  z-index: 1;
  opacity: 1;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.card-product .product-img {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  align-items: stretch;
}
.card-product .product-img .img-hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.card-product .list-product-btn {
  position: absolute;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  top: 8px;
  right: 8px;
  z-index: 6;
}
.card-product .box-icon {
  width: 35px;
  height: 35px;
  border-radius: 3px;
  background-color: var(--white);
  color: var(--dark);
  position: relative;
  border-radius: 50%;
}
.card-product .box-icon .icon {
  font-size: 14px;
}
.card-product .box-icon svg {
  width: 18px;
}
.card-product .box-icon svg path {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.card-product .box-icon:hover {
  background-color: var(--dark) !important;
  color: var(--white);
  border-color: var(--dark);
}
.card-product .countdown-box {
  display: none;
  bottom: 24px;
  position: absolute;
  z-index: 3;
  left: 0px;
  right: 0px;
  pointer-events: none;
  transition: 0.3s ease-out 0s;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px 20px;
  max-height: 40px;
  background-color: var(--white);
  width: max-content;
  border-radius: 22px;
}
.card-product .countdown-box .countdown__timer {
  display: flex;
  gap: 7px;
}
.card-product .countdown-box .countdown__item {
  color: var(--primary);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.card-product .countdown-box.style-2 {
  background-color: #ffeded;
}
.card-product .countdown-box.style-3 {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  background-color: var(--primary);
  color: var(--white);
  gap: 10px;
}
.card-product .countdown-box.style-3 .countdown__item {
  color: var(--white);
}
.card-product .countdown-box.style-3 .icon {
  font-size: 18px;
}
.card-product .card-product-info {
  padding-top: 15px;
  padding-bottom: 15px;
  gap: 5px;
  display: grid;
}
.card-product .name-product {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.card-product .list-color-product {
  margin-top: 2px;
}
.card-product.style-list {
  display: flex;
  gap: 12px;
}
.card-product.style-list .product-img {
  max-width: 342px;
}
.card-product.style-list .card-product-info {
  gap: 12px;
  display: grid;
  align-content: flex-start;
  max-width: 60%;
  gap: 8px;
  padding: 0;
}
.card-product.style-list .info-list {
  display: grid;
  gap: 8px;
  width: 100%;
}
.card-product.style-list .list-product-btn {
  display: flex;
  position: unset;
  flex-direction: unset;
  justify-content: flex-start;
  gap: 10px;
}
.card-product.style-list .btn-main-product.tf_add_to_cart {
  max-width: 331px;
  width: 100%;
}
.card-product.style-list .box-icon {
  width: 51px;
  height: 51px;
  border: 1px solid var(--line);
  flex-shrink: 0;
}
.card-product.style-list .box-icon:hover {
  border-color: var(--line);
}
.card-product.style-list .size-box {
  display: flex;
  gap: 8px;
}
.card-product.style-center {
  border-radius: 16px;
  background-color: var(--white);
}
.card-product.style-center .card-product-wrapper {
  aspect-ratio: 0.95;
}
.card-product.style-center .card-product-info {
  padding: 20px 12px;
}
.card-product.style-center .list-color-product {
  margin-top: 5px;
}
.card-product.style-center .countdown-box {
  bottom: 0;
}
.card-product .product-progress-sale {
  display: grid;
  gap: 5px;
  margin-top: 5px;
}
.card-product .progress-sold {
  width: 100%;
  background-color: var(--line);
  height: 6px;
  position: relative;
  border-radius: 6px;
}
.card-product .progress-bar {
  position: relative;
  height: 100%;
  background-color: var(--primary);
  transition: width 2s ease;
  border-radius: 5px;
}
.card-product.style-4 .card-product-info {
  padding: 20px 12px;
}
.card-product.style-4 .list-color-product {
  gap: 4px;
  margin-top: 4px;
}
.card-product .stock {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.card-product .stock .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: relative;
}
.card-product .stock .dot::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  z-index: 2;
}
.card-product .stock.in-stock {
  color: #59a33b;
}
.card-product .stock.in-stock .dot {
  background-color: rgba(120, 203, 87, 0.3411764706);
}
.card-product .stock.in-stock .dot::after {
  background-color: #78cb57;
}
.card-product .stock.out-stock {
  color: #ef5757;
}
.card-product .stock.out-stock .dot {
  background-color: rgba(203, 87, 87, 0.3411764706);
}
.card-product .stock.out-stock .dot::after {
  background-color: #ef5757;
}
.card-product .list-capacity-product .list-color-item {
  width: unset;
  height: unset;
  border-radius: 35px;
  border: 1px solid rgba(142, 142, 142, 0.2);
}
.card-product .list-capacity-product .list-color-item .text-quantity {
  padding: 2px 12px;
}
.card-product .list-capacity-product .list-color-item.active {
  border-color: var(--dark);
}
.card-product.style-5 {
  border-radius: 16px;
  background-color: var(--white);
}
.card-product.style-5 .card-product-info {
  padding: 20px 12px 22px;
}
.card-product.style-5 .card-product-info .tf-btn {
  width: 100%;
}
.card-product.style-5 .btn-addcart,
.card-product.style-5 .stock {
  margin-top: 10px;
}
.card-product.style-border {
  border: 1px solid var(--line);
  border-radius: 16px;
  position: relative;
}
.card-product.style-border .card-product-wrapper {
  padding: 20px 12px;
}
.card-product.style-border .card-product-wrapper img {
  height: auto;
}
.card-product.style-border .list-product-btn {
  bottom: 16px !important;
}
.card-product.style-border .card-product-info {
  padding: 0px 12px 20px;
}
.card-product.style-border .card-product-info .type {
  opacity: 0.6;
}
.card-product.style-border-2 {
  border: 1px solid var(--line);
  border-radius: 16px;
}
.card-product.style-border-2 .card-product-wrapper {
  padding: 12px;
  padding-bottom: 20px;
}
.card-product.style-border-2 .product-img {
  border-radius: 16px;
}
.card-product.style-border-2 .card-product-info {
  padding: 0px 12px 20px;
}
.card-product.style-border-2 .product-progress-sale {
  margin: 6px 0px;
}
.card-product.style-border-2 .countdown-box {
  bottom: 14px;
}
.card-product.style-border-2.border-type-4 .card-product-wrapper {
  padding: 12px 12px 8px;
}
.card-product.style-border-2.border-type-4 .card-product-info {
  padding: 0px 12px 16px;
}
.card-product.style-border-2.border-type-4 .list-product-btn {
  bottom: 8px;
}
.card-product.style-border-2.border-type-4 .list-product-btn .box-icon:hover {
  background-color: var(--purple) !important;
  border-color: var(--purple) !important;
}
.card-product.style-border-2.border-type-4 .tooltip,
.card-product.style-border-2.border-type-4 .tooltip::before {
  background-color: var(--purple) !important;
}
.card-product.style-border-2.border-type-5 .product-progress-sale {
  margin: 0;
}

.list-color-product {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  align-items: center;
}
.list-color-product .list-color-item {
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  background-color: transparent;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.list-color-product .list-color-item .swatch-value {
  width: 100%;
  height: 100%;
  border: 2px solid var(--white);
  background: var(--wcboost-swatches-item-color);
  display: inline-block;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-color-product .list-color-item img {
  visibility: hidden;
  width: 18px;
  height: 18px;
  position: absolute;
}
.list-color-product .list-color-item.line {
  border: 1px solid transparent !important;
}
.list-color-product .list-color-item.line .swatch-value {
  position: relative;
}
.list-color-product .list-color-item.line .swatch-value::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid var(--rgba-dark-3);
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.list-color-product .list-color-item.active, .list-color-product .list-color-item:hover {
  border-color: var(--dark) !important;
}
.list-color-product .list-color-item.active .swatch-value, .list-color-product .list-color-item:hover .swatch-value {
  border-color: var(--white);
}
.list-color-product .list-color-item.active .swatch-value::before, .list-color-product .list-color-item:hover .swatch-value::before {
  border-color: var(--line);
}
.list-color-product.style-2 .list-color-item.active, .list-color-product.style-2 .list-color-item:hover {
  border-color: var(--white) !important;
}
.list-color-product.style-2 .list-color-item.active .swatch-value, .list-color-product.style-2 .list-color-item:hover .swatch-value {
  border-color: #89aa87;
}
.list-color-product.style-2 .swatch-value {
  border: 2px solid #89aa87;
}

.price-wrap {
  display: flex;
  gap: 4px;
  text-decoration: none;
}
.price-wrap ins {
  text-decoration: none;
  order: -1;
}
.price-wrap del,
.price-wrap .price-old {
  color: var(--dark);
  opacity: 0.6;
  position: relative;
}
.price-wrap del::after,
.price-wrap .price-old::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 0.5px;
  background-color: var(--dark);
  opacity: 0.6;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.price-wrap del.line--white::after,
.price-wrap .price-old.line--white::after {
  background-color: var(--white);
}
.price-wrap del.line--dark::after,
.price-wrap .price-old.line--dark::after {
  background-color: var(--dark);
}

.tf-sticky-btn-atc {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 70;
  box-shadow: 4px -4px 5px rgba(0, 0, 0, 0.03);
  background-color: var(--white);
  transition: all 0.3s linear;
  transform: translateY(100%);
}
.tf-sticky-btn-atc .tf-height-observer {
  padding: 14px 0;
  column-gap: 5px;
}
.tf-sticky-btn-atc .tf-sticky-atc-product {
  flex: 1 0 0%;
  gap: 15px;
}
.tf-sticky-btn-atc .tf-sticky-atc-img {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
}
.tf-sticky-btn-atc .tf-sticky-atc-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.tf-sticky-btn-atc .tf-sticky-atc-variant-price {
  min-width: 249px;
}
.tf-sticky-btn-atc .tf-sticky-atc-title {
  font-size: 16px;
  line-height: 19px;
}
.tf-sticky-btn-atc .tf-sticky-atc-btns,
.tf-sticky-btn-atc .tf-sticky-atc-infos form {
  display: flex;
  gap: 12px;
  align-items: center;
}
.tf-sticky-btn-atc .tf-btn {
  min-width: 190px;
}
.tf-sticky-btn-atc.show {
  transform: translateY(0);
}

.product-remove .wcboost-wishlist-button__icon .icon-trash::before {
  content: "\e937";
}

.wcboost-wishlist-button__icon,
.wcboost-products-compare-button__icon {
  margin-right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.loading .wcboost-wishlist-button__icon svg,
a.loading .wcboost-products-compare-button__icon svg {
  display: none;
}

.wcboost-products-compare-button {
  margin: 0;
}

.icon-star {
  color: #9e9e9e;
  margin-right: 2px;
  display: inline-block;
  position: relative;
}
.icon-star.full {
  color: #f39c12;
}
.icon-star.empty {
  color: #9e9e9e;
}
.icon-star.partial {
  color: #f39c12;
  overflow: hidden;
  position: absolute;
  width: 0;
  top: 0;
  left: 0;
}

.added_to_cart {
  display: none;
}

.loading {
  position: relative;
}
.loading::before {
  border: 1.5px solid #fff;
  border-radius: 50%;
  border-top: 1.5px solid #000;
  content: "" !important;
  display: inline-flex;
  width: 20px;
  height: 20px;
  animation: loadding 0.5s linear infinite;
}
.loading .icon {
  display: none;
}
.loading#load-more-btn::before {
  display: none;
}

.loading-content {
  overflow: hidden;
  position: relative;
  min-height: 300px;
}
.loading-content::before {
  border: 4px solid #fff;
  border-radius: 50%;
  border-top: 4px solid #000;
  content: "" !important;
  display: inline-flex;
  width: 60px;
  height: 60px;
  animation: loadding 0.5s linear infinite;
  z-index: 25;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50px;
}
.loading-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 20;
}

@-webkit-keyframes loadding {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadding {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------- Abstracts variable ---------- */
.hover-img .img-style {
  overflow: hidden;
}
.hover-img .img-style > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}
.hover-img:hover .img-style > img {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.hover-img .img-style2 {
  overflow: hidden;
  border-radius: 10px;
}
.hover-img .img-style2 .img-hv {
  width: 100%;
  object-fit: cover;
  -webkit-transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
  transition: all 1s cubic-bezier(0.3, 1, 0.35, 1) 0s;
  transition: transform 500ms ease;
}

.hover-shine {
  overflow: hidden;
}
.hover-shine .shine-item {
  position: relative;
  overflow: hidden;
}
.hover-shine .shine-item::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}
.hover-shine:hover .shine-item::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}

.hover-tooltip {
  position: relative;
}
.hover-tooltip .tooltip {
  position: absolute;
  white-space: nowrap;
  padding: 0px 8.5px;
  height: 25px;
  border-radius: 2px;
  bottom: calc(100% + 8px);
  transform: translateY(8px);
  opacity: 0;
  visibility: hidden;
  color: var(--white);
  max-width: 250px;
  width: max-content;
  background-color: var(--dark);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  z-index: 100;
  font-size: 10px;
  line-height: 23px;
  font-weight: 500;
}
.hover-tooltip .tooltip::before {
  content: "";
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  top: 20px;
  position: absolute;
  background: var(--dark);
  width: 8px;
  height: 8px;
  z-index: -1;
}
.hover-tooltip:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0.1s;
}
.hover-tooltip.tooltip-bot .tooltip {
  top: calc(100% + 8px);
  bottom: auto;
}
.hover-tooltip.tooltip-bot .tooltip::before {
  top: -2px;
}
.hover-tooltip.tooltip-left .tooltip {
  right: 100%;
  bottom: auto;
  transform: translateX(0px);
}
.hover-tooltip.tooltip-left .tooltip::before {
  top: 50%;
  left: auto;
  transform: translateY(-50%) rotate(45deg);
  right: -4px;
}
.hover-tooltip.tooltip-left:hover .tooltip {
  transform: translateX(-8px);
}
.hover-tooltip.tooltip-right .tooltip {
  left: 100%;
  bottom: auto;
  transform: translateX(0px);
}
.hover-tooltip.tooltip-right .tooltip::before {
  top: 50%;
  right: auto;
  transform: translateY(-50%) rotate(45deg);
  left: -4px;
}
.hover-tooltip.tooltip-right:hover .tooltip {
  transform: translateX(8px);
}

.hover-overlay {
  position: relative;
}
.hover-overlay::before {
  position: absolute;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  transition: 0.4s ease 0.1s;
  opacity: 0;
  visibility: hidden;
}
.hover-overlay:hover::before {
  opacity: 1;
  visibility: visible;
}

.hover-overlay-2 .img-hv-overlay {
  position: relative;
}
.hover-overlay-2 .img-hv-overlay::before {
  content: "";
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  height: 0%;
  background-color: var(--dark);
  opacity: 0.1;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hover-overlay-2 .img-hv-overlay::after {
  content: "";
  position: absolute;
  width: 50%;
  right: 0;
  bottom: 0;
  height: 0%;
  background-color: var(--dark);
  opacity: 0.1;
  z-index: 2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hover-overlay-2:hover .img-hv-overlay::before {
  height: 100%;
}
.hover-overlay-2:hover .img-hv-overlay::after {
  height: 100%;
  transition-delay: 0.2s;
}

/*--------- Abstracts variable ---------- */
.swiper {
  --swiper-theme-color: var(--primary);
  --swiper-pagination-progressbar-bg-color: #d9d9d9;
}

.swiper-pagination-progressbar {
  border-radius: 34px;
  overflow: hidden;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0px;
}

.sw-dots {
  display: flex;
  gap: 10px;
}
.sw-dots .swiper-pagination-bullet {
  background: #373737;
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -khtml-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -ms-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
}
.sw-dots .swiper-pagination-bullet::after {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  border: 1px solid #ff4747;
  border-top-color: transparent;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -khtml-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -moz-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -ms-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  transition: all 0.25s cubic-bezier(0, 0, 0.76, 1);
  opacity: 0;
  animation: spin-border 1.5s linear infinite;
}
.sw-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0px 10px !important;
}
.sw-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg);
}
.sw-dots.style-white .swiper-pagination-bullet {
  background: var(--white);
}
.sw-dots.style-white .swiper-pagination-bullet::after {
  border-color: #cacaca;
  border-top-color: transparent;
}
.sw-dots.style-white.border-red .swiper-pagination-bullet::after {
  border: 1px solid #ff4747;
  border-top-color: transparent;
}
.sw-dots.style-grey .swiper-pagination-bullet {
  background: #b4b4b4;
}
.sw-dots.style-grey .swiper-pagination-bullet::after {
  border: 1px solid var(--white);
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
}
.sw-dots.style-grey .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--white);
  border-color: var(--white);
}
.sw-dots.style-2 {
  gap: 12px;
}
.sw-dots.style-2 .swiper-pagination-bullet {
  background-color: #1b1b1b;
}
.sw-dots.style-2 .swiper-pagination-bullet::after {
  transform: translate(-50%, -50%);
  border: unset;
  height: 18px;
  width: 18px;
  border: 5px solid var(--primary-3);
}
.sw-dots.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0px 5px !important;
  background-color: var(--white);
}
.sw-dots.style-2.type-2 {
  gap: 10px;
}
.sw-dots.style-2.type-2 .swiper-pagination-bullet {
  background-color: #bababa;
}
.sw-dots.style-2.type-2 .swiper-pagination-bullet::after {
  transform: translate(-50%, -50%);
  border: unset;
  height: 26px;
  width: 26px;
  border: 9px solid rgba(238, 238, 238, 0.6980392157);
}
.sw-dots.style-2.type-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0px 9px !important;
  background-color: var(--dark);
}
.sw-dots.dot-white .swiper-pagination-bullet {
  background: var(--white);
}
.sw-dots.border-white .swiper-pagination-bullet::after {
  border: 1px solid var(--white);
}
.sw-dots.small {
  height: 15px;
  align-items: center;
}
.sw-dots.small .swiper-pagination-bullet {
  height: 6px;
  width: 6px;
}
.sw-dots.small .swiper-pagination-bullet::after {
  animation: unset;
}
.sw-dots.small .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  width: 15px;
  height: 15px;
}

.sw-dot-default {
  display: flex;
  gap: 4px;
  margin-top: 20px;
}
.sw-dot-default .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  border: 1px solid transparent;
  position: relative;
  opacity: 1;
}
.sw-dot-default .swiper-pagination-bullet:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background-color: #b1b1b1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sw-dot-default .swiper-pagination-bullet-active {
  border-color: var(--dark);
}
.sw-dot-default .swiper-pagination-bullet-active::before {
  background-color: var(--dark);
}
.sw-dot-default.style-white .swiper-pagination-bullet::before {
  background-color: var(--white);
}
.sw-dot-default.style-white .swiper-pagination-bullet-active {
  border-color: var(--white);
}
.sw-dot-default.style-white .swiper-pagination-bullet-active::before {
  background-color: var(--white);
}
.sw-dot-default.style-sm {
  gap: 2px;
}
.sw-dot-default.style-sm .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}
.sw-dot-default.style-sm .swiper-pagination-bullet:before {
  width: 4px;
  height: 4px;
}

.sw-auto .swiper-wrapper {
  align-items: center;
}
.sw-auto .swiper-slide {
  width: auto;
  transition-timing-function: linear;
}

.swiper-button-prev.nav-swiper,
.swiper-button-next.nav-swiper {
  background-color: var(--white);
  border-radius: 999px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  color: var(--dark);
  cursor: pointer;
}
.swiper-button-prev.nav-swiper::after,
.swiper-button-next.nav-swiper::after {
  font-size: 12px;
  color: var(--dark);
  font-weight: 600;
}
.swiper-button-prev.nav-swiper:hover,
.swiper-button-next.nav-swiper:hover {
  background-color: var(--rgba-dark-2);
  border-color: var(--rgba-dark-2);
}
.swiper-button-prev.nav-swiper:hover::after,
.swiper-button-next.nav-swiper:hover::after {
  color: var(--white);
}
.swiper-button-prev.nav-swiper.swiper-button-disabled,
.swiper-button-next.nav-swiper.swiper-button-disabled {
  background-color: rgba(0, 0, 0, 0.4);
  border-color: transparent;
  cursor: text;
}
.swiper-button-prev.nav-swiper.arrow-1.swiper-button-prev,
.swiper-button-next.nav-swiper.arrow-1.swiper-button-prev {
  transform: rotate(180deg);
}
.swiper-button-prev.nav-swiper.arrow-1.swiper-button-prev::after,
.swiper-button-next.nav-swiper.arrow-1.swiper-button-prev::after {
  font-family: "vince" !important;
  content: "\e902";
  font-weight: 400;
}
.swiper-button-prev.nav-swiper.arrow-1.swiper-button-next::after,
.swiper-button-next.nav-swiper.arrow-1.swiper-button-next::after {
  font-family: "vince" !important;
  content: "\e902";
  font-weight: 400;
}
.swiper-button-prev.nav-swiper.size-30,
.swiper-button-next.nav-swiper.size-30 {
  width: 30px;
  height: 30px;
}
.swiper-button-prev.nav-swiper.size-30::after,
.swiper-button-next.nav-swiper.size-30::after {
  font-size: 10px;
}
.swiper-button-prev.nav-swiper.size-36,
.swiper-button-next.nav-swiper.size-36 {
  width: 36px;
  height: 36px;
}
.swiper-button-prev.nav-swiper.size-36::after,
.swiper-button-next.nav-swiper.size-36::after {
  font-size: 10px;
}
.swiper-button-prev.nav-swiper.style-line,
.swiper-button-next.nav-swiper.style-line {
  background-color: transparent;
  border-color: var(--dark);
  color: var(--dark);
}
.swiper-button-prev.nav-swiper.style-line::after,
.swiper-button-next.nav-swiper.style-line::after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.swiper-button-prev.nav-swiper.style-line:hover:not(.swiper-button-disabled),
.swiper-button-next.nav-swiper.style-line:hover:not(.swiper-button-disabled) {
  background-color: var(--dark);
  border-color: var(--dark);
}
.swiper-button-prev.nav-swiper.style-line.swiper-button-disabled,
.swiper-button-next.nav-swiper.style-line.swiper-button-disabled {
  border-color: rgba(0, 0, 0, 0.4);
  cursor: text;
}
.swiper-button-prev.nav-swiper.style-line.swiper-button-disabled::after,
.swiper-button-next.nav-swiper.style-line.swiper-button-disabled::after {
  color: rgba(0, 0, 0, 0.4);
}
.swiper-button-prev.nav-swiper.line-white,
.swiper-button-next.nav-swiper.line-white {
  background-color: transparent;
  border-color: var(--white);
}
.swiper-button-prev.nav-swiper.line-white::after,
.swiper-button-next.nav-swiper.line-white::after {
  color: var(--white);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.swiper-button-prev.nav-swiper.line-white:hover:not(.swiper-button-disabled),
.swiper-button-next.nav-swiper.line-white:hover:not(.swiper-button-disabled) {
  background-color: var(--white);
  border-color: var(--white);
}
.swiper-button-prev.nav-swiper.line-white:hover:not(.swiper-button-disabled)::after,
.swiper-button-next.nav-swiper.line-white:hover:not(.swiper-button-disabled)::after {
  color: var(--dark);
}
.swiper-button-prev.nav-swiper.line-white.swiper-button-disabled,
.swiper-button-next.nav-swiper.line-white.swiper-button-disabled {
  border-color: rgba(255, 255, 255, 0.4);
  cursor: text;
}
.swiper-button-prev.nav-swiper.line-white.swiper-button-disabled::after,
.swiper-button-next.nav-swiper.line-white.swiper-button-disabled::after {
  color: rgba(255, 255, 255, 0.4);
}

.hover-sw-nav {
  position: relative;
}

.fl-control-sw {
  position: relative;
}
.fl-control-sw.pos1 .nav-swiper {
  top: 45%;
}
.fl-control-sw.pos2 .nav-swiper {
  top: 40%;
}

.fl-control-sw2 {
  position: relative;
}
.fl-control-sw2.pos1 .nav-swiper {
  top: 42%;
}

.box-navigation {
  display: flex;
  gap: 8px;
}
.box-navigation .nav-swiper {
  position: unset;
  margin: 0;
}
.box-navigation.style-2 {
  gap: 12px;
}

.tab-content .swiper-pagination-progressbar {
  margin-top: 30px;
}

.sw-height .swiper-slide {
  height: auto;
}
.sw-height .swiper-slide .card-product {
  width: 100%;
  height: 100%;
}

/*--------- Abstracts variable ---------- */
.woocommerce .container {
  max-width: 1500px;
}

.woocommerce .container .row {
  margin-left: -24px;
  margin-right: -24px;
}
.woocommerce .container .row > * {
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 768px) {
  .woocommerce .container .row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .woocommerce .container .row > * {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -5px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal {
  height: 2px;
}

.noUi-target {
  border: 0;
}

.noUi-base .noUi-connects {
  border-radius: 999px;
  background-color: var(--rgba-dark-3);
}

.noUi-connect {
  background-color: var(--primary);
}

.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle {
  height: 12px;
  width: 12px;
  border-radius: 50px;
  background-color: var(--primary);
  box-shadow: unset;
  cursor: pointer;
}
.noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after,
.noUi-vertical .noUi-handle::before,
.noUi-vertical .noUi-handle::after {
  content: none;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -5px;
}

.tf-btn-filter {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 5px;
  color: var(--dark);
  border: solid 1px var(--line);
  border-radius: 27px;
  text-transform: capitalize;
  padding: 10px 16px;
  font-weight: 400;
  background-color: var(--white);
  max-width: 100%;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tf-btn-filter .icon {
  font-size: 16px;
}
.tf-btn-filter .icon-close {
  font-size: 14px;
}
.tf-btn-filter:hover {
  border-color: var(--dark);
}
.tf-btn-filter.active {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}
.tf-btn-filter .text {
  font-size: 14px;
  line-height: 20px;
}

.widget-facet:not(:last-child) {
  border-bottom: 1px solid var(--line);
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.widget-facet .facet-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  margin-bottom: 24px;
  cursor: pointer;
  color: var(--dark);
}
.widget-facet .facet-title .icon {
  transition: transform 0.35s linear;
  font-size: 8px;
}
.widget-facet .facet-title.collapsed .icon {
  transform: rotate(180deg);
}
.widget-facet .cate-item:not(:last-child) {
  margin-bottom: 12px;
}
.widget-facet .cate-item ul {
  margin-left: 10px;
}
.widget-facet .cate-item ul li:first-child {
  margin-top: 12px;
}
.widget-facet .cate-item.has-child {
  position: relative;
}
.widget-facet .cate-item.has-child .sub-menu {
  display: none;
}
.widget-facet .cate-item.has-child .toggle-icon {
  position: absolute;
  right: 0px;
  top: 5px;
  z-index: 10;
  transition: transform 0.35s linear;
  font-size: 8px;
}
.widget-facet .cate-item.has-child .toggle-icon.active {
  transform: rotateX(180deg);
}
.widget-facet .cate-item .active {
  color: var(--primary);
}

.canvas-filter .widget-facet .facet-title {
  margin-bottom: 0;
}
.canvas-filter .widget-facet .collapse-body {
  padding-top: 24px;
}

.current-scrollbar {
  max-height: 200px;
  overflow-y: auto;
  margin-right: 5px;
}
.current-scrollbar::-webkit-scrollbar {
  width: 2px;
}
.current-scrollbar::-webkit-scrollbar-track {
  background-color: var(--bg-scrollbar-thumb);
}
.current-scrollbar::-webkit-scrollbar-thumb {
  background: var(--dark);
}

.filter-group-check .list-item {
  display: flex;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
.filter-group-check .list-item .label {
  font-size: 14px;
  line-height: 20px;
  color: var(--dark);
  cursor: pointer;
}
.filter-group-check .list-item .tf-check:checked ~ .label {
  opacity: 1;
}
.filter-group-check .list-item:not(:last-child) {
  margin-bottom: 10px;
}

.list-brand li {
  position: relative;
  margin-bottom: 10px;
}
.list-brand li a.list-item {
  margin-bottom: 0 !important;
}
.list-brand li .sub-menu {
  margin-left: 10px;
  display: none;
}
.list-brand li ul li:first-child {
  margin-top: 12px;
}
.list-brand li .toggle-icon {
  position: absolute;
  right: 0px;
  top: 5px;
  z-index: 10;
  transition: transform 0.35s linear;
  font-size: 8px;
}
.list-brand li .toggle-icon.active {
  transform: rotateX(180deg);
}

.filter-color-box {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 12px;
}
.filter-color-box .color-item {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  border: 1px solid transparent;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--white);
  cursor: pointer;
}
.filter-color-box .color-item .color {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.filter-color-box .color-item.line {
  border-color: var(--rgba-dark-3);
}
.filter-color-box .color-item.active {
  padding: 4px;
  border-color: var(--dark);
}
.filter-color-box .color-text {
  display: none;
}

.filter-image-box {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 12px;
}
.filter-image-box .image-item {
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.filter-image-box .image-item .image {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.filter-image-box .image-item.line {
  border-color: var(--rgba-dark-3);
}
.filter-image-box .image-item.active {
  padding: 4px;
  border-color: var(--dark);
}
.filter-image-box .color-text {
  display: none;
}

.filter-size-box {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.filter-size-box .size-item {
  padding: 6px 14px;
  font-size: 14px;
  line-height: 22.4px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 11px;
  border: 1px solid var(--rgba-dark-3);
  color: var(--dark);
}
.filter-size-box .size-item.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

.widget-price {
  display: grid;
  gap: 16px;
}
.widget-price .price-val-range {
  padding: 0px 8px;
}
.widget-price .reset-price {
  font-size: 12px;
  line-height: 19.2px;
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.widget-price .reset-price:hover {
  color: var(--primary);
}
.widget-price .price-box,
.widget-price .box-value-price {
  display: flex;
  gap: 8px;
}
.widget-price .price-box {
  color: var(--primary);
}
.widget-price .price-val {
  font-size: 14px;
  line-height: 20px;
  color: var(--primary);
  position: relative;
}
.widget-price .price-val::before {
  content: attr(data-currency);
}

.tf-shop-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 30px;
}
.tf-shop-control.mb1 {
  margin-bottom: 24px;
}

.tf-filter-dropdown {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}
.tf-filter-dropdown .meta-dropdown-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.tf-filter-dropdown .title-filter {
  font-weight: 500;
  font-size: 16px;
  line-height: 19.2px;
  color: var(--dark);
}

.tf-group-filter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tf-control-layout {
  display: flex;
  align-items: center;
}
.tf-control-layout .tf-view-layout-switch {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.tf-control-layout .tf-view-layout-switch:hover .item span, .tf-control-layout .tf-view-layout-switch.active .item span {
  background-color: var(--dark);
}

.icon-list {
  display: grid;
  gap: 2px;
}
.icon-list span {
  display: inline-block;
  width: 18px;
  height: 3px;
  border-radius: 2px;
  background-color: var(--rgba-dark-3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icon-grid-2 {
  display: grid;
  gap: 2px;
  grid-template-columns: 1fr 1fr;
}
.icon-grid-2 span {
  display: inline-block;
  width: 3px;
  height: 18px;
  border-radius: 2px;
  background-color: var(--rgba-dark-3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icon-grid-3 {
  display: grid;
  gap: 2px;
  grid-template-columns: 1fr 1fr 1fr;
}
.icon-grid-3 span {
  display: inline-block;
  width: 3px;
  height: 18px;
  border-radius: 2px;
  background-color: var(--rgba-dark-3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icon-grid-4 {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(4, 1fr);
}
.icon-grid-4 span {
  display: inline-block;
  width: 3px;
  height: 18px;
  border-radius: 2px;
  background-color: var(--rgba-dark-3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icon-grid-5 {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(5, 1fr);
}
.icon-grid-5 span {
  display: inline-block;
  width: 3px;
  height: 18px;
  border-radius: 2px;
  background-color: var(--rgba-dark-3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.icon-grid-6 {
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(6, 1fr);
}
.icon-grid-6 span {
  display: inline-block;
  width: 3px;
  height: 18px;
  border-radius: 2px;
  background-color: var(--rgba-dark-3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wrapper-control-shop .wg-pagination {
  margin-top: 15px;
}
.wrapper-control-shop .tf-list-layout {
  display: grid;
  grid-template-columns: repeat(1, 1fr) !important;
  gap: 24px;
}
.wrapper-control-shop .tf-list-layout .wg-pagination {
  margin-top: 30px;
}

.page-numbers {
  display: flex;
  justify-content: center;
  gap: 10px;
  grid-column: 1/-1;
  width: 100%;
  margin-top: 18px;
}
.page-numbers .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--rgba-dark-3);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
.page-numbers .page-numbers:hover {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}
.page-numbers .page-numbers.current {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}

.blog .page-numbers {
  margin-top: 0;
}

.wrapper-shop {
  transition: all 0.3s ease-in-out;
  animation: fadeShop 0.5s ease-in-out;
}

@keyframes fadeShop {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.listLayout-wrapper #product-count-grid {
  display: none;
}
.listLayout-wrapper #product-count-list {
  display: block;
}

.gridLayout-wrapper #product-count-grid {
  display: block;
}
.gridLayout-wrapper #product-count-list {
  display: none;
}

.meta-filter-shop {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 24px;
}
.meta-filter-shop .count-text {
  font-size: 14px;
  line-height: 22.4px;
  color: var(--dark);
  position: relative;
}
.meta-filter-shop .count-text .count {
  display: inline-block;
  margin-right: 4px;
}
.meta-filter-shop #applied-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.meta-filter-shop .filter-tag {
  font-size: 14px;
  line-height: 22.4px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 14px;
  border: 1px solid var(--line);
  border-radius: 11px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.meta-filter-shop .filter-tag .remove-tag {
  font-size: 10px;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.meta-filter-shop .filter-tag:hover {
  border-color: var(--main);
}
.meta-filter-shop .remove-all-filters {
  padding: 5px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 22.4px;
  border: 1px solid red;
  cursor: pointer;
  background-color: transparent;
  color: red;
  font-weight: 400;
  border-radius: 11px;
}
.meta-filter-shop .remove-all-filters .icon {
  font-size: 10px;
}

.tf-no-results {
  width: 100%;
  color: #fff;
  background-color: var(--primary);
  padding: 10px 20px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.tf-no-results a {
  color: #fff;
  text-decoration: underline;
}

.sidebar-filter {
  background-color: var(--white);
  transition: transform 0.3s ease-in-out;
}

.overlay-filter {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100vw;
  height: 100vh;
  background-color: var(--backdrop);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s linear;
}
.overlay-filter.show {
  opacity: 1;
  visibility: visible;
}

.loadItem.hidden {
  display: none;
}

.fullwidth #primary {
  width: 100%;
}

.wcboost-wishlist-footer {
  display: none;
}

.tf-wishlist-empty .text-noti {
  margin-bottom: 32px;
}
.tf-wishlist-empty .btn-back-shop {
  max-width: 228px;
  line-height: 120%;
  font-weight: 600;
}

.modal-backdrop {
  z-index: 9999;
}

.modal {
  z-index: 10000;
}
.modal.is-admin {
  top: 32px;
}

.woocs_price_code {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.tf-compare-table {
  border: 1px solid var(--line);
  border-radius: 2.5px;
  overflow-x: auto;
}
.tf-compare-table::-webkit-scrollbar {
  height: 4px;
}
.tf-compare-table::-webkit-scrollbar-thumb {
  border-radius: 33px;
  background: #d9d9d9;
  cursor: grab;
}
.tf-compare-table .price-wrap {
  justify-content: center;
}

.tf-compare-row {
  display: flex;
}
.tf-compare-row .d-md-block {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 10;
}

.tf-compare-col {
  min-width: 240px;
  padding: 15px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  position: relative;
}
.tf-compare-col .tf-compare-btn .out-of-stock {
  margin-bottom: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: var(--dark);
  border: 1px solid var(--dark);
  color: var(--white);
  padding: 13px 32px;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  width: 100%;
  line-height: 24px;
  font-weight: 500;
  text-transform: capitalize;
  cursor: not-allowed;
}

.tf-compare-item {
  display: grid;
  text-align: center;
  gap: 15px;
  padding: 20px 15px;
}
.tf-compare-item .tf-compare-image {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
.tf-compare-item .tf-compare-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tf-compare-item .tf-compare-remove .tf-btn-icon {
  width: 48px;
  height: 48px;
  cursor: pointer;
}
.tf-compare-item .tf-compare-remove .tf-btn-icon:hover {
  border-color: var(--primary);
}
.tf-compare-item .tf-compare-remove .tf-btn-icon:hover i {
  color: var(--primary);
  transform: unset;
}
.tf-compare-item .content {
  display: grid;
  gap: 10px;
}
.tf-compare-item .price-wrap {
  font-weight: 500;
  font-size: 16px;
  color: var(--primary);
  justify-content: center;
}
.tf-compare-item .price-wrap del {
  font-weight: 400;
  color: var(--text);
}

.tf-compare-field,
.tf-compare-value {
  padding: 15px;
}

.tf-compare-stock {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #48b02c;
}

.wcboost-products-compare__tools {
  margin-top: 20px;
  text-align: right;
}
.wcboost-products-compare__tools .wcboost-products-compare-clear {
  background-color: var(--dark);
  border: 1px solid var(--dark);
  color: var(--white);
  padding: 13px 32px;
  border-radius: 99px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-transform: capitalize;
}
.wcboost-products-compare__tools .wcboost-products-compare-clear {
  position: relative;
  overflow: hidden;
}
.wcboost-products-compare__tools .wcboost-products-compare-clear:hover::after {
  animation: shine-reverse 1s forwards;
}
.wcboost-products-compare__tools .wcboost-products-compare-clear:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -100%;
  opacity: 0.6;
}
.wcboost-products-compare__tools .wcboost-products-compare-clear::after {
  background-image: linear-gradient(120deg, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0) 70%);
}

@media (min-width: 1200px) {
  .tf-compare-item {
    gap: 20px;
    padding: 30px 20px;
  }
  .tf-compare-table::-webkit-scrollbar {
    height: 11px;
  }
  .tf-compare-table .text-md {
    line-height: 19px;
  }
  .tf-compare-table .text-sm {
    line-height: 17px;
  }
  .tf-compare-field,
  .tf-compare-value {
    padding: 19px 20px;
  }
  .tf-compare-col {
    width: 360px;
  }
}
#live-sales-container {
  position: relative;
  z-index: 997;
}
#live-sales-container .live-notification {
  display: flex;
  gap: 20px;
  align-items: center;
  min-width: 383px;
  max-width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 30px;
  left: 30px;
  padding: 18px 28px 18px 12px;
  border-radius: 11px;
  background-color: var(--white);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1019607843);
}
#live-sales-container .live-notification .icon-close-notification {
  position: absolute;
  right: 16px;
  top: 18px;
  cursor: pointer;
}
#live-sales-container .live-notification .live-notification-featured img {
  width: 82px;
  height: 101px;
  border-radius: 5px;
  overflow: hidden;
  object-fit: cover;
}
#live-sales-container .live-notification .live-notification-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  margin-bottom: 33px;
}
#live-sales-container .live-notification .user {
  color: #000;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
#live-sales-container .live-notification .live-notification-time {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
#live-sales-container .live-notification.active {
  animation-play-state: paused;
  transition: none;
}

@media (max-width: 767px) {
  #live-sales-container .live-notification {
    min-width: 320px;
    left: 15px;
  }
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.tf-fade-in-left {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.tf-fade-out-left {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.woocommerce-form-register .show-password-input,
.woocommerce-form-login .show-password-input {
  display: none;
}
.woocommerce-form-register .form-row,
.woocommerce-form-login .form-row {
  margin-bottom: 15px;
}
.woocommerce-form-register .form-row label,
.woocommerce-form-login .form-row label {
  margin-bottom: 10px;
}
.woocommerce-form-register .form-row:has(.woocommerce-form-login__rememberme),
.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
.woocommerce-form-register .form-row:has(.woocommerce-form-login__rememberme) label,
.woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) label {
  margin-bottom: 0;
}
.woocommerce-form-register .woocommerce-form-login__submit,
.woocommerce-form-login .woocommerce-form-login__submit {
  padding: 10px 20px;
}
.woocommerce-form-register .woocommerce-form-login__rememberme,
.woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 5px;
}
.woocommerce-form-register .woocommerce-privacy-policy-text,
.woocommerce-form-register p,
.woocommerce-form-login .woocommerce-privacy-policy-text,
.woocommerce-form-login p {
  margin-bottom: 15px;
}

.woocommerce-account .woocommerce:has(.woocommerce-form-login),
.woocommerce-lost-password .woocommerce {
  display: block;
}

.woocommerce-account .woocommerce:has(.woocommerce-form-login),
.lost_reset_password {
  max-width: 700px;
  margin: 0 auto;
}
.woocommerce-account .woocommerce:has(.woocommerce-form-login) h2,
.lost_reset_password h2 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 30px;
}

.lost_reset_password p {
  margin-bottom: 15px;
}
.lost_reset_password label {
  margin-bottom: 10px;
}

.woocommerce-account .woocommerce:has(#customer_login .woocommerce-form-login) {
  max-width: 100%;
}

#customer_login {
  display: flex;
  gap: 60px;
}
#customer_login .col-1,
#customer_login .col-2 {
  width: calc(50% - 30px);
}

.single-product .page-title-heading {
  display: block;
}

.post-type-archive-product:has(.tfwc-section-category) #themesflat-content {
  padding-top: 0;
}

.canvas-filter .sb-banner .banner-content {
  bottom: 24px;
}

@media (max-width: 991px) {
  #customer_login {
    flex-direction: column;
    gap: 40px;
  }
  #customer_login .col-1,
  #customer_login .col-2 {
    width: 100%;
  }
}
.woocommerce-terms-and-conditions-wrapper {
  margin-bottom: 32px;
}

.woocommerce-checkout-review-order-table {
  margin-bottom: 32px;
}

.woocommerce-additional-fields .tf-field-label {
  margin-bottom: 16px;
}

.woocommerce-additional-fields {
  margin-top: 24px;
}

.wc_payment_methods li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid var(--line);
  border-radius: 6px;
  margin-bottom: 16px;
}
.wc_payment_methods li .payment_box {
  width: 100%;
  padding-top: 8px;
}
.wc_payment_methods li label {
  margin-left: 8px;
}
.wc_payment_methods li .input-radio {
  position: relative;
  cursor: pointer;
  height: 10px;
  width: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(154, 154, 154);
  border-image: initial;
  border-radius: 50%;
  background: none;
  outline: 0px;
}
.wc_payment_methods li .input-radio:checked::before {
  opacity: 1;
}
.wc_payment_methods li .input-radio::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: var(--primary);
  opacity: 0;
  border-radius: 50%;
}
.wc_payment_methods li .input-radio:checked {
  border-color: var(--primary);
}

.address-field .tf-field-label {
  margin-bottom: 5px;
}
.address-field .select2-container .select2-selection--single {
  height: 50px;
  margin-bottom: 16px;
}
.address-field .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
}

.checkout_coupon.woocommerce-form-coupon {
  margin-bottom: 20px;
}
.checkout_coupon.woocommerce-form-coupon p {
  margin-bottom: 15px;
}
.checkout_coupon.woocommerce-form-coupon .coupou-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.checkout_coupon.woocommerce-form-coupon .coupou-wrap .form-row-first {
  max-width: 433px;
  width: 100%;
}
.checkout_coupon.woocommerce-form-coupon .coupou-wrap .coupon-error-notice {
  margin-top: 5px;
  display: block;
}

.woocommerce-checkout-review-order-table .list-total .cart-discount {
  justify-content: flex-start !important;
}
.woocommerce-checkout-review-order-table .list-total .cart-discount a {
  margin-left: auto;
}

.woocommerce-additional-fields h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 24px;
}

#ship-to-different-address,
.woocommerce-column__title,
.woocommerce-order-details__title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

#ship-to-different-address {
  margin-bottom: 24px;
}

.title-success-order {
  padding-bottom: 80px;
}
.title-success-order svg {
  margin-bottom: 32px;
}

.box-progress-order {
  margin-bottom: 24px;
}

.box-ship-address {
  margin-bottom: 24px;
}
.box-ship-address .title {
  margin-bottom: 24px;
}
.box-ship-address address {
  font-size: 14px;
  line-height: 20px;
  color: #545454;
}
.box-ship-address address p {
  margin-top: 8px;
}

.tf-page-cart-sidebar .order-box .list-total:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.tf-page-cart-sidebar .order-box .list-total .woocommerce-Price-amount {
  font-weight: 500;
}

#place_order {
  width: 100%;
  background-color: var(--dark-2);
  color: var(--white);
  border: 1px solid var(--dark-2);
}

#place_order {
  position: relative;
  overflow: hidden;
}
#place_order:hover::after {
  animation: shine-reverse 1s forwards;
}

#place_order:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -100%;
  opacity: 0.6;
}

#place_order::after {
  background-image: linear-gradient(120deg, rgba(0, 0, 0, 0) 20%, rgba(255, 255, 255, 0.4), rgba(0, 0, 0, 0) 70%);
}

@keyframes shine-forward {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes shine-reverse {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
.woocommerce-shipping-methods li {
  margin-top: 5px;
  display: flex;
  align-items: center;
  gap: 5px;
}

/*--------- Abstracts variable ---------- */
.tab-single-product .flat-animate-tab {
  overflow: hidden;
}
.tab-single-product .flat-animate-tab .tab-content {
  position: relative;
}
.tab-single-product .flat-animate-tab .tab-pane {
  display: block;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  transition-timing-function: ease-in;
  transition-duration: 0.2s;
}
.tab-single-product .flat-animate-tab .tab-pane.active {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 2;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
}
.tab-single-product .flat-animate-tab .tab-pane.wc-tab > h2 {
  display: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}
.tab-single-product .flat-animate-tab .tab-pane.wc-tab .woocommerce-product-attributes {
  border: 1px solid var(--line);
  border-radius: 5px;
  width: 100%;
  margin-bottom: 0px;
}
.tab-single-product .flat-animate-tab .tab-pane.wc-tab .woocommerce-product-attributes th,
.tab-single-product .flat-animate-tab .tab-pane.wc-tab .woocommerce-product-attributes td {
  border: 1px solid var(--line);
  border-width: 0 1px 1px 0;
  padding: 10px 20px;
  line-height: 17px;
}
.tab-single-product .flat-animate-tab .tab-pane.wc-tab .woocommerce-product-attributes th.woocommerce-product-attributes-item__label {
  border: 1px solid var(--line);
  padding: 10px 20px;
  font-weight: 500;
  line-height: 17px;
  background: #f3f3f3;
  width: 30%;
  min-width: 100px;
}

.widget-accordion.wd-product-descriptions > *:not(:last-child) {
  margin-bottom: 0px;
}
.widget-accordion.wd-product-descriptions .accordion-body {
  padding: 10px 0 20px;
}
.widget-accordion.wd-product-descriptions .accordion-body > h2 {
  display: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
}
.widget-accordion.wd-product-descriptions .accordion-body .woocommerce-product-attributes {
  border: 1px solid var(--line);
  border-radius: 5px;
  width: 100%;
  margin-bottom: 0px;
}
.widget-accordion.wd-product-descriptions .accordion-body .woocommerce-product-attributes th,
.widget-accordion.wd-product-descriptions .accordion-body .woocommerce-product-attributes td {
  border: 1px solid var(--line);
  border-width: 0 1px 1px 0;
  padding: 10px 20px;
  line-height: 17px;
}
.widget-accordion.wd-product-descriptions .accordion-body .woocommerce-product-attributes th.woocommerce-product-attributes-item__label {
  border: 1px solid var(--line);
  padding: 10px 20px;
  font-weight: 500;
  line-height: 17px;
  background: #f3f3f3;
  width: 30%;
  min-width: 100px;
}

.tab-vertical-product-desc {
  display: grid;
  grid-template-columns: 2fr 10fr;
  gap: 30px;
}
.tab-vertical-product-desc .menu-tab {
  border-left: 1px solid var(--line);
  height: max-content;
}
.tab-vertical-product-desc .tab-link {
  padding: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: block;
  position: relative;
}
.tab-vertical-product-desc .tab-link::after {
  position: absolute;
  content: "";
  background-color: var(--dark);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 0;
  left: -1px;
  width: 1px;
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}
.tab-vertical-product-desc .tab-link.active::after {
  height: 100%;
}
.tab-vertical-product-desc .tab-pane {
  border-radius: 16px;
  border: 1px solid var(--line);
}
.tab-vertical-product-desc .tab-content {
  border: none !important;
}
.tab-vertical-product-desc .wd-product-descriptions {
  padding: 30px 64px;
}

.woocommerce-Reviews {
  display: flex;
}
.woocommerce-Reviews .product-review-left {
  width: 289px;
}
.woocommerce-Reviews .product-review-left h4 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #1F1F1F;
  margin-bottom: 40px;
}
.woocommerce-Reviews .product-review-left .review-top {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1F1F1F;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 24px;
}
.woocommerce-Reviews .product-review-left .review-top .icon-star {
  color: var(--primary);
  font-size: 15px;
}
.woocommerce-Reviews .product-review-left .table-review .row-review {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #1F1F1F;
}
.woocommerce-Reviews .product-review-left .table-review .row-review .icon-star {
  color: var(--primary);
  font-size: 15px;
}
.woocommerce-Reviews .product-review-left .table-review .row-review span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.woocommerce-Reviews .product-review-left .table-review .row-review .proges-bar {
  background: #EBEBEB;
  flex-grow: 1;
  height: 4px;
  margin: 0 10px;
  margin-bottom: 6px;
  position: relative;
  overflow: hidden;
}
.woocommerce-Reviews .product-review-left .table-review .row-review .proges-bar:last-child {
  margin-bottom: 0;
}
.woocommerce-Reviews .product-review-left .table-review .row-review .proges-bar .proges {
  background: #000000;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.woocommerce-Reviews .product-review-right {
  width: calc(100% - 289px);
  padding-left: 119px;
}
.woocommerce-Reviews #comments {
  max-width: none;
  margin-top: 0;
}
.woocommerce-Reviews #comments .gravatar img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.woocommerce-Reviews #comments .comment_meta {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 0;
}
.woocommerce-Reviews #comments .comment_meta .comment_rating {
  margin-left: auto;
}
.woocommerce-Reviews #review_form_wrapper {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px solid #EBEBEB;
}
.woocommerce-Reviews .woocommerce-noreviews {
  margin-bottom: 0;
}
.woocommerce-Reviews .comment-respond .comment-form {
  margin: 0;
  margin-top: 20px;
}
.woocommerce-Reviews p.stars {
  display: none;
}
.woocommerce-Reviews .custom-star .star i {
  color: #D2D2D2;
}
.woocommerce-Reviews .custom-star .star.active i {
  color: #1F1F1F;
}
.woocommerce-Reviews .comment-reply-title {
  font-size: 20px;
  font-weight: 500;
}
.woocommerce-Reviews .comment-form-rating {
  order: -2;
  margin-bottom: 24px;
}
.woocommerce-Reviews .comment-respond form .comment_wrap_input {
  margin-bottom: 10px;
}
.woocommerce-Reviews .comment-respond form .comment-left {
  gap: 10px;
}
.woocommerce-Reviews .comment-respond form select,
.woocommerce-Reviews .comment-respond form textarea,
.woocommerce-Reviews .comment-respond form input {
  border-radius: 0;
}
.woocommerce-Reviews .comment-respond form .comment-form-cookies-consent {
  display: flex;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1F1F1F;
}
.woocommerce-Reviews .comment-respond form .comment-form-cookies-consent label {
  padding-left: 8px;
}
.woocommerce-Reviews .comment-respond form .form-submit {
  margin-top: 40px;
  text-align: left;
}
.woocommerce-Reviews .comment-respond form .form-submit input[type=submit] {
  border-radius: 99px;
}

.tab-product-desc .menu-tab {
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  overflow: auto;
}
.tab-product-desc .tab-link {
  padding: 10px 15px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: block;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.tab-product-desc .tab-link::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 1px;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--dark);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tab-product-desc .tab-link.active::after {
  width: 100%;
}
.tab-product-desc .tab-content {
  margin-top: 30px;
}

.flat-title-tab-categories {
  margin-bottom: 30px;
  display: grid;
  gap: 20px;
}

.flat-title-tab {
  margin-bottom: 32px;
  display: grid;
  gap: 20px;
}
.flat-title-tab .box-title {
  display: grid;
  gap: 10px;
}
.flat-title-tab .menu-tab-line .tab-link {
  color: rgba(0, 0, 0, 0.39);
}

.flat-title-tab-2 {
  margin-bottom: 32px;
}

.menu-tab-line {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
}
.menu-tab-line .tab-link {
  padding: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.2px;
  color: var(--text);
  display: block;
  position: relative;
  white-space: nowrap;
}
.menu-tab-line .tab-link:hover, .menu-tab-line .tab-link.active {
  color: var(--primary);
}
.menu-tab-line .tab-link:hover::after, .menu-tab-line .tab-link.active::after {
  width: 100%;
}
.menu-tab-line .tab-link::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 1px;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--primary);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menu-tab-line.style-lg .tab-link {
  font-size: 24px;
  line-height: 27.2px;
  font-weight: 400;
}
.menu-tab-line.style-lg2 .tab-link {
  color: #727272;
  padding: 0 !important;
}
.menu-tab-line.style-lg2 .tab-link::after {
  background-color: var(--white);
}
.menu-tab-line.style-lg2 .tab-link:hover, .menu-tab-line.style-lg2 .tab-link.active {
  color: var(--white);
}
.menu-tab-line.style-md2 .tab-link {
  padding: 4px 0px;
}
.menu-tab-line.style2 .tab-link {
  color: var(--text);
  font-weight: 500;
}
.menu-tab-line.style2 .tab-link::after {
  content: none;
}
.menu-tab-line.style2 .tab-link:hover, .menu-tab-line.style2 .tab-link.active {
  color: var(--primary);
}

.menu-tab-fill {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.menu-tab-fill .tab-link {
  padding: 10px 24px;
  min-width: 120px;
  font-weight: 500;
  color: var(--rgba-dark);
  border-radius: 33px;
}
.menu-tab-fill .tab-link.active {
  color: var(--white);
  background-color: #92a9ff;
}
.menu-tab-fill .item-slide-effect {
  background-color: #92a9ff;
}
.menu-tab-fill.style-primary .tab-link {
  min-width: 100%;
}
.menu-tab-fill.style-primary .tab-link.active {
  background-color: var(--primary);
}
.menu-tab-fill.style-primary .item-slide-effect {
  background-color: var(--primary);
}

.menu-tab-fill-lg {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 12px;
}
.menu-tab-fill-lg .tab-link {
  color: var(--body-text);
  white-space: nowrap;
}
.menu-tab-fill-lg .tab-link:hover, .menu-tab-fill-lg .tab-link.active {
  color: var(--primary);
}

.item-slide-effect {
  position: absolute;
  height: 100%;
  z-index: -1;
  background-color: var(--primary);
  border-radius: 33px;
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  left: 0%;
}

.tab-slide .menu-tab-fill {
  position: relative;
}

.flat-controltab-nav {
  position: relative;
}
.flat-controltab-nav .box-navigation {
  position: absolute;
  right: 0;
  top: -90px;
  transform: none;
}

@media (max-width: 1300px) {
  .woocommerce-Reviews .product-review-right {
    padding-left: 40px;
  }
}
@media (max-width: 991px) {
  .woocommerce-Reviews {
    display: flex;
    flex-direction: column;
  }
  .woocommerce-Reviews .product-review-left {
    width: 100%;
  }
  .woocommerce-Reviews .product-review-right {
    width: 100%;
    padding-left: 0px;
  }
}
.widget-accordion {
  border-bottom: 1px solid var(--line);
}
.widget-accordion .accordion-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.2px;
  cursor: pointer;
}
.widget-accordion .accordion-title .icon {
  font-size: 8px;
  transition: transform 0.35s linear;
}
.widget-accordion .accordion-title:not(.collapsed) .icon {
  transform: rotate(180deg);
}
.widget-accordion .accordion-body {
  padding: 20px 0px;
}
.widget-accordion:first-child {
  border-top: 1px solid var(--line);
}

/*# sourceMappingURL=shop.css.map */