/* V11.19: compact, mobile-only alternative to the hero quote request. */
.mobile-quote-call { display: none; }
@media (max-width: 767px) {
  .first-screen-quote .quote-form-v117 .mobile-quote-call {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    margin-top: 13px;
  }
  .first-screen-quote .mobile-quote-or {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0 0 13px;
    color: #aebdc9;
    font: 500 12px/1.45 'DM Sans', system-ui, sans-serif;
    text-align: center;
  }
  .first-screen-quote .mobile-quote-or::before,
  .first-screen-quote .mobile-quote-or::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(174, 193, 209, .24);
  }
  .first-screen-quote .mobile-quote-call-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 49px;
    padding: 11px 16px;
    border: 1px solid rgba(184, 204, 222, .55);
    border-radius: 3px;
    color: #f8fbff;
    background: rgba(255, 255, 255, .035);
    font: 650 13px/1.35 'DM Sans', system-ui, sans-serif;
    letter-spacing: .035em;
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease;
    -webkit-tap-highlight-color: transparent;
  }
  .first-screen-quote .mobile-quote-call-button:active {
    background: rgba(69, 125, 219, .16);
    border-color: rgba(188, 214, 255, .85);
  }
  .first-screen-quote .mobile-quote-call-button:focus-visible {
    outline: 2px solid #9ec5ff;
    outline-offset: 3px;
  }
  .first-screen-quote .quote-form-v117 .form-caption { margin-top: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .first-screen-quote .mobile-quote-call-button { transition: none; }
}