.site-header .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-block: 18px;
}

.logo {
  font-family: var(--f-display);
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -.01em;
}

.logo-tld { color: var(--accent); }

.header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.hero .wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block: 44px 32px;
}

.lead {
  margin: 0;
  max-width: 640px;
  font-size: 18px;
  color: var(--fg-2);
}

.cars .wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block: 20px 56px;
}

.cars-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.cars-intro { min-width: 0; }

.sub { margin: 4px 0 0; max-width: 560px; color: var(--fg-3); }

.steps .wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block: 24px 56px;
}

.site-footer { border-top: 1px solid var(--line-soft); }

.site-footer .wrap {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-block: 44px;
}

.footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.footer-title {
  font-family: var(--f-display);
  font-weight: 700;
  font-size: 24px;
}

.footer-sub { color: var(--fg-3); }

.footer-note {
  margin: 0;
  max-width: 760px;
  font-size: 13px;
  color: var(--fg-3);
}

@media (max-width: 719px) {
  /* Место под липкую кнопку звонка, чтобы она не накрывала подвал. */
  body { padding-bottom: 76px; }

  .site-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--bg-blur);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line-soft);
  }

  .site-header .wrap {
    flex-wrap: nowrap;
    gap: 8px;
    padding-block: 9px;
  }

  .logo { font-size: 20px; }

  .hero .wrap {
    gap: 12px;
    padding-block: 16px 16px;
  }

  .lead { font-size: 15px; }

  .cars .wrap { gap: 14px; padding-block: 8px 36px; }
  .cars-bar { gap: 12px; }
  .steps .wrap { gap: 16px; padding-block: 16px 36px; }
  .site-footer .wrap { gap: 18px; padding-block: 32px; }

  .footer-top { align-items: stretch; gap: 16px; }
  .footer-title { font-size: 21px; }
}