.bazario-single-product-tabs{
  .woocommerce-tabs {
    .panel h2:first-of-type {
      margin-bottom: 0;
    }
  }

  a:focus {
    outline: 0;
    text-decoration: none;
    background: 0 0;
  }

  .woocommerce-Tabs-panel > h2:first-child {
    padding: 0;
    margin: 0;
    display: none;
  }

  .wc-tabs-wrapper {
    margin-bottom: 0;
    padding: 0;
  }

  .comment-text .meta time {
    font-style: normal;
  }

  .woocommerce-Tabs-panel--additional_information {
    table {
      max-width: 100%;
      border-collapse: collapse;
      border: 0;
      margin-bottom: 0;

      tr {
        border: 0;

        &:not(:last-child) {
          border-style: solid;
          border-width: 0 0 1px 0;
          border-color: #f2f2f2;
        }

        th {
          background-color: #f8f8f8;
          text-transform: capitalize;
        }

        td {
          background-color: #fdfdfd;
        }
      }

      td, th {
        border: 0;
        border-left-width: 0;
        padding: 0 30px;
        text-align: left;

        p {
          padding: 0;
        }
      }
    }
  }

  #reviews {
    display: grid;
    grid-gap: 4%;
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));

    .se-rating-container {
      margin: 0 0 20px 0;

      h2 {
        margin: 0;
        border: 0;
        padding: 0;
        text-align: left;
      }

      .se-avg-rating {
        margin: 5px 0 30px 0;
      }

      .se-avg-count {
        display: block;
        margin: 5px 0 30px 0;
      }

      .se-ind-rat {
        display: flex;
        align-items: center;
        justify-content: flex-start;

        span:not(:last-child) {
          margin-right: 10px;
        }

        .se-ind-rat-cont {
          width: 150px;
          height: 10px;
          display: block;

          > span {
            display: block;
            height: 10px;
          }
        }
      }
    }

    #comments {
      .commentlist {
        padding: 0;
        margin: 0;
        border-radius: 0;
        background-color: transparent;
        list-style: none;

        li {
          padding: 0;
          margin: 0;
          border-top: 0;

          &:not(:last-child) {
            border-bottom: 1px solid transparent;
          }

          .comment_container {
            display: flex;
            border: none;
            margin: 0;
            padding: 0;

            .comment-text {
              display: block;
              margin: 0;
              padding: 0;
              border: none;
              border-radius: 0;
              overflow: hidden;
              background: 0 0;
            }

            .avatar, .img-thumbnail {
              position: unset;
              width: 100%;
              height: 100%;
              max-width: 60px;
              max-height: 60px;
              float: none;
              border-radius: 50%;
              box-shadow: none;
              margin: 0 20px 0 0;
              padding: 0;
              display: block;
              background: 0 0;
              border: none;
            }

            .meta {
              float: left;
              width: 100%;
              display: flex;
              align-items: center;

              .verified {
                display: inline;
                text-indent: underline;
                position: unset;
                height: auto;
                width: auto;

                &::before {
                  display: none;
                }
              }
            }

            .woocommerce-review__author {
              font-size: 18px;
            }

            .description {
              float: left;
              width: 100%;
              font-style: inherit;

              p:last-child {
                margin: 0;
              }
            }

            .description + .meta {
              display: none;
            }

            .comment-form > p {
              margin-bottom: 0;
            }
          }

          .star-rating {
            float: left;
            margin: 0 0 5px 0;
          }
        }
      }

      p.stars {
        font-size: 1em;

        span {
          display: block;
          font-size: inherit;
        }

        a {
          position: relative;
          height: 1em;
          width: 1em;
          text-indent: -999em;
          display: inline-block;
          text-decoration: none;
          box-shadow: none;
          margin: 0;
          font-size: inherit;
          border: none;

          &::before {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 1em;
            height: 1em;
            line-height: 1;
            font-family: WooCommerce;
            content: "\e021";
            text-indent: 0;
            opacity: 1;
            font-size: inherit;
          }

          &:hover ~ a::before {
            content: "\e021";
          }
        }

        &:hover a::before {
          content: "\e020";
        }

        &.selected {
          a.active::before {
            content: "\e020";
          }

          a.active ~ a::before {
            content: "\e021";
          }

          a:not(.active)::before {
            content: "\e020";
          }
        }
      }
    }
  }

  .wc-tabs {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    z-index: 1;
    overflow: initial;

    &::after, &::before {
      display: none;
    }

    li {
      list-style-type: none;
      background: 0 0;
      border-radius: 0;
      border: 0;
      padding: 0;
      margin: 0;
      border: 0;

      &.active {
        background: 0 0;
        z-index: 1;

        a {
          box-shadow: none;
        }
      }

      a {
        padding: 0;
        background: 0 0;
        text-decoration: none;
        border: 0;

        &:hover {
          box-shadow: none;
        }

        &::after, &::before {
          display: none;
        }
      }

      &::after, &::before {
        display: none;
      }
    }
  }

  div.woocommerce-tabs {
    .wc-tabs {
      border: 0;
      border-width: 1px 0 1px 0;
      border-style: solid;
      border-color: #efefef;
      margin: 0;
      padding: 0;
      position: relative;
      text-align: left;

      .bazario-tabs-line {
        position: absolute;
        width: 30px;
        height: 100%;
        background: 0 0;
        top: 0;
        z-index: -1;
        border-width: 3px 0 3px 0;
        border-style: solid;
      }

      @media (max-width: 768px) {
        .bazario-tabs-line {
          border-width: 0 0 3px 0;
        }
      }
    }
  }

  #review_form_wrapper {
    width: 100%;
    float: none;
    background: 0 0;

    .review-form-inner {
      border: 0;
      padding: 0;
    }

    .comment-reply-title {
      text-align: left;
      padding: 0;
      border: none;
      display: block;

      &::after {
        display: none;
      }
    }

    .comment-form {
      display: block;
      background: 0 0;
      padding: 0;
      border-radius: 0;

      .comment-notes {
        text-align: left;
      }

      label {
        display: block;
        cursor: pointer;
        margin: 0 0 8px 0;
        max-width: 100%;
      }

      p.stars {
        margin: 0;
        line-height: 0;
        display: block;
      }

      input:not(#wp-comment-cookies-consent), textarea {
        border: 1px solid #f2f2f2;
        padding: 15px 20px;
        box-shadow: none;
        text-decoration: none;
        background: 0 0;

        &:focus {
          outline: 0;
        }
      }

      :is(p.comment-form-comment, p.comment-form-author, p.comment-form-email) {
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 0;
      }

      .form-submit {
        margin: 0;
        float: none;
      }

      .comment-form-rating {
        display: block;

        .stars a {
          transition: all .1s ease-in;
        }

        > .stars + .stars {
          display: none;
        }
      }

      .comment-form-cookies-consent {
        display: flex;
        align-items: center;

        input {
          margin: 0 5px 0 0;
          box-shadow: none;
          cursor: pointer;
          outline: 0;
          appearance: none;
          position: relative;
          width: 16px;
          height: 16px;
          border: 1px solid #f2f2f2;
          background: #fff;

          &:checked::before {
            display: none;
          }

          &::after {
            content: "";
            opacity: 0;
            display: block;
            left: 5px;
            top: 2px;
            position: absolute;
            width: 5px;
            height: 8px;
            border: 2px solid #505255;
            border-top: 0;
            border-left: 0;
            transform: rotate(45deg);
          }

          &:checked::after {
            opacity: 1;
          }
        }

        label {
          padding: 0;
          margin: 0;
        }
      }

      :is(.comment-notes, .comment-form-rating, .comment-form-cookies-consent, .form-submit) {
        padding: 0;
      }
    }
  }

  #comments, #review_form_wrapper {
    width: 100%;
    max-width: 100%;
    float: none;
  }

  .comment-reply-title, .woocommerce-Reviews-title {
    display: none;
  }

//  show more style
  .more-text {
    position: relative;
    overflow: hidden;
    h2:first-child{
      display: none;
    }
    .overlay {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      width: 100%;
      height: 5%;
      background-image: linear-gradient(to top, #fff, #fff5);
    }

    .more-btn {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 10;
      font-size: 14px;
      color: #0d6efd;
      cursor: pointer;
    }
  }

}

@media (max-width: 768px) {
  .bazario-single-product-tabs{
    #reviews {
      grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    #comments .commentlist li .comment_container {
      .avatar, .img-thumbnail {
        max-height: 40px;
        margin-right: 8px;
        max-width: 40px;
      }
    }
  }
}