/* stylelint-disable */

/**
 * Apps: Yotpo
 * -----------------------------------------------------------------------------
 * Styling for Yotpo reviews widget.
 *
 */

.yotpo-base-layout.yotpo-base-layout {
  /* @include container; - resolved to: */
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-content-width);
  padding-left: var(--layout-mobile-margin);
  padding-right: var(--layout-mobile-margin);

  @media (min-width: 48rem) {
    padding-left: var(--layout-tablet-margin);
    padding-right: var(--layout-tablet-margin);
  }

  @media (min-width: 64rem) {
    padding-left: var(--layout-desktop-margin);
    padding-right: var(--layout-desktop-margin);
  }

  padding-bottom: var(--spacing-4xl);
  width: 100% !important;
}

/**
 * Yotpo global styling.
 */
.yotpo-selected-icon path {
  fill: var(--color-neutral-brand) !important;
}

.yotpo-form-complete {
  .yotpo-headline-complete {
    /* @include text-uc-heading-xl; - resolved to: */
    font-family: var(--font-family-1);
    font-size: var(--font-size-6);
    font-weight: var(--font-weight-heavy);
    letter-spacing: var(--letter-spacing-0);
    line-height: var(--line-height-0);
    text-transform: uppercase;
  }

  .yotpo-body-complete {
    /* @include text-body-s-regular; - resolved to: */
    font-family: var(--font-family-1);
    font-size: var(--font-size-3);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-2);

    font-size: var(--font-size-3) !important;
    line-height: var(--line-height-2) !important;
  }

  .yotpo-shop-complete {
    /* @include text-other-button-s; - resolved to: */
    font-family: var(--font-family-1);
    font-size: var(--font-size-0);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-2);
    text-transform: none;

    align-items: center;
    background-color: var(--color-neutral-brand) !important;
    border: var(--spacing-4xs) solid var(--color-neutral-brand) !important;
    border-color: var(--color-neutral-brand) !important;
    border-radius: var(--spacing-3xs) !important;
    color: var(--color-neutral-white) !important;
    display: inline-flex;
    font-size: var(--font-size-0) !important;
    height: fit-content !important;
    justify-content: center;
    margin: 0;
    max-height: calc(var(--spacing-xl) + var(--spacing-4xs));
    padding: var(--spacing-s) var(--spacing-l);

    &:not([disabled], .is-disabled) {

      &:hover,
      &.is-hover {
        background-color: var(--color-neutral-dark80);
        border-color: var(--color-neutral-dark80);
      }
    }

    @media (min-width: 64rem) {
      /* @include text-other-button-l; - resolved to: */
      font-size: var(--font-size-1) !important;
    }
  }
}

/**
 * Yotpo testimonials
 */
.yotpo.testimonials,
.yotpo-reviews-trademark {
  display: none !important;
}

/**
 * Yotpo variables
 */
.yotpo-main-layout,
.yotpo-modal {
  --primary-color: var(--color-neutral-brand);
  --text-color: var(--color-neutral-brand);
  --primary-font-family: var(--font-family-1);
  --secondary-font-family: var(--font-family-1);

  svg.yotpo-star-rating-icon.yotpo-sr-star-full path {
    fill: var(--color-brand-black);
    stroke: var(--color-brand-black);
  }

  svg.yotpo-star-rating-icon.yotpo-sr-star-empty.yotpo-star-rating-icon path {
    stroke: var(--color-brand-black);
  }
}

/**
 * Yotpo reviews widget
 */

.yotpo-display-m .yotpo-main-layout .yotpo-head {
  width: 100% !important;
}

