/* Focused mobile improvements for the customer appointment request flow. */
@media (max-width: 720px) {
  .contact-page .site-header {
    position: relative;
  }

  .contact-page .contact-speed-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
  }

  .contact-page .contact-speed-strip span {
    min-height: 30px;
    padding: 4px 3px;
    font-size: 0.69rem;
    line-height: 1.15;
    text-align: center;
  }

  .contact-page .contact-appointment-detail-toggle,
  .contact-page .contact-location-map-toggle,
  .contact-page .contact-location-map-link {
    min-height: 44px;
  }
}