/* Patch 14 — логотип крупнее и нормальное отображение фоновых фото */

.logo-dynamic {
  min-width: 160px;
  display: flex;
  align-items: center;
}

.logo-dynamic img {
  height: 58px !important;
  max-width: 230px !important;
  width: auto;
  object-fit: contain;
  object-position: left center;
}

.topbar {
  height: 82px;
}

/* Чтобы загруженные фото не выглядели как размазанный кусок */
.dynamic-hero,
.dynamic-contacts-hero,
.dynamic-about-hero {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-color: #181a20 !important;
}

/* Для главной оставляем затемняющий слой через псевдо-фон визуально */
.dynamic-hero {
  min-height: 620px;
}

/* Страница объектов лучше смотрится с широким фоном */
.dynamic-catalog-hero {
  background-size: cover !important;
  background-position: center center !important;
}

/* Если фото узкое/скриншотное, делаем затемнённую подложку, чтобы не было пустоты */
.dynamic-hero::before,
.dynamic-contacts-hero::before,
.dynamic-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(24,26,32,.88), rgba(24,26,32,.44), rgba(24,26,32,.14));
  pointer-events: none;
}

.dynamic-hero,
.dynamic-contacts-hero,
.dynamic-about-hero {
  position: relative;
}

.dynamic-hero > *,
.dynamic-contacts-hero > *,
.dynamic-about-hero > * {
  position: relative;
  z-index: 1;
}

/* Исправляем поиск на главной после увеличения шапки */
.search-card,
.agency-search {
  z-index: 2;
}

/* Более аккуратный размер логотипа на телефоне */
@media (max-width: 760px) {
  .topbar {
    height: 70px;
  }

  .logo-dynamic {
    min-width: 120px;
  }

  .logo-dynamic img {
    height: 46px !important;
    max-width: 170px !important;
  }

  .nav {
    top: 70px;
  }

  .dynamic-hero,
  .dynamic-contacts-hero,
  .dynamic-about-hero {
    background-size: cover !important;
    background-position: center center !important;
  }
}

@media (max-width: 420px) {
  .logo-dynamic img {
    height: 42px !important;
    max-width: 150px !important;
  }
}