/** Shopify CDN: Minification failed

Line 107:2 Unexpected "}"

**/
  .fronds-love {
    position: relative;
    padding: 40px 0;
    background-color: var(--rl-color-linen);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
  }


  .fronds-love__content {
    position: relative;
    padding: 40px 0;
    background-color: var(--rl-color-linen);
  }


  .fronds-love__title {
    align-items: center;
    text-align: center;
    font-size: 44px;
    margin-bottom: 32px;
    margin-top: 44px;
    font-weight: lighter;
    line-height: 4.75rem;
  }

  .fronds-love__subtitle {
    text-align: center;
    line-height: 1.75rem;
    font-size: 20px;
    margin-left: 20px;
    font-weight: lighter;
    margin-right: 20px;
  }

  @media (max-width: 768px) {
    .fronds-love__subtitle {
      display: none;
    }
  }

  .fronds-love__review-container {
    position: relative;
    flex: 0 1 calc(33.33% - 20px);
    /* Increase width to 50% of parent minus gap */
    height: auto;
    /* Allow height to adjust based on content */
    gap: 16px;
    padding: 20px;
    border: 1px solid black;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    /* Stack content vertically */
    align-items: stretch;
    box-sizing: border-box;
    /* Include padding in size calculations */
    min-width: 304px;
  }

  .swiper-container-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .swiper-container {
    margin: 0 auto;
    width: 100%;
    height: auto;
    /* Set a height for your slider */
    box-sizing: border-box;
  }


  .swiper-wrapper {
    display: flex;
    flex-direction: row;


  }




  @media screen and (max-width: 768px) {
    .fronds-love__review-container {
      display: flex;
      flex-direction: column-reverse;
      justify-content: space-between
    }
  }

  .fronds-love__review-container {
    flex: 0 1 100%;
    /* Keep full width for one review at a time */
    margin: 12px;
    /* Space reviews vertically */
  }
  }


  .fronds-love__review-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Make sure child elements (text-wrapper) take full width */
    height: auto;
    /* Allow height to grow based on content */
    max-width: 100%;
    /* Ensure the container takes up full available width */
    box-sizing: border-box;
    /* Include padding and borders in dimensions */
  }

  @media (max-width: 768px) {
    .fronds-love__review-content {
      max-width: 100%;
      /* Make it full-width on smaller screens */
    }
  }



  .fronds-love__review-image-wrapper {
    flex-shrink: 0;
    /* Prevents image container from shrinking */
    width: 142px;
    /* Set width for the image container */
    max-width: 100%;
    height: 344px;
    /* Set fixed height for the image */
    display: flex;
    /* Flexbox layout for centering */
    justify-content: center;
    /* Center the image horizontally */
    align-items: center;
    /* Center the image vertically */
  }

  .fronds-love__review-image {
    max-width: 100%;
    /* Image takes full width of the wrapper */
    height: auto;
    /* Maintain aspect ratio */
    max-height: 444px;
    /* Ensure the image does not exceed 344px */
    border-radius: 5px;
    /* Rounded corners */
  }


  @media (max-width: 768px) {

    /* Adjust image container to be square */
    .fronds-love__review-image-wrapper {
      width: 100%;
      /* Full width on mobile */
      height: 0;
      /* Set height to 0 initially */
      padding-bottom: 90%;
      /* Use padding-bottom to create a square aspect ratio */
      border-radius: 10px;
      /* Increase rounded corners for mobile */
      overflow: hidden;
      /* Hide any overflow to maintain the square shape */
    }

    .fronds-love__review-image {
      transform: translateY(90px);
    }
  }

  .fronds-love__review-text {
    flex-grow: 1;
    /* Allows text container to fill remaining space */
    display: flex;
    /* Enables Flexbox layout */
    flex-direction: column;
    /* Stack the text elements vertically */
    font-size: 16px;
    line-height: 20px;
    font-weight: lighter;
    justify-content: flex-start;
    /* Align content to the top */
    height: auto;
    /* Adjust height automatically based on content */
    max-width: 100%;
    /* Prevent content from exceeding parent's width */
    overflow-wrap: break-word;
    /* Allow words to break and fit within the container */
    box-sizing: border-box;
    /* Include padding and border in the height/width calculation */
  }


  .fronds-love__review-stars {
    margin-bottom: -5px;
    margin-top: 5px;
  }

  .fronds-love__review-stars-wrapper {
    display: flex;
    flex-direction: column;
  }

  .fronds-love__review-name {
    font-weight: bold;
    font-size: 14px;
    /* This is already positioned at the bottom with space-between */
    padding-top: 10px;
    /* Add space between text and name if needed */
    align-self: flex-start;
    /* Ensures the name starts at the bottom */
    margin-top: auto;
  }

  .swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 24px;
    opacity: 0;
  }


  @media (min-width: 1000px) {
    .swiper-pagination {
      opacity: 0;
      /* Hide pagination */
    }
  }



/* 

.fronds-love__reviews {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  margin: 0 60px;
  scroll-snap-type: x mandatory;
   Allows smooth horizontal scrolling

}

.fronds-love {
  background: red !important;
  width: 200px;
  margin: 0 60px;
   Adds 60px margin to the left and right of the entire section
  padding: 40px 0;
   Adds some padding to the top and bottom of the section
}

.fronds-love__review-container {
  display: flex;
   Flexbox layout
  border: 1px solid black;
  padding: 20px;
  flex-shrink: 0;
  min-width: 300px;
  max-width: 400px;
   Adjust as needed
  align-items: center;
   Aligns the image and text vertically centered
  gap: 20px;
   Space between image and text
  background-color: #f7f3ea;
   Background color similar to your design
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
   Optional shadow effect
}

.fronds-love__review-image-wrapper {
  flex-shrink: 0;
   Prevents image container from shrinking
  width: 100px;
   Set width for the image container
}

.fronds-love__review-image {
  width: 100%;
   Image takes full width of the wrapper
  border-radius: 5px;
   Rounded corners
}

.fronds-love__review-text-wrapper {
  flex-grow: 1;
   Allows text container to grow and fill remaining space
}

.fronds-love__review-text {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.fronds-love__review-name {
  font-weight: bold;
  margin-top: 10px;
  font-size: 14px;
} */