/** Shopify CDN: Minification failed

Line 222:1 Expected "}" to go with "{"

**/
.rich-text {
  z-index: 1;
}

.rich-text__wrapper {
  display: flex;
  justify-content: center;
  width: calc(100% - 4rem / var(--font-body-scale));
}

.rich-text:not(.rich-text--full-width) .rich-text__wrapper {
  margin: auto;
  width: calc(100% - 8rem / var(--font-body-scale));
}

.rich-text__blocks {
  width: 100%;
}

/* Mobile-specific typography adjustments to match Figma design */
@media screen and (max-width: 749px) {
  /* Heading styles for mobile - more compact sizes */
  .rich-text__heading {
    font-size: 28px !important;
    line-height: 36px !important;
    letter-spacing: -0.01em;
  }
  
  /* Adjust different heading sizes for mobile */
  .rich-text__heading.h2 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  .rich-text__heading.h1 {
    font-size: 28px !important;
    line-height: 36px !important;
  }
  
  .rich-text__heading.h0 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
  
  .rich-text__heading.hxl {
    font-size: 36px !important;
    line-height: 44px !important;
  }
  
  .rich-text__heading.hxxl {
    font-size: 40px !important;
    line-height: 48px !important;
  }
  
  /* Caption/Subtitle text styles for mobile - matching Figma's 16px/22px */
  .rich-text__caption {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  
  .rich-text__caption.subtitle--small {
    font-size: 14px !important;
    line-height: 20px !important;
  }
  
  .rich-text__caption.subtitle--medium {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  
  .rich-text__caption.subtitle--large {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  
  .rich-text__caption.caption-with-letter-spacing--small {
    font-size: 12px !important;
    line-height: 18px !important;
    letter-spacing: 0.04em;
  }
  
  .rich-text__caption.caption-with-letter-spacing--medium {
    font-size: 14px !important;
    line-height: 20px !important;
    letter-spacing: 0.04em;
  }
  
  .rich-text__caption.caption-with-letter-spacing--large {
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: 0.04em;
  }
  
  /* Body text styles for mobile - matching Figma's 16px/22px */
  .rich-text__text {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  
  .rich-text__text p {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 1rem;
  }
  
  .rich-text__text ul,
  .rich-text__text ol {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  
  /* Button text adjustments for mobile */
  .rich-text__buttons .button {
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 8px 20px;
  }
  
  /* Adjust spacing between elements on mobile for more compact layout */
  .rich-text__blocks > * + * {
    margin-top: 1.5rem !important;
  }
  
  .rich-text__blocks > * + a {
    margin-top: 2rem !important;
  }
  
  .rich-text__buttons + .rich-text__buttons {
    margin-top: 0.75rem !important;
  }
  
  /* Adjust wrapper width for better mobile spacing */
  .rich-text__wrapper {
    width: calc(100% - 2rem);
  }
  
  .rich-text:not(.rich-text--full-width) .rich-text__wrapper {
    width: calc(100% - 3rem);
  }
}

@media screen and (min-width: 750px) {
  .rich-text__wrapper {
    width: 100%;
  }

  .rich-text__wrapper--left {
    justify-content: flex-start;
  }

  .rich-text__wrapper--right {
    justify-content: flex-end;
  }

  .rich-text__blocks {
    max-width: 50rem;
  }
}

@media screen and (min-width: 990px) {
  .rich-text__blocks {
    max-width: 78rem;
  }
}

.rich-text__blocks * {
  overflow-wrap: break-word;
}

.rich-text__blocks > * {
  margin-top: 0;
  margin-bottom: 0;
}

.rich-text__blocks > * + * {
  margin-top: 2rem;
}

.rich-text__blocks > * + a {
  margin-top: 3rem;
}

.rich-text__buttons {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  max-width: 45rem;
  word-break: break-word;
}

.rich-text__buttons--multiple > * {
  flex-grow: 1;
  min-width: 22rem;
}

@media screen and (max-width: 749px) {
  .rich-text__buttons--multiple > * {
    min-width: auto;
    width: 100%;
  }
  .rich-text .section-template--padding {
    margin-bottom: 20px !important;
}

.rich-text__buttons + .rich-text__buttons {
  margin-top: 1rem;
}

.rich-text__blocks.left .rich-text__buttons {
  justify-content: flex-start;
}

.rich-text__blocks.right .rich-text__buttons {
  justify-content: flex-end;
}