.yotpo-main-layout.yotpo-main-layout,
.yotpo-display-l .yotpo-main-layout.yotpo-main-layout,
.yotpo-display-m .yotpo-main-layout.yotpo-main-layout,
.yotpo-display-s .yotpo-main-layout.yotpo-main-layout {
  .yotpo-head {
    margin-block-end: var(--spacing-xl);
    align-self: flex-start !important;

    @media screen and (min-width: 64rem) {
      margin-inline: auto !important;
      width: 100%;
      text-align: center;
      justify-content: center;
      align-items: center;
    }

    .yotpo-headline {
      /* @include text-uc-heading-xl; - resolved to: */
      font-family: var(--font-family-1);
      font-size: var(--font-size-6);
      font-weight: var(--font-weight-heavy);
      letter-spacing: var(--letter-spacing-0);
      line-height: var(--line-height-0);
      text-transform: uppercase;
      font-weight: var(--font-weight-heavy) !important;
      margin-left: 0;
      text-align: left;
      margin-top: 0;

      @media (min-width: 64rem) {
        /* @include text-uc-heading-3xl; - resolved to: */
        font-size: var(--font-size-8);
        text-align: left;

      }
    }
  }

  .yotpo-new-review-btn-wrapper {
    margin-left: auto;

    @media (max-width: 35.99rem) {
      margin-left: 0;
    }

    #yotpo-main-widget-btn {
      /* @include text-other-button-s; - resolved to: */
      font-family: var(--font-family-1);
      font-size: var(--font-size-0);
      font-weight: var(--font-weight-regular);
      letter-spacing: var(--letter-spacing-1);
      line-height: var(--line-height-2);
      text-transform: uppercase;
      width: max-content;
      align-items: center;
      background-color: var(--color-neutral-brand) !important;
      border: var(--spacing-4xs) solid var(--color-neutral-brand) !important;
      border-color: var(--color-neutral-brand) !important;
      border-radius: var(--spacing-3xs) !important;
      color: var(--color-neutral-white) !important;
      display: inline-flex;
      font-size: var(--font-size-0) !important;
      height: fit-content;
      justify-content: center;
      margin: 0;
      max-height: calc(var(--spacing-xl) + var(--spacing-4xs));
      padding: var(--spacing-s) var(--spacing-l);

      &:not([disabled], .is-disabled) {

        &:hover,
        &.is-hover {
          background-color: var(--color-neutral-dark80);
          border-color: var(--color-neutral-dark80);
        }
      }

      @media (min-width: 64rem) {
        /* @include text-other-button-l; - resolved to: */
        font-size: var(--font-size-1) !important;
      }
    }
  }

  .yotpo-layout-header-wrapper {
    justify-content: start !important;
    margin-bottom: var(--spacing-m) !important;
    gap: calc(var(--spacing-m) + var(--spacing-2xs));
    /* 20px */

    @media (max-width: 35.99rem) {
      flex-direction: row !important;
      flex-wrap: wrap;
    }
  }

  .yotpo-bottom-line {
    .yotpo-bottom-line-left-panel.yotpo-bottom-line-score {
      /* @include text-uc-heading-3xl; - resolved to: */
      font-family: var(--font-family-1);
      font-size: var(--font-size-8);
      font-weight: var(--font-weight-heavy);
      letter-spacing: var(--letter-spacing-0);
      line-height: var(--line-height-0);
      text-transform: uppercase;

      align-items: center;
      display: flex;
      font-weight: var(--font-weight-heavy) !important;
      margin-right: var(--spacing-s);
      padding: 0;
    }

    .yotpo-bottom-line-right-panel {
      align-items: center;
      display: flex;
      gap: calc(var(--spacing-m) - var(--spacing-4xs));
      /* 15px */

      @media (max-width: 35.99rem) {
        flex-direction: column;
        padding-right: 0;
      }
    }

    .yotpo-bottom-line-text {
      /* @include text-body-xs-regular; - resolved to: */
      font-family: var(--font-family-1);
      font-size: var(--font-size-2);
      font-weight: var(--font-weight-regular);
      letter-spacing: var(--letter-spacing-1);
      line-height: var(--line-height-2);

      margin-top: 0;
    }

    .yotpo-star-distribution,
    .yotpo-vertical-border {
      display: none;
    }
  }

  .yotpo-review-border-smooth.yotpo-review-border-smooth {
    display: none;
  }

  .yotpo-filters-container {
    margin-bottom: var(--spacing-4xl);

    .yotpo-filters-container-inner {
      .yotpo-filters-top-panel {
        gap: var(--spacing-m);
        flex-wrap: wrap;

        .yotpo-free-search-filter-container,
        .yotpo-score-filter-container,
        .yotpo-media-filter-container,
        .yotpo-smart-topics-container {
          margin-right: 0;
        }

        .yotpo-score {
          /* @include text-body-s-regular; - resolved to: */
          font-family: var(--font-family-1);
          font-size: var(--font-size-3);
          font-weight: var(--font-weight-regular);
          letter-spacing: var(--letter-spacing-1);
          line-height: var(--line-height-2);
        }

        .yotpo-media-filter-container {
          svg path {
            fill: var(--color-neutral-brand);
          }
        }

        .yotpo-mobile-filters-btn-badge {
          padding: var(--spacing-3xs);
          /* 2px */
        }
      }

      @media (max-width: 35.99rem) {

        .yotpo-filters-top-panel,
        .yotpo-smart-topics-panel,
        .yotpo-filters-right-panel {
          flex-basis: 100%;
        }

        .yotpo-filters-right-panel {
          justify-content: start;

          .yotpo-dropdown-content-wrapper {
            right: initial !important;
          }
        }
      }
    }

    .yotpo-search-filter .yotpo-search-label {
      width: 100%;
    }

    .yotpo-filters-container-inner {
      flex-flow: row wrap;
    }
  }

  .yotpo-reviews-container {
    .yotpo-reviews-list {
      display: flex;
      flex-direction: column;
      gap: var(--spacing-xl);
    }

    .yotpo-review {
      .yotpo-star-rating-icon {
        width: 19px !important;
        height: 19px !important;
        transform: none !important;
      }

      .yotpo-thumbnail {
        border-radius: var(--spacing-3xs);
      }

      @media (min-width: 64rem) {
        flex-direction: column;

        .yotpo-review-right-panel {
          margin-left: 0 !important;
          text-align: left;
        }
      }
    }

    .yotpo-review:not(.yotpo-media-modal-review) {
      border-bottom: var(--spacing-4xs) solid var(--color-neutral-lightest-grey);
      flex-wrap: wrap;
      gap: var(--spacing-m);
      margin: 0;
      padding-bottom: 45px;

      .yotpo-review-left-panel {
        .yotpo-reviewer-image {
          display: none;
        }

        .yotpo-reviewer-details-verified,
        .yotpo-reviewer-details {
          align-items: center;
          flex-direction: row;
          gap: var(--spacing-xs);
          padding: 0;
        }

        .yotpo-reviewer-name {
          /* @include text-body-m-bold; - resolved to: */
          font-family: var(--font-family-1);
          font-size: var(--font-size-4);
          font-weight: var(--font-weight-medium);
          letter-spacing: var(--letter-spacing-1);
          line-height: var(--line-height-2);

          color: var(--color-brand-black) !important;
        }

        .yotpo-reviewer-verified-buyer-text {
          /* @include text-body-xs-regular; - resolved to: */
          font-family: var(--font-family-1);
          font-size: var(--font-size-2);
          font-weight: var(--font-weight-regular);
          letter-spacing: var(--letter-spacing-1);
          line-height: var(--line-height-2);

          color: var(--color-neutral-dark-80) !important;
        }
      }

      .yotpo-review-right-panel {
        margin-left: auto;
        order: 1;
      }

      .yotpo-review-center-panel {
        flex: 1 0 100%;
        order: 2;
        padding: 0;

        .yotpo-review-rating-title {
          flex-direction: column;
          gap: calc(var(--spacing-l) - var(--spacing-3xs));
          /* 22px */

          .yotpo-review-title {
            /* @include text-heading-l; - resolved to: */
            font-family: var(--font-family-1);
            font-size: var(--font-size-5);
            font-weight: var(--font-weight-medium);
            letter-spacing: var(--letter-spacing-0);
            line-height: var(--line-height-1);

            font-size: var(--font-size-5) !important;
            margin-left: 0;

            @media (min-width: 64rem) {
              /* @include text-heading-xl; - resolved to: */
              font-size: var(--font-size-6) !important;
            }
          }
        }
      }

      .yotpo-review-content .yotpo-read-more-text,
      .yotpo-date-format {
        /* @include text-body-s-regular; - resolved to: */
        font-family: var(--font-family-1);
        font-size: var(--font-size-3);
        font-weight: var(--font-weight-regular);
        letter-spacing: var(--letter-spacing-1);
        line-height: var(--line-height-2);

        font-size: var(--font-size-3) !important;

        @media (min-width: 64rem) {
          /* @include text-body-m-regular; - resolved to: */
          font-size: var(--font-size-4) !important;
        }
      }
    }

    .yotpo-reviews-pagination-container {
      margin-bottom: 0;
      margin-top: var(--spacing-l);
      padding-block: var(--spacing-m);
    }

    .yotpo-vertical-pagination .yotpo-reviews-pagination-item {
      /* @include text-other-button-s; - resolved to: */
      font-family: var(--font-family-1);
      font-size: var(--font-size-0);
      font-weight: var(--font-weight-medium);
      letter-spacing: var(--letter-spacing-1);
      line-height: var(--line-height-2);
      text-transform: uppercase;

      align-items: center;
      background-color: var(--color-neutral-brand) !important;
      border: var(--spacing-4xs) solid var(--color-neutral-brand) !important;
      border-color: var(--color-neutral-brand) !important;
      border-radius: var(--spacing-3xs) !important;
      color: var(--color-neutral-white) !important;
      display: inline-flex;
      font-size: var(--font-size-0) !important;
      height: fit-content;
      justify-content: center;
      margin: 0;
      max-height: calc(var(--spacing-xl) + var(--spacing-4xs));
      padding: var(--spacing-s) var(--spacing-l);
      width: auto;

      &:not([disabled], .is-disabled) {

        &:hover,
        &.is-hover {
          background-color: var(--color-neutral-dark80);
          border-color: var(--color-neutral-dark80);
        }
      }

      @media (min-width: 64rem) {
        /* @include text-other-button-l; - resolved to: */
        font-size: var(--font-size-1) !important;
      }
    }
  }

  .yotpo-read-more {
    /* @include text-body-xs-underline; - resolved to: */
    font-family: var(--font-family-1);
    font-size: var(--font-size-2);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-2);
    text-decoration: underline;
  }

  svg.yotpo-star-rating-icon.yotpo-sr-star-full path {
    fill: var(--color-brand-black);
  }
}

