/* scoped: si-about-ReviewsHeroSection */

  .reviews-section:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 100%;
    height: 916px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('/Reviews Hero.webp');
    background-size: 100% 525px;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #FFFFFF;
    padding-top: 80px;
    box-sizing: border-box;
  }

  .title-block:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    margin-bottom: 40px;
  }

  .reviews-h1:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .line-1:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    font-family: 'Afacad', sans-serif;
    font-weight: 700;
    font-size: 58px;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
  }

  .line-2:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    font-family: 'Afacad', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 100%;
    margin-top: -22px;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
  }

  .title-underline:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 80px;
    height: 5px;
    background: #D62121;
  }

  .reviews-content:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 1180px;
    height: 515px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    margin-top: 40px;
  }

  .google-bar:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ width: 1180px; height: 89px; padding: 16px; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.08); box-sizing: border-box; }
  .bar-left:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; align-items: center; gap: 14px; }
  .bar-text:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; flex-direction: column; gap: 6px; }
  .bar-title:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Afacad', sans-serif; font-weight: 700; font-size: 22px; text-transform: uppercase; color: #272727; margin: 0; }
  .bar-rating:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; align-items: center; gap: 6px; }
  .bar-score:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 25px; color: #272727; }
  .stars:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; gap: 2px; }
  .star:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ color: #FFDC00; font-size: 20px; line-height: 1; }
  .bar-count:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #272727; }
  .review-us-btn:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ padding: 15px 22px; border-radius: 4px; background: linear-gradient(90deg, #D62121 0%, #701111 100%); box-shadow: 0px 4px 20.4px 0px #D62121C2; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 16px; color: #FFFFFF; text-decoration: none; white-space: nowrap; transition: opacity 0.2s; }
  .review-us-btn:hover:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ opacity: 0.9; }

  .cards-row:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ width: 1180px; display: flex; gap: 48px; }
  .review-card:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ width: 361px; min-height: 284px; padding: 16px; display: flex; flex-direction: column; gap: 16px; border-radius: 5px; background: #FFFFFF; box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.06); box-sizing: border-box; }
  .reviewer:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; align-items: center; gap: 12px; }
  .avatar:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; overflow: hidden; }
  .avatar--img img:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
  .avatar-initial:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ width: 40px; height: 40px; border-radius: 50%; background: #9E9E9E; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 18px; align-items: center; justify-content: center; }
  .avatar--green:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ width: 40px; height: 40px; border-radius: 50%; background: #2E7D52; color: #FFFFFF; font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .reviewer-info:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; flex-direction: column; gap: 4px; }
  .reviewer-name:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; color: #272727; }
  .reviewer-time:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; color: #888888; }
  .card-stars:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; gap: 2px; }
  .review-text:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; line-height: 150%; color: #272727; margin: 0; flex: 1; }
  .read-more:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #272727; text-decoration: underline; text-underline-offset: 2px; }
  .read-more:hover:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ color: #D62121; }
  .card-footer:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; align-items: center; gap: 8px; padding-top: 8px; border-top: 1px solid #F0F0F0; }
  .posted-on:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ display: flex; flex-direction: column; gap: 2px; }
  .posted-label:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 10px; color: #272727; }
  .posted-google:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 12px; color: #BFBFBF; }

  .more-reviews-btn:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ width: 184px; padding: 15px 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; background: linear-gradient(90deg, #D62121 0%, #701111 100%); font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; color: #FFFFFF; text-decoration: none; transition: opacity 0.2s; }
  .more-reviews-btn:hover:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){ opacity: 0.9; }



  /* ── Mobile hero ── */
  html.is-mobile .m-reviews-hero:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 430px;
    height: 203px;
    padding-top: 70px;
    box-sizing: border-box;
    background-image: url('/TestimonialsMOBILE.webp');
    background-size: cover;
    background-position: top center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  html.is-mobile .m-reviews-title-block:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 320px;
    margin: 0 auto;
  }

  html.is-mobile .m-reviews-title-text:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 320px;
    height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
  }

  html.is-mobile .m-reviews-line:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    font-family: 'Afacad', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center;
    color: #FFFFFF;
  }

  html.is-mobile .m-reviews-underline:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 60px;
    height: 4px;
    background: #D62121;
    margin-top: 8px;
  }

  /* ── Mobile reviews content ── */
  html.is-mobile .m-reviews-content:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 430px;
    padding: 40px 20px 60px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    background: #FFFFFF;
  }

  html.is-mobile .m-reviews-content .google-bar:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    gap: 16px;
  }

  html.is-mobile .m-reviews-content .review-us-btn:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 291px;
    text-align: center;
    justify-content: center;
  }

  html.is-mobile .m-cards-col:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  html.is-mobile .m-reviews-content .review-card:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 100%;
  }

  html.is-mobile .m-reviews-content .more-reviews-btn:where(.si-about-ReviewsHeroSection, .si-about-ReviewsHeroSection *){
    width: 186px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 28px auto 0;
  }