/* Compact mobile-only navigation for the quote form. */
@media (max-width: 760px) {
  .quote-page .quote-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 40px !important;
  }

  .quote-page .quote-actions .quote-step-count {
    margin-right: auto !important;
    align-self: center !important;
    line-height: 1 !important;
  }

  .quote-page .quote-actions .sub-button,
  .quote-page .quote-back {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 86px !important;
    width: 86px !important;
    min-width: 86px !important;
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #133845 !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
  }

  .quote-page .quote-actions .sub-button {
    position: relative !important;
    background: #ffe9a7 !important;
    box-shadow: none !important;
  }

  .quote-page .quote-back {
    position: relative !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .quote-page .quote-actions .sub-button span {
    display: none !important;
  }

  .quote-page .quote-actions .sub-button::before,
  .quote-page .quote-actions .sub-button::after {
    display: none !important;
  }

  .quote-page .quote-actions .sub-button::after {
    content: "NEXT";
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--font-display) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .06em !important;
    line-height: 1 !important;
    color: #133845 !important;
    transform: none !important;
  }

  .quote-page .quote-actions .sub-button[type="submit"]::after {
    content: "SUBMIT";
  }

  .quote-page .quote-back::before {
    content: "PREVIOUS";
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--font-display) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
    line-height: 1 !important;
    color: #133845 !important;
  }
}