/* RFQ & Contact page: phone and tablet arrangement. Loaded on the RFQ template only. */

@media (max-width: 992px) {
  /* The quote form is the page's main task: show it first, contact details after. */
  #rfq-section .grid-2 {
    gap: 2.25rem;
  }

  #rfq-section #rfq-form {
    order: -1;
  }

  .contact-info-card {
    height: auto;
  }
}

@media (max-width: 768px) {
  .rfq-hero .page-hero-lead {
    font-size: 1rem !important;
  }

  #rfq-form h3 {
    font-size: 1.45rem !important;
  }

  #rfq-form > p {
    margin-bottom: 1.35rem !important;
  }

  /* Even spacing when two-field rows stack: the fields' own margin is enough. */
  #rfq-form .form-row {
    gap: 0;
  }

  #rfq-form .form-group {
    margin-bottom: 1.1rem;
  }

  #rfq-form .form-submit-full {
    margin-top: 0.5rem;
  }

  .contact-info-card {
    padding: 1.75rem 1.35rem;
    border-radius: var(--border-radius-md);
  }

  .contact-info-card h3 {
    font-size: 1.4rem;
    margin-bottom: 0.6rem;
  }

  .contact-info-list {
    gap: 1.35rem;
    margin-top: 1.35rem;
  }

  .contact-item {
    gap: 0.9rem;
  }

  .contact-icon-box {
    width: 40px;
    height: 40px;
  }

  .contact-details {
    min-width: 0;
  }

  .contact-details p,
  .contact-details a {
    overflow-wrap: anywhere;
  }

  .contact-map-box {
    height: 200px;
    min-height: 200px;
    margin-top: 1.5rem;
  }
}