/**
 * Yotpo mobile reviews widget
 */
.yotpo-display-s.yotpo-display-s {
  .yotpo-layout-header-wrapper {
    flex-direction: row !important;
    flex-wrap: wrap;
  }

  .yotpo-review .yotpo-review-left-panel,
  .yotpo-review .yotpo-review-right-panel {
    flex-basis: auto;
  }

  .yotpo-review .yotpo-review-right-panel {
    margin-top: 0;
  }

  .yotpo-mobile-filters-btn {
    min-width: fit-content;
  }

  .yotpo-bottom-line {
    margin-bottom: 0 !important;

    .yotpo-bottom-line-summary {
      margin-top: 0 !important;
    }
  }
}

/**
 * Yotpo modal
 */
.yotpo-modal {

  .yotpo-file-upload .yotpo-file-input-headline,
  .yotpo-custom-questions-options .yotpo-custom-questions-option {
    font-family: var(--font-family-1);
    font-weight: var(--font-weight-regular);
  }

  .yotpo-new-review-submit {
    /* @include text-other-button-s; - resolved to: */
    font-family: var(--font-family-1);
    font-size: var(--font-size-0);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-2);
    text-transform: none;

    align-items: center;
    background-color: var(--color-neutral-brand) !important;
    border: var(--spacing-4xs) solid var(--color-neutral-brand) !important;
    border-color: var(--color-neutral-brand) !important;
    border-radius: var(--spacing-3xs) !important;
    color: var(--color-neutral-white) !important;
    display: inline-flex;
    font-size: var(--font-size-0) !important;
    height: fit-content !important;
    justify-content: center;
    margin: 0;
    max-height: calc(var(--spacing-xl) + var(--spacing-4xs));
    padding: var(--spacing-s) var(--spacing-l);

    &:not([disabled], .is-disabled) {

      &:hover,
      &.is-hover {
        background-color: var(--color-neutral-dark80);
        border-color: var(--color-neutral-dark80);
      }
    }

    @media (min-width: 64rem) {
      /* @include text-other-button-l; - resolved to: */
      font-size: var(--font-size-1) !important;
    }
  }

  .yotpo-reviews-main-widget & {
    .yotpo-media-modal-body {
      padding-inline: var(--spacing-l);
      padding-block: calc(var(--spacing-l) + var(--spacing-2xs));
      /* 28px */
      align-items: center;
      gap: calc(var(--spacing-xl) + var(--spacing-2xs));
      /* 36px */
      min-height: 100%;

      .yotpo-media-modal-media {
        border-radius: var(--spacing-3xs);
        height: 100%;
        max-height: 710px;
      }

      .yotpo-review.yotpo-media-modal-review {
        align-content: center;
        margin: 0;
        padding: 0;
        height: fit-content;

        .yotpo-star-rating-icon {
          width: 19px !important;
          height: 19px !important;
          transform: none !important;
        }

        .yotpo-thumbnail {
          border-radius: var(--spacing-3xs);
        }

        .yotpo-review-left-panel {
          .yotpo-reviewer-image {
            display: none;
          }

          .yotpo-reviewer-details-verified,
          .yotpo-reviewer-details {
            align-items: center;
            flex-direction: row;
            gap: var(--spacing-xs);
            padding: 0;
          }

          .yotpo-reviewer-name {
            /* @include text-body-m-bold; - resolved to: */
            font-family: var(--font-family-1);
            font-size: var(--font-size-4);
            font-weight: var(--font-weight-medium) !important;
            letter-spacing: var(--letter-spacing-1);
            line-height: var(--line-height-2);

            color: var(--color-brand-black) !important;
          }

          .yotpo-reviewer-verified-buyer-text {
            /* @include text-body-xs-regular; - resolved to: */
            font-family: var(--font-family-1);
            font-size: var(--font-size-2);
            font-weight: var(--font-weight-regular);
            letter-spacing: var(--letter-spacing-1);
            line-height: var(--line-height-2);

            color: var(--color-neutral-dark-80) !important;
          }
        }

        .yotpo-review-right-panel {
          margin-left: auto;
          order: 1;
        }

        .yotpo-review-center-panel {
          flex: 1 0 100%;
          order: 2;
          padding: 0;

          .yotpo-review-rating-title {
            flex-direction: column;
            gap: calc(var(--spacing-l) - var(--spacing-3xs));
            /* 22px */

            .yotpo-review-title {
              /* @include text-heading-l; - resolved to: */
              font-family: var(--font-family-1);
              font-size: var(--font-size-5);
              font-weight: var(--font-weight-heavy);
              letter-spacing: var(--letter-spacing-0);
              line-height: var(--line-height-1);
              text-transform: uppercase;

              font-size: var(--font-size-5) !important;
              margin-left: 0;

              @media (min-width: 64rem) {
                /* @include text-heading-xl; - resolved to: */
                font-size: var(--font-size-6) !important;
              }
            }
          }
        }

        .yotpo-review-content .yotpo-read-more-text,
        .yotpo-date-format {
          /* @include text-body-s-regular; - resolved to: */
          font-family: var(--font-family-1);
          font-size: var(--font-size-3);
          font-weight: var(--font-weight-regular);
          letter-spacing: var(--letter-spacing-1);
          line-height: var(--line-height-2);

          font-size: var(--font-size-3) !important;

          @media (min-width: 64rem) {
            /* @include text-body-m-regular; - resolved to: */
            font-size: var(--font-size-4) !important;
          }
        }
      }
    }
  }

  .yotpo-device-mobile & {
    .yotpo-media-modal-body {
      padding: 0;
    }

    .yotpo-modal-left-arrow {
      left: var(--spacing-m);
    }

    .yotpo-modal-right-arrow {
      left: unset;
      right: var(--spacing-m);
    }

    .yotpo-media-modal-media {
      overflow: unset !important;
    }

    .yotpo-review.yotpo-media-modal-review {
      padding-inline: var(--spacing-m) !important;
    }
  }
}

