/* =========================================================
   Independent Reviews page-specific CSS
   Global reset, fonts, headings, buttons, container,
   header, nav, footer, and basket styles come from:
   - core.css
   - basket-new.css

   Load order:
   1. core.css
   2. independent-reviews.css
   3. basket-new.css
========================================================= */

.independent-reviews-page {
  overflow: hidden;
}

.main-nav .nav-wrapper {
  border-bottom: 1px solid var(--border-color);
}

.independent-reviews-area {
  padding: clamp(30px, 5vw, 60px) 0 clamp(70px, 8vw, 120px);
  background-color: var(--color-white);
}

.independent-reviews-area .container {
  max-width: 1100px;
  margin: 0 auto;
}

.independent-reviews-content {
  width: 100%;
}

.independent-reviews-header {
  max-width: 900px;
  margin: 0 auto clamp(30px, 4vw, 56px);
  text-align: center;
}

.independent-reviews-header .heading-2 {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.reviews-intro {
  max-width: 860px;
  margin: clamp(22px, 3vw, 34px) auto clamp(40px, 5vw, 70px);
  text-align: center;
}

.independent-reviews-widget {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  text-align: center;
}

.independent-reviews-widget .trustpilot-widget,
.trustpilot-widget {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.trustpilot-review-widget-service {
  width: 100%;
  max-width: 1000px;
  margin: clamp(24px, 4vw, 44px) auto 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .independent-reviews-area {
    padding: 40px 0 50px;
  }

  .independent-reviews-header {
    margin-bottom: 32px;
  }

  .reviews-intro {
    max-width: 100%;
    text-align: center;
  }

  .independent-reviews-widget,
  .trustpilot-review-widget-service {
    max-width: 100%;
  }
}

@media screen and (max-width: 969px) {
  .header-bottom-sm {
    border-bottom: 1px solid var(--border-color);
  }
}