/**
 * Tablet: 768px – 1023px
 */

@media (min-width: 768px) and (max-width: 1023px) {
  .site-nav .nav-link--optional {
    display: none;
  }

  .site-nav a {
    font-size: 0.8125rem;
  }

  .header-cta .btn--sm {
    padding: 0 16px;
  }

  .hero__title {
    font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  }

  .section-title {
    font-size: 1.85rem;
  }

  .service-card__desc {
    -webkit-line-clamp: 2;
  }

  .client-card {
    flex: 0 0 calc(50% - 0px);
  }

  /* Форма: одна колонка, поля в сетке */
  .form-section .two-col {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .lead-form {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .lead-form .form-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  .lead-form .form-body .form-group:nth-child(3),
  .lead-form .form-body .form-group:nth-child(4) {
    grid-column: 1 / -1;
  }

  .lead-form .form-body .form-group {
    padding-left: 0;
    padding-right: 0;
  }

  .lead-form .form-body .form-group:first-child {
    padding-top: 0;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-grid > div:first-child {
    grid-column: 1 / -1;
  }
}

@media (min-width: 900px) and (max-width: 1023px) {
  .site-nav .nav-link--optional {
    display: block;
  }

  .form-section .two-col {
    grid-template-columns: 2fr 3fr;
    gap: 32px;
  }

  .lead-form {
    display: flex;
    flex-direction: column;
  }

  .client-card {
    flex: 0 0 42%;
  }

  .footer-grid {
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .footer-grid > div:first-child {
    grid-column: auto;
  }
}