/**
 * Yotpo mobile popup.
 */
.yotpo-mobile-filters-popup-overlay-container {
  z-index: var(--layer-window-overlay) !important;

  * {
    /* @include text-body-s-regular; - resolved to: */
    font-family: var(--font-family-1);
    font-size: var(--font-size-3);
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-2);

    font-weight: var(--font-weight-regular) !important;
  }

  .yotpo-mobile-filters-popup-header {
    padding: var(--spacing-m) var(--layout-mobile-gutter) !important;
    border-bottom: var(--spacing-4xs) solid var(--color-neutral-lightest-grey);

    .yotpo-mobile-filters-popup-close {
      color: var(--color-brand-black);
      left: var(--layout-mobile-gutter) !important;
      top: 14px;
      background-image: url("data:image/svg+xml,%3Csvg class='icon icon__close' viewBox='0 0 24 25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12.782 12.63 5.864 5.864a.5.5 0 0 1 0 .707l-.074.075a.5.5 0 0 1-.708 0L12 13.41l-5.864 5.865a.5.5 0 0 1-.708 0l-.074-.075a.5.5 0 0 1 0-.707l5.864-5.865-5.864-5.864a.5.5 0 0 1 0-.707l.074-.075a.5.5 0 0 1 .708 0L12 11.847l5.864-5.864a.5.5 0 0 1 .708 0l.074.075a.5.5 0 0 1 0 .707l-5.864 5.864Z'/%3E%3C/svg%3E%0A");
      background-size: var(--icon-m) var(--icon-m);
      height: var(--icon-m);
      width: var(--icon-m);

      g {
        display: none;
      }
    }
  }

  .yotpo-mobile-filters-popup-content {
    padding: var(--spacing-6xl) var(--layout-mobile-gutter) !important;
    text-align: left !important;
  }

  .yotpo-media-filter {
    .yotpo-radio-icon path {
      fill: var(--color-brand-black);
    }
  }

  .yotpo-mobile-filters-results-btn {
    background-color: var(--color-brand-black);
    height: 56px !important;
  }
}

