/* The drawer is always narrow enough to benefit from a single-column form. */
body.index-page .consultation-drawer .forms-preview__grid {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.index-page .consultation-drawer .forms-preview__form {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.index-page .consultation-drawer .forms-preview__field {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  width: 100%;
  margin-right: 0;
}

/* Keep every full-page consultation field on its own row on phones and tablets. */
@media (max-width: 991.98px) {
  body.index-page .quote .forms-preview__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.index-page .quote .forms-preview__field {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  body.index-page .consultation-drawer__body {
    padding-top: 0.625rem;
  }

  body.index-page .quote .quote-content > h3,
  body.index-page .quote .quote-content > p,
  body.index-page .quote .contact-details {
    text-align: center;
  }

  body.index-page .quote .contact-item .contact-icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-right: 0;
    transform: translateY(-50%);
  }

  body.index-page .quote .contact-item {
    position: relative;
    min-height: 50px;
  }

  body.index-page .quote .contact-item .contact-details {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 65px;
    padding-left: 65px;
  }

  body.index-page .quote .trust-badges {
    justify-content: center;
  }
}