[id^="shopify-section-template"],
#MainContent {
  .stamped-summary {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    gap: 2.4rem;

    .summary-overview {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-areas:
        "rating stars";
      column-gap: 2.4rem;
      width: unset !important;
      float: none !important;
      margin-bottom: 0;

      > * {
        float: none !important;
      }

      .stamped-summary-caption-1 {
        grid-area: rating;
      }

      .stamped-summary-starrating {
        grid-area: stars;
      }

      .stamped-summary-caption-2 {
        grid-area: stars;
        align-self: flex-end;
      }
    }

    .stamped-summary-text-1 {
      color: black;
      font-family: var(--font-family-heading);
      font-size: var(--font-size-h1);
      font-weight: 400;
      font-variation-settings: "wght" var(--font-weight-black);
      line-height: 1;
      margin-right: 0;
    }

    .stamped-summary-starrating {
      i {
        &::before {
          color: black;
          font-size: 3.6rem !important;
        }
      }
    }

    .stamped-summary-caption {
      display: block !important;
      clear: unset !important;
      vertical-align: unset !important;

      .stamped-summary-text {
        color: black;
        font-family: var(--font-family-heading);
        font-size: var(--font-size-h6);
        font-weight: 400;
        font-variation-settings: "wght" var(--font-weight-bold);
        text-transform: uppercase;
      }
    }

    .stamped-summary-photos {
      max-width: 29rem;
      min-width: 29rem;
      margin-bottom: 0;
    }

    .stamped-summary-actions {
      margin-left: auto;
    }

    .stamped-summary-actions-newreview {
      color: black;
      font-family: var(--font-family-heading);
      font-size: 2.1rem;
      font-weight: 400;
      font-variation-settings: "wght" var(--font-weight-bold);
      background-color: white;
      border: none;
      border-radius: 999px;
      padding-top: 2.1rem;
      padding-bottom: 2.1rem;
      padding-left: 4.8rem;
      padding-right: 4.8rem;
      margin: 0;
      cursor: pointer !important;
      transition: all 0.3s ease;
      box-shadow: none !important;

      &:hover {
        background-color: var(--theme-color-accent-blue);
      }
    }
  }

  .stamped-content {
    padding-top: 6rem;

    .stamped-tab-container {
      height: unset;
    }

    .stamped-tabs {
      height: unset;
      max-height: unset;
      border-bottom: 0.1rem solid black;
      padding: unset !important;

      li {
        color: black;
        font-family: var(--font-family-heading);
        font-size: 2.1rem;
        font-weight: 400;
        font-variation-settings: "wght" var(--font-weight-bold);
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 1rem;
        padding-right: 1rem;

        &.active {
          color: black !important;
          border-bottom: 1rem solid black !important;
          border-color: black !important;
        }

        &#tab-reviews[data-count]:after {
          background-color: transparent;
          padding: 0;
        }
      }
    }

    .stamped-messages {
      .stamped-empty-state {
        &::before {
          color: black;
        }

        > div {
          color: black;
          font-family: var(--font-family-heading);
          font-size: 2.1rem;
          font-weight: 400;
          font-variation-settings: "wght" var(--font-weight-bold);
        }
      }
    }

    .stamped-reviews-filter {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-areas:
        "sort"
        "label"
        "search";
      gap: 2rem;
      border-bottom: none;
      padding-bottom: 0;
      margin-top: 4rem;
      margin-left: 0;
      margin-right: 0;

      @media only screen and (min-width: 990px) {
        grid-template-columns: 1fr auto;
        grid-template-areas:
          "label sort"
          "search sort";
      }

      .stamped-reviews-filter-label {
        grid-area: label;
        display: block;
        color: black;
        font-family: var(--font-family-heading);
        font-size: var(--font-size-h6);
        font-weight: 400;
        font-variation-settings: "wght" var(--font-weight-bold);
        text-transform: uppercase;
        margin-top: 0;
      }

      .stamped-reviews-search-text {
        grid-area: search;
        display: flex !important;
        column-gap: 0.8rem;
        background-color: white;
        border: 0.1rem solid black;
        border-radius: 999px;
        max-width: 67.4rem;
        padding: 1.6rem;
        margin-top: 0;

        .stamped-reviews-search-icon,
        .stamped-reviews-search-clear {
          display: block;
          position: relative;
          top: unset;
          left: unset;
        }

        .stamped-reviews-search-input {
          height: unset;
          min-height: unset;
          color: black !important;
          font-family: var(--font-family-heading);
          font-size: var(--font-size-label);
          font-weight: 400;
          font-variation-settings: "wght" var(--font-weight-bold);
          line-height: 1;
          background-color: transparent !important;
          border: none !important;
          border-radius: 0;
          padding-left: 0;
          padding-right: 0;
          padding-top: 0;
          padding-bottom: 0;

          &::placeholder {
            color: black !important;
          }
        }
      }

      .stamped-sort-select-wrapper {
        grid-area: sort;
        align-self: flex-end;
        display: block;
        width: max-content;
        background-color: white;
        border-radius: 999px;
        padding: 1.6rem;
        margin-bottom: 4rem;

        @media only screen and (min-width: 990px) {
          margin-bottom: 0;
        }

        .stamped-sort-select {
          float: none;
          color: black !important;
          font-family: var(--font-family-heading);
          font-size: var(--font-size-label);
          font-weight: 400;
          font-variation-settings: "wght" var(--font-weight-bold);
          line-height: 1;
          background-color: transparent !important;
          border: none !important;
          border-radius: 0;
          height: unset;
          min-height: unset;
          line-height: 1;
          padding: 0 !important;
          margin: 0;
        }
      }

      .stamped-filters-wrapper {

        .stamped-summary-keywords,
        .stamped-filter-selects {
          color: black;
          font-family: var(--font-family-heading);
          font-size: 1.4rem;
          font-weight: 400;
          font-variation-settings: "wght" var(--font-weight-bold);
          text-transform: uppercase;
          margin-top: 0;
          margin-bottom: 0;
        }
      }
    }

    .new-review-form {
      border: none !important;
      padding: 0 !important;
      margin: 0 !important;
      margin-top: 4rem !important;

      .stamped-form-label {
        color: black;
        font-family: var(--font-family-heading);
        font-size: var(--font-size-h6);
        font-weight: 400;
        font-variation-settings: "wght" var(--font-weight-bold);
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0;
        
      }

      textarea,
      input {
        &.stamped-form-input,
        &::placeholder {
          color: black;
          font-family: var(--font-family-body);
          font-size: var(--font-size-body-large);
          font-weight: 400;
          line-height: 1;
        }

        &.stamped-form-input {
          background-color: white;
          border: none;
          border: 0.1rem solid black;
          padding-inline: 2.4rem;
          padding-block: 1.2rem;
          border-radius: 999px;
        }
      }

      textarea {
        &.stamped-form-input {
          border-radius: var(--radius-md);
          padding-inline: 2.4rem;
          padding-block: 2.4rem;
        }
      }

      .stamped-form-review {
        .stamped-form-review-rating {
          input {
            display: none;
          }
        }

        .stamped-starrating {
          a,
          a::before {
            color: black !important;
            font-size: 3.6rem !important;
          }
        }
      }

      .stamped-form-actions {
        margin-bottom: 0 !important;
      }

      #stamped-button-submit {
        color: black !important;
        font-family: var(--font-family-heading) !important;
        font-size: 2.1rem !important;
        font-weight: 400 !important;
        font-variation-settings: "wght" var(--font-weight-bold) !important;
        line-height: 1 !important;
        background-color: var(--theme-color-yellow) !important;
        border: none !important;
        border-radius: 999px !important;
        padding-top: 2.1rem !important;
        padding-bottom: 2.1rem !important;
        padding-left: 4.8rem !important;
        padding-right: 4.8rem !important;
        margin: 0 !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-shadow: none !important;

        &:hover {
          background-color: var(--theme-color-coral) !important;
        }
      }

      .stamped-file-uploader {
        .stamped-file-uploader-btn {
          color: black !important;
          font-family: var(--font-family-heading) !important;
          font-size: 2.1rem !important;
          font-weight: 400 !important;
          font-variation-settings: "wght" var(--font-weight-bold) !important;
          line-height: 1 !important;
          background-color: white !important;
          border: none !important;
          border-radius: 999px !important;
          padding-top: 2.1rem !important;
          padding-bottom: 2.1rem !important;
          padding-left: 4.8rem !important;
          padding-right: 4.8rem !important;
          margin: 0 !important;
          cursor: pointer !important;
          transition: all 0.3s ease !important;
          box-shadow: none !important;

          &:hover {
            background-color: black !important;
            color: white !important;
          }
        }
      }
    }

    .stamped-reviews {
      display: grid;
      row-gap: 4rem;
      margin-top: 6rem !important;

      .stamped-review {
        border-top: none;
        border-bottom: 0.1rem solid black;
        padding-top: 0;
        padding-bottom: 4rem;
        margin-bottom: 0;

        * {
          float: none !important;
        }

        .stamped-review-header {
          display: grid;
          grid-template-columns: auto auto auto;
          grid-template-areas:
            "avatar name verified"
            "avatar location location"
            "date date date";
          column-gap: 1.6rem;

          @media only screen and (min-width: 990px) {
            grid-template-columns: auto auto auto 1fr;
            grid-template-areas:
              "avatar name verified date"
              "avatar location location location";
          }

          .created,
          .author,
          .stamped-verified-badge,
          .review-location {
            color: black !important;
            font-family: var(--font-family-body);
            font-weight: 400;
            line-height: 1;
          }

          .created,
          .review-location {
            font-size: var(--font-size-body-small);
          }

          .created {
            grid-area: date;
            text-align: left;
            margin-top: 1.6rem;

            @media only screen and (min-width: 990px) {
              text-align: right;
              margin-top: 0;
            }
          }

          .author {
            grid-area: name;
            font-size: var(--font-size-body-large);
          }

          .stamped-verified-badge {
            grid-area: verified;
            opacity: 0.75;
            font-size: var(--font-size-label);
          }

          .review-location {
            grid-area: location;
          }
        }

        .stamped-review-avatar {
          grid-area: avatar;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 6.4rem;
          height: 6.4rem;
          margin-right: 0;

          &::before {
            content: none;
          }
        }

        .stamped-review-avatar-content {
          height: unset;
          width: unset;
          margin-right: 0;
        }

        .stamped-review-content {
          margin-top: 4rem;
          margin-bottom: 0;
        }

        .stamped-review-body {
          display: flex;
          flex-flow: row wrap;
          column-gap: 4rem;

          .stamped-starratings {
            flex: 0 0 auto;
            margin-right: 0;

            i {
              color: black !important;
            }
          }

          .stamped-review-header-title {
            flex: 0 0 auto;
            color: black;
            font-family: var(--font-family-heading);
            font-size: var(--font-size-body-large);
            font-weight: 400;
            font-variation-settings: "wght" var(--font-weight-bold);
            margin-top: 0;
          }

          .stamped-review-content-body {
            flex: 1 0 100%;
            color: black;
            font-family: var(--font-family-heading);
            font-size: var(--font-size-body-small);
            font-weight: 400;
            margin-top: 1.6rem;

            a {
              color: black;
              text-decoration: underline;
            }
          }

          .stamped-review-image {
            margin-top: 0;
          }
        }

        .stamped-review-footer {
          flex: 1 0 100%;
          display: flex;
          flex-direction: column;
          row-gap: 1.6rem;
          margin-top: 4rem;

          @media only screen and (min-width: 990px) {
            flex-direction: row;
            justify-content: space-between;
            row-gap: 0;
          }

          &::before,
          &::after {
            content: none !important;
          }

          .stamped-review-share {
            margin-bottom: 0;
          }

          .stamped-share-icon {
            color: black;
            font-family: var(--font-family-body);
            font-size: var(--font-size-body-small);
            font-weight: 400;
            line-height: 1;
          }

          .stamped-rating-holder {
            display: flex;
            align-items: center;
            column-gap: 1.6rem;

            &,
            .stamped-thumbs-up,
            .stamped-thumbs-down {
              color: black;
              font-family: var(--font-family-body);
              font-size: var(--font-size-body-small);
              font-weight: 400;
              line-height: 1;
            }

            .stamped-thumbs-up {
              margin-left: 0;
            }

            > span {
              display: none;
            }
          }
        }
      }
    }
  }
}