.newsletter__wrapper {
  padding-right: calc(4rem / var(--font-body-scale));
  padding-left: calc(4rem / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .newsletter__wrapper {
    padding-right: 9rem;
    padding-left: 9rem;
  }
}

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

.newsletter__wrapper > * + .newsletter-form {
  margin-top: 3rem;
}

.newsletter__subheading {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}

.newsletter-form__field-wrapper .newsletter-form__message {
  margin-top: 1.5rem;
}

.newsletter__button {
  margin-top: 3rem;
  width: fit-content;
}

@media screen and (min-width: 750px) {
  .newsletter__button {
    flex-shrink: 0;
    margin: 0 0 0 1rem;
  }
}

/* Newsletter powerful form builder */
section#shopify-section-newsletter {
  form.g-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .globo-form-app .header,
  .globo-form-app .header .title {
    margin-bottom: 0 !important;
  }
  .globo-form-app .header .title {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 1.5px;
  }
  .globo-formbuilder-wizard {
    width: 75%;
  }
  .wizard__content {
    display: flex;
    align-items: center;
  }
  .globo-formbuilder {
    & .globo-form-app {
      .globo-form-control {
        margin-bottom: 0;
        padding: 0 0;
      }
    }
  }
  .gfb__footer.wizard__footer {
    width: 30%;
  }
  button.action.next.submit.flat-button.wizard__submit {
    height: 6.2rem;
    letter-spacing: 1.4px;
    font-size: 14px;
    font-weight: 600;
  }
  .globo-form-app .panels {
    width: 70%;
    z-index: 0;
  }
  .description.globo-description {
    margin: 0;
  }
  .globo-form.default-form.inline-form {
    padding-top: 72px;
    padding-bottom: 72px;
    background: #f5f5f5;
  }
}

@media screen and (max-width: 750px) {
  section#shopify-section-newsletter {
    form.g-container {
      display: grid;
      text-align: center;
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: unset;
      grid-template-columns: 1fr;
      padding-inline: 20px;
    }
    .globo-form-app .header,
    .globo-form-app .header .title {
      margin-bottom: 1rem !important;
      max-width: unset;
      text-align: center !important;
    }
    .globo-form-app .panels {
      width: 60%;
    }
    .gfb__footer.wizard__footer {
      width: 40%;
    }
    button.action.next.submit.flat-button.wizard__submit {
      height: 5.6rem;
    }
    .globo-formbuilder-wizard {
      width: 100%;
    }
  }
  
}