.bazario-product-tabs{
  ul{
    li{
      list-style-type: none;
    }
  }
  .product-list{
    .bazario-single-product-item{
      position: relative;
      background-color: #fff;
      border: 1px solid rgba(153, 153, 153, 0.6);
      border-radius: 10px;
      &:hover{
        .top{
          .icons{
            .icon{
              margin-bottom: 10px;
              opacity: 1;
            }
          }
        }
      }
      .top{
        position: relative;
        z-index: 10;
        .dis-card{
          color: #fff;
          background-color: #1aba1a;
          padding: 5px 10px;
          border-radius: 7px;
          display: inline-block;
          height: max-content;
          .text-before{
            font-size: 10px;
          }
          .value{
            font-size: 14px;
          }
        }
        .icons {
          position: absolute;
          top: 15px;
          right: 15px;
          width: max-content;
          .icon {
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0;
            width: 30px;
            height: 30px;
            text-align: center;
            border-radius: 50%;
            border: 1px solid #9999;
            opacity: 0;
            font-size: 14px;
            color: #000;
            svg{
              fill: #000;
              width: 14px;
              height: 14px;
            }
            &.active,
            &:hover {
              svg{
                fill: #fff;
                color: #fff;
              }
              background-color: #4b3ec4;
              border-color: #4b3ec4;
            }
          }
          .fav {
            opacity: 1;
          }
        }
      }
      .badge{
        display: inline-block;
      }
      .product-thumb{
        margin: 0px 0px 15px 0px;
        position: relative;
        display: inline-block;
        .product-tag-sale-badge{
          position: absolute;
          display: inline-block;
          border-radius: 3px;
          top: 10px;
          right: 10px;
          ul{
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            gap: 5px;
            .no-link{
              font-size: 12px;
              font-weight: 700;
              line-height: 24px;
              color: #ffffff;
              background: #f03d3f;
              padding: 0px 10px 0px 10px;
              border-radius: 3px 3px 3px 3px;
            }
          }
        }
      }
      .product-category{
        display: inline-block;
        padding: 0px 0px 5px 0px;
        ul {
          margin: 0;
          padding: 0;
          list-style: none;
          li {
            display: inline-block;
            margin-right: 5px;
            margin-bottom: 0;
            a{
              font-size: 13px;
              font-weight: 400;
              line-height: 20px;
              color: #858585;
              display: block;
            }
          }
        }
      }
      .product-title{
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        margin: 0;
        padding: 0px 0px 8px 0px;
        display: block;
        a,span{
          display: inline-block;
        }
      }
      .product-rating {
        display: flex;
        align-items: center;
        .stars{
          line-height: 0;
          .custom-icon-wrapper{
            display: inline-block;
            svg,i{
              width: 14px;
              height: 14px;
              font-size: 14px;
              color: #666;
              fill: #666;
            }
            &.icon-active{
              svg,i{
                color: #fec42d;
                fill: #fec42d;
              }
            }
            &.icon-half{
              svg,i{
                color: #fec42d;
                fill: #fec42d;
              }
            }
          }
        }
      }
      .product-price{
        padding: 0px 0px 15px 0px;
        .price {
          margin: 0;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: flex-start;
          ins{
            text-decoration: none;
          }
        }
      }
      .product-stock-info {
        .progress-bar {
          background-color: #ececec;
          border-radius: 5px;
          height: 10px;
          overflow: hidden;
          position: relative;
          .progress {
            background-color: #f00;
            height: 100%;
            width: 0%; // Default width is 0%; JS will update this
            transition: width 0.3s ease;
          }
        }
      }
      .add_to_cart_button {
        display: inline-block;
        padding: 30px 15px 15px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 1.5;
        transform : perspective(var(--e-transform-bazario-product-tabs-add-to-cart-button-perspective,0)) rotate(var(--e-transform-bazario-product-tabs-add-to-cart-button-rotateZ,0)) rotateX(var(--e-transform-bazario-product-tabs-add-to-cart-button-rotateX,0)) rotateY(var(--e-transform-bazario-product-tabs-add-to-cart-button-rotateY,0)) translate(var(--e-transform-bazario-product-tabs-add-to-cart-button-translate,0)) translateX(var(--e-transform-bazario-product-tabs-add-to-cart-button-translateX,0)) translateY(var(--e-transform-bazario-product-tabs-add-to-cart-button-translateY,0)) scaleX(calc(var(--e-transform-bazario-product-tabs-add-to-cart-button-flipX, 1) * var(--e-transform-bazario-product-tabs-add-to-cart-button-scaleX, var(--e-transform-bazario-product-tabs-add-to-cart-button-scale, 1)))) scaleY(calc(var(--e-transform-bazario-product-tabs-add-to-cart-button-flipY, 1) * var(--e-transform-bazario-product-tabs-add-to-cart-button-scaleY, var(--e-transform-bazario-product-tabs-add-to-cart-button-scale, 1)))) skewX(var(--e-transform-bazario-product-tabs-add-to-cart-button-skewX,0)) skewY(var(--e-transform-bazario-product-tabs-add-to-cart-button-skewY,0));
        span{
          display: inline-block;
          .button-icon{
            line-height: 0;
            svg,i{
              font-size: 14px;
              width: 14px;
              height: 14px;
            }
          }
        }
      }
      .product-gallery-images{
        .sub-img{
          display: inline-block;
          .gallery-image{
            border: 1px solid transparent;
            border-radius: 5px;
            cursor: pointer;
            &.selected{
              border-color: #cccccc;
            }
          }
        }
      }
    }
  }
  .bazario-product-tabs-arrows {
    color: #ccc;
    font-size: 13px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    margin: 5px 0;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 50%;
    background: none;

    &:after {
      display: none;
    }

    &.swiper-button-next {
      .bazario-product-tabs-arrow-text {
        margin-right: 8px;
      }
    }

    &.swiper-button-prev {
      .bazario-product-tabs-arrow-text {
        margin-left: 8px;
      }
    }
  }
  .swiper-pagination-bullets {
    &.swiper-pagination-horizontal {
      width: auto;
      display: block;
    }

    &.swiper-pagination-vertical {
      width: auto;
      display: block;
    }
  }
  .swiper-pagination-fraction {
    width: auto;
    display: block;
  }
  .swiper-scrollbar {
    &.scrollbar-horizontal {
      position: absolute;
      bottom: 15px;
      z-index: 10;
      left: unset;
      margin: 0 1%;
      width: calc(100% - (1% + 1%));
      height: 4.5px;

      .swiper-scrollbar-drag {
        height: 4.5px;
      }
    }

    &.scrollbar-vertical {
      position: absolute;
      right: 15px;
      z-index: 10;
      top: 0;
      margin: 1% 0;
      display: block;
      height: calc(100% - ((1% + 1%) * 3));
      width: 4.5px;

      .swiper-scrollbar-drag {
        width: 4.5px;
      }
    }
  }
  .arrows-pagination-container {
    position: relative;
    z-index: 1;
  }
}