.AirReviews-Carousel {
  .AirReviews-Carousel__Container {
    margin: var(--air-spacing-10) auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;

    &.AirReviews-Carousel__Container-Desktop {
      height: calc(100% - 80px);
    }

    &.AirReviews-Carousel__Container-Mobile {
      height: calc(100% - 110px);

      .AirReviews-Carousel__Track.dragScroll {
        overflow: hidden;

        &::-webkit-scrollbar {
          display: none;
        }
      }
    }

    .AirReviews-Blocks__ReviewEmpty {
      padding: 0 var(--air-spacing-9);
    }

    .AirReviews-Carousel__Heading {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
    }

    h2.AirReviews-Carousel__Header {
      font-size: var(--air-font-size-2xl);
      padding: 0 var(--air-spacing-4);
      color: var(--air-carousel-heading-color);
      margin-left: 0;
    }

    .AirReviews-Carousel__InnerContainer {
      margin: 0 auto;
      height: 495px;
      overflow: hidden;

      &.AirReviews-PreviewCarousel__InnerContainer {
        height: auto;
      }
    }

    .AirReviews-Carousel__InnerContainer--noCarouselImage {
      height: 310px;

      .AirReviews-Carousel__Track {
        padding-top: 14px;

        .AirReviews-Carousel__CardContent {
          margin-bottom: 5px;
        }
      }
    }

    .AirReviews-Carousel__Track {
      display: inline-flex;
      height: 100%;
      transition: transform 0.1s ease-in-out;
    }

    .AirReviews-Carousel__Card {
      flex-shrink: 0;
      border-radius: var(--air-border-radius-md);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
      min-width: 200px;
      height: fit-content;

      .AirReviews-Carousel__Media {
        position: relative;

        .AirReviews-Carousel__Image {
          cursor: pointer;
          display: block !important;
          background-repeat: no-repeat;
          border-radius: var(--air-border-radius-md) var(--air-border-radius-md) 0 0;
          background-position: center;
          background-size: cover;
          width: 100%;
          height: 202px;

          .AirReviews-Carousel__MediaPlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50px;
            width: 50px;
            border-radius: 50%;
          }
        }

        .AirReviews-Carousel__RateWrapper {
          padding: 10px;
          position: absolute;
          bottom: -10px;
          left: 50%;
          transform: translate(-50%, 10px);
          height: 40px;
          max-width: 100%;
          border-radius: var(--air-border-radius-md);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
          background-color: white;
          display: flex;
          justify-content: center;
          align-items: center;

          .AirReviews-Carousel__Rate {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;

            &.AirReviews-Carousel__Rate-Verified {
              display: flex;
              align-items: center;
              flex-wrap: nowrap;

              .avada-tooltip-wrapper {
                padding-right: 0;

                .tooltip-tip.top {
                  left: -10px;
                }
              }
            }
          }
        }
      }

      .AirReviews-Carousel__CardContent {
        height: 160px;

        padding: var(--air-spacing-4) var(--air-spacing-4) 0;
        position: relative;

        &.AirReviews-Carousel__CardContent-Height {
          height: 212px;
        }

        .AirReviews-Carousel__Author {
          padding-top: 1rem;
          color: var(--air-primary-color);
          display: flex;
          align-items: center;

          .AirReviews-Carousel__Author-Left {
            .AirReviews-Blocks__Avatar {
              width: 40px;
              height: 40px;
              display: grid;
              align-items: center;
              text-align: center;
              border-radius: 50%;
              line-height: 26px;
              font-size: var(--air-font-size-sm);
              margin-right: var(--air-spacing-1);
              font-weight: 700;
            }
          }

          .AirReviews-Carousel__Author-Right {
            display: grid;
            margin-left: 5px;

            .AirReviews-Author__Name {
              font-weight: 700;
              align-items: center;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: pre-line;
            }

            .AirReviews-Author__Date {
              font-size: 13px;
              display: flex;
              align-items: center;

              &:has(.AirReview-BadgeIcon) {
                margin: 0 0 0 -0.3rem;
              }
            }
          }

          &:not(.AirReviews-Blocks__Avatar) {
            .AirReviews-Carousel__Author-Right {
              margin-left: 0;

              .AirReview-BadgeIcon {
                svg {
                  margin: 0 0 0 0.3rem;
                }
              }
            }
          }
        }

        .AirReviews-Carousel__Content {
          margin-top: 5px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 5;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: pre-line;
          line-height: 1.5rem;
        }

        .AirReviews-Pop__Content {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-text-size-adjust: 100%;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: pre-line;
          &.AirReviews-Pop__Content-Line {
            -webkit-line-clamp: 3;
          }
          color: var(--air-primary-color);
        }
        .AirReviews-Pop__Content--SeeMore {
          display: inline;
          text-decoration-line: underline;
          cursor: pointer;
          color: var(--air-primary-color);
        }
      }

      .AirReviews-Carousel__Reaction {
        padding: var(--air-spacing-2) var(--air-spacing-4) 0;
      }

      .AirReviews-Pop__ProductWrapper {
        padding: var(--air-spacing-2) var(--air-spacing-3);
        height: 60px;
        display: grid;
        width: 100%;
        overflow: hidden;

        .AirReviews-Pop__ProductName {
          display: flex;
          align-items: center;
          padding: var(--air-spacing-1);
          background-color: #f6f6f6;
          border-radius: var(--air-border-radius-md);
          width: 100%;
          overflow: hidden;
          z-index: 1;

          .AirReviews-Thumbnail {
            display: flex;
            width: var(--air-product-thumbnail-xs-width);
            height: var(--air-product-thumbnail-xs-width);
            min-width: var(--air-product-thumbnail-xs-width);
            border-radius: 6px;
            overflow: hidden;
            border: 0;

            > img {
              position: inherit;
              max-width: 100%;
              max-height: 100%;
            }
          }

          > a {
            text-decoration: none !important;
          }

          span {
            margin-left: var(--air-spacing-2);
          }
        }
      }

      .avada-tooltip-wrapper {
        .tooltip-tip {
          width: 200px;

          &.top {
            top: calc(50px * -1);
          }
        }
      }
    }
  }

  .AirReviews-Carousel__Nav {
    .AirReviews-Carousel__NavPrev {
      > img {
        margin-right: 2px;
        margin-top: 2px;
      }
    }

    .AirReviews-Carousel__NavNext {
      > img {
        margin-left: 2px;
        margin-top: 2px;
      }
    }

    button {
      position: absolute;
      top: 48%;
      width: 40px;
      height: 40px;
      border-radius: var(--air-border-radius-half);
      background: #f1f1f1;
      cursor: pointer;
      display: inline-block;
      padding: 0;
      box-shadow: 0 4px 16px 0 #00000042;

      &.AirReviews-Carousel__NavPrev {
        left: 2px;

        svg {
          margin-top: var(--air-spacing-1);
          margin-right: 2px;
          width: 17px;
        }
      }

      &.AirReviews-Carousel__NavNext {
        right: 2px;

        svg {
          margin-top: var(--air-spacing-1);
          margin-left: 6px;
          width: 17px;
        }
      }

      &.AirReviews-Carousel__NavPrev,
      &.AirReviews-Carousel__NavNext {
        min-width: auto;
        //box-shadow: none;
      }
    }
  }
}