/* Patch 19 — большой поиск на главной */

.agency-hero .vt-search {
  width: min(1320px, calc(100% - 44px)) !important;
  bottom: -88px !important;
  padding: 0 22px 22px !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(24,26,32,.18) !important;
}

.vt-tabs {
  height: 56px !important;
}

.vt-tabs button {
  height: 56px !important;
  padding: 0 22px 15px !important;
  font-size: 16px !important;
}

.vt-search-row {
  grid-template-columns: 1.8fr .9fr 18px .9fr 1.15fr auto auto !important;
  gap: 16px !important;
}

.vt-search input,
.vt-search select,
.vt-more,
.vt-find,
.vt-map {
  min-height: 60px !important;
  font-size: 15px !important;
  border-radius: 10px !important;
}

.vt-search input,
.vt-search select {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.vt-more {
  padding: 0 16px !important;
  white-space: nowrap !important;
}

.vt-find,
.vt-map {
  padding-left: 34px !important;
  padding-right: 34px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.vt-map {
  border: 2px solid #181a20 !important;
}

.vt-dash {
  font-size: 24px !important;
}

/* Чтобы под большим поиском не было наложения */
.districts-section {
  padding-top: 145px !important;
}

/* Чуть больше воздуха в первом экране */
.dynamic-hero,
.agency-hero,
.hero-v3 {
  min-height: 650px !important;
}

/* Планшеты */
@media (max-width: 1180px) {
  .vt-search-row {
    grid-template-columns: 1fr 1fr !important;
  }

  .vt-dash {
    display: none !important;
  }

  .vt-find,
  .vt-map {
    width: 100% !important;
  }

  .agency-hero .vt-search {
    bottom: -150px !important;
  }

  .dynamic-hero,
  .agency-hero,
  .hero-v3 {
    min-height: 730px !important;
  }

  .districts-section {
    padding-top: 195px !important;
  }
}

/* Телефон */
@media (max-width: 760px) {
  .agency-hero .vt-search {
    width: calc(100% - 22px) !important;
    bottom: -280px !important;
    padding: 0 14px 14px !important;
    border-radius: 18px !important;
  }

  .vt-tabs {
    height: 50px !important;
  }

  .vt-tabs button {
    height: 50px !important;
    font-size: 15px !important;
  }

  .vt-search-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .vt-search input,
  .vt-search select,
  .vt-more,
  .vt-find,
  .vt-map {
    min-height: 52px !important;
    font-size: 14px !important;
  }

  .dynamic-hero,
  .agency-hero,
  .hero-v3 {
    min-height: 875px !important;
  }

  .districts-section {
    padding-top: 315px !important;
  }
}

@media (max-width: 420px) {
  .agency-hero .vt-search {
    bottom: -295px !important;
  }

  .dynamic-hero,
  .agency-hero,
  .hero-v3 {
    min-height: 900px !important;
  }
}