.yotpo-device-mobile,
.yotpo-device-tablet {
  .yotpo-media-modal.yotpo-media-modal {
    .yotpo-modal-left-arrow {
      left: var(--spacing-m);
    }

    .yotpo-modal-right-arrow {
      left: unset;
      right: var(--spacing-m);
    }
  }
}

.yotpo-device-desktop .modal-body[data-v-6f82fb3a],
.yotpo-device-laptop .modal-body[data-v-6f82fb3a],
.yotpo-display-l .modal-body[data-v-6f82fb3a],
.yotpo-display-m .modal-body[data-v-6f82fb3a] {
  overflow: auto !important;
}

/**
 * Yotpo star rating widget.
 */
.yotpo-star-rating-widget {
  margin-block-end: var(--spacing-4xs);

  &:hover * {
    cursor: pointer !important;
  }

  .yotpo-reviews-star-ratings-widget {
    margin: 0 !important;
  }

  .yotpo-sr-bottom-line-summary :first-child {
    margin: 0 !important;
  }

  .star-container {
    &:not(:first-child) {
      margin-inline-end: 0 !important;
      margin-inline-start: calc(var(--spacing-3xs) + var(--spacing-4xs)) !important;
    }

    &.yotpo-sr-star-full {
      svg path {
        fill: var(--color-brand-black) !important;
      }
    }

    svg {
      width: var(--spacing-s);
      height: var(--spacing-s);
    }

    svg path {
      stroke: var(--color-brand-black) !important;
    }
  }

  .yotpo-sr-bottom-line-right-panel {
    margin-inline-start: var(--spacing-xs) !important;

    .yotpo-sr-bottom-line-text {
      color: var(--color-neutral-brand) !important;
      font-family: var(--font-family-1) !important;
      font-size: var(--font-size-0) !important;
      line-height: var(--line-height-2) !important;
      text-decoration: underline !important;
    }
  }

  /**
   * Media queries.
   */
  @media (min-width: 64rem) {
    .star-container {
      svg {
        height: calc(var(--spacing-s) + var(--spacing-3xs));
        width: calc(var(--spacing-s) + var(--spacing-3xs));
      }
    }

    .yotpo-sr-bottom-line-right-panel {
      margin-inline-start: var(--spacing-s) !important;

      .yotpo-sr-bottom-line-text {
        font-size: var(--font-size-2) !important;
      }
    }
  }
}

/**
 * Yotpo reviews.
 */

.yotpo-seo-page-layout .yotpo-review-center-panel .yotpo-review-rating-title .star-container .yotpo-star-rating-icon {
  max-width: unset;
}

.yotpo-main-widget.yotpo {
  padding: 0 var(--layout-mobile-margin);

  .yotpo-regular-box {
    margin: 0;
  }

  .yotpo-icon-star,
  .yotpo-icon-empty-star {
    color: var(--color-brand-black) !important;
    font-size: var(--font-size-2) !important;
  }

  /**
   * Media queries.
   */
  @media (min-width: 64rem) {
    padding: 0 var(--layout-desktop-margin);

    .yotpo-reviews-main-widget .yotpo-modal .yotpo-media-modal-body .yotpo-media-modal-media {
      padding-block: var(--spacing-l);
    }

    .yotpo-icon-star,
    .yotpo-icon-empty-star {
      font-size: var(--font-size-3) !important;
    }
  }
}

.yotpo-horizontal-pagination .yotpo-reviews-pagination-item {
  display: flex;
}

/* Main Product Page Review Widget */
.section-wrapper .yotpo-base-layout.yotpo-base-layout {
  padding-left: 0;
  padding-right: 0;
  max-width: unset;
}

/* Remove padding from Yotpo widgets in full-width sections */
.section--full-width .yotpo-base-layout.yotpo-base-layout {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: unset;
}

.shopify-app-block:has(.yotpo-widget-instance) {
  width: 100%;
}

/* Remove padding from app blocks in full-width sections */
.section--full-width .shopify-app-block {
  padding-inline: 0;
}

.yotpo-display-l .yotpo-main-layout .yotpo-head .yotpo-headline {
  flex-basis: 100% !important;
}

.yotpo-step-icon svg {
  margin-inline: auto;
}