/* Обработка блока Hero на страницах */
/* Резервировать реальную половину логотипа — 250 px, а не 300 px */
.t770__leftwrapper {
    padding-right: 250px !important;
}

.t770__rightwrapper {
    padding-left: 250px !important;
}

#feed-cover {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

#feed-cover .t-feed__post-popup__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* выравнивание и обработка размеров элементов в шапке десктоп-версии */
@media screen and (min-width: 981px) {
  .t-screenmin-980px[data-record-type="770"] {
    padding-top: 0 !important;
  }
  .t770 .t770__maincontainer {
    display: block !important;
    width: calc(100% - 40px) !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
  }
  .t770 .t770__topwrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 280px minmax(0, 1fr);
    align-items: center;
    column-gap: 24px;
    height: 104px !important;
  }
  .t770 .t770__alladditional { display: contents !important; }
  .t770 .t770__logowrapper,
  .t770 .t770__logowrapper2,
  .t770 .t770__leftwrapper,
  .t770 .t770__rightwrapper,
  .t770 .t770__additionalwrapper {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }
  .t770 .t770__imglogo {
    width: 322px !important;
    max-width: 322px !important;
    height: auto !important;
    display: block !important;
  }
  .t770 .t770__descr {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }
  .t770 .t770__descr br { display: none !important; }
  .t770 .t770__descr strong { display: block; }
  .t770 .t770__descr a[href^="tel:"] {
    font-size: 20px !important;
    line-height: 24px !important;
    white-space: nowrap;
    color: #202020 !important;
  }
  .t770 .t-sociallinks { margin: 8px auto 0 !important; padding: 0 !important; }
  .t770 .t-sociallinks__wrapper { justify-content: center !important; }
  .t770 .t770__btn-wrapper {
    margin: 6px 0 0 !important;
    padding: 0 !important;
  }
  .t770 .t770__btn {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 24px !important;
  }
  .t770 .t770__bottomwrapper {
    height: 52px !important;
    padding: 0 !important;
    border-top: 1px solid #ededed;
    box-sizing: border-box;
  }
  .t770 .t770__desktoplist { height: 51px !important; }

  /* Preserve the original visible order and keep the logo at page center. */
  .t770 .t770__leftwrapper { grid-column: 1; grid-row: 1; }
  .t770 .t770__logowrapper { grid-column: 2; grid-row: 1; }
  .t770 .t770__rightwrapper { grid-column: 3; grid-row: 1; }
  .t770 .t770__logowrapper2 > div { margin: 0 !important; padding: 0 !important; }
  .t770 .t770__logowrapper2 a { display: block; line-height: 0; }
  .t770 .t-sociallinks__item { margin-top: 0 !important; margin-bottom: 0 !important; }
  .t770 .t770__leftwrapper .t770__additionalwrapper,
  .t770 .t770__rightwrapper .t770__additionalwrapper {
    display: grid !important;
    grid-template-rows: 42px 44px;
    gap: 8px;
    justify-items: center;
    align-items: center;
  }
  .t770 .t770__leftwrapper .t770__descr p:last-child {
    font-size: 20px !important;
    line-height: 24px !important;
  }
  .t770 .t770__leftwrapper .t-sociallinks,
  .t770 .t770__rightwrapper .t770__btn-wrapper {
    margin: 0 !important;
    padding: 0 !important;
    height: 44px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .t770 .t-sociallinks__wrapper {
    margin: 0 !important;
    padding: 0 !important;
    align-items: center;
  }
}

@media screen and (min-width: 981px) {
  .t-screenmin-980px[data-record-type="770"] {
    padding-top: 20px !important;
  }
  .t770 .t770__topwrapper {
    height: 120px !important;
  }
  .t770 .t770__bottomwrapper {
    border-top: none !important;
  }
  .t770 .t770__desktoplist {
    height: 52px !important;
  }
  .t770 .t-sociallinks__wrapper {
    font-size: 0 !important;
    gap: 0 !important;
  }
  .t770 .t-sociallinks__item {
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 25px;
    width: 25px !important;
  }
  .t770 .t-sociallinks__item + .t-sociallinks__item {
    margin-left: 14px !important;
  }
}


@media screen and (min-width: 981px) {
  /* Same 94px content height as the side columns (42 + 8 + 44). */
  .t770 .t770__logowrapper {
    display: flex !important;
    height: 94px !important;
    align-items: flex-end !important;
    justify-content: center;
  }
  .t770 .t770__leftwrapper .t-sociallinks {
    align-items: flex-end !important;
  }
}