/* Наши правки поверх сгенерированной Tilda вёрстки.
   Держим их здесь, а не в tilda-blocks-*.css, чтобы они не потерялись.
   Позиции элементов Tilda расставляет JS инлайном, поэтому нужен !important. */

/* ── Первый экран ──────────────────────────────────────────────────
   Цена выросла с «9900₽ м2» до «24.900₽ м2» и перестала помещаться
   в фиксированные 293px — на десктопе даём блоку ширину по контенту. */
@media screen and (min-width: 960px) {
  .tn-elem__6965480931706181845361 {
    width: auto !important;
  }
  .tn-elem__6965480931706181845361 .tn-atom {
    white-space: nowrap !important;
  }
}

/* ── Крупная подпись «Renovo» на фоне ──────────────────────────────
   После снятия «MW» слово стало короче — раздвигаем буквы, чтобы оно
   снова шло почти во всю ширину. Размер букв не меняется.
   text-indent компенсирует межбуквенный интервал после последней буквы,
   иначе центрированный текст уезжает влево на половину интервала. */
@media screen and (min-width: 960px) {
  .tn-elem__6965480931682806128576 .tn-atom,   /* первый экран */
  .tn-elem__6886976841706143145303 .tn-atom {  /* блок контактов */
    letter-spacing: 37px;
    text-indent: 25px;
  }
}

/* ── Плавающие мессенджеры: Telegram + MAX ─────────────────────── */
#renovo-messengers {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100000;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#renovo-messengers .renovo-msgr {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
#renovo-messengers .renovo-msgr svg {
  width: 30px;
  height: 30px;
  display: block;
}
#renovo-messengers .renovo-msgr:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
}
#renovo-messengers .renovo-msgr_tg {
  background: #2aabee;
}
#renovo-messengers .renovo-msgr_max {
  background: linear-gradient(135deg, #8f7bff 0%, #5b8cff 100%);
}
@media screen and (max-width: 640px) {
  #renovo-messengers {
    right: 14px;
    bottom: 14px;
  }
  #renovo-messengers .renovo-msgr {
    width: 46px;
    height: 46px;
  }
  #renovo-messengers .renovo-msgr svg {
    width: 26px;
    height: 26px;
  }
}

/* ── Шапка: убран M-логотип MW ─────────────────────────────────────
   От логотипа остался пустой контейнер, а слово «Renovo» стояло
   с отступом под него и не совпадало с левым краем контента.
   Прячем контейнер и сдвигаем слово на общую левую линию страницы. */
@media screen and (min-width: 960px) {
  /* пустые контейнеры бывшего логотипа */
  .tn-elem__6965480931682777429881,   /* index */
  .tn-elem__6970647311706223511123,   /* case-headliner */
  .tn-elem__6972772301706223511123,   /* case-wellton */
  .tn-elem__6972727371706223511123,   /* case-sobytie */
  .tn-elem__6972876061706223511123,   /* case-mosfilmovskaya */
  .tn-elem__6972939111706223511123,   /* case-serdce-stolicy */
  .tn-elem__6972990771706223511123 {  /* case-d1 */
    display: none !important;
  }

  /* слово «Renovo» — на левую линию контента */
  .tn-elem__6965480931682777450554 {  /* index: заголовок первого экрана на 146px */
    left: 146px !important;
  }
  .tn-elem__6970647311706223511126,   /* кейсы: контент/футер на 141px */
  .tn-elem__6972772301706223511126,
  .tn-elem__6972727371706223511126,
  .tn-elem__6972876061706223511126,
  .tn-elem__6972939111706223511126,
  .tn-elem__6972990771706223511126 {
    left: 141px !important;
  }
}

/* ── Логотип «RENOVO»: одно начертание с лендингом /lp/republic ─────
   Капс с разрядкой вместо строчного «Renovo». Ширину контейнера Tilda
   задаёт инлайном (180px), после разрядки текст в неё не влезает —
   поэтому расширяем и снимаем перенос. */
.tn-elem__6965480931682777450554 .tn-atom,   /* index */
.tn-elem__6970647311706223511126 .tn-atom,   /* case-headliner */
.tn-elem__6972772301706223511126 .tn-atom,   /* case-wellton */
.tn-elem__6972727371706223511126 .tn-atom,   /* case-sobytie */
.tn-elem__6972876061706223511126 .tn-atom,   /* case-mosfilmovskaya */
.tn-elem__6972939111706223511126 .tn-atom,   /* case-serdce-stolicy */
.tn-elem__6972990771706223511126 .tn-atom {  /* case-d1 */
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* ── Шапка на телефоне: логотип и бургер симметрично ────────────────
   Было: логотип с отступом 54px слева, бургер 15px справа, центры по
   вертикали разъезжались на 13px. Ставим одинаковые поля и общую ось. */
@media screen and (max-width: 959px) {
  .tn-elem__6965480931682777450554,   /* index */
  .tn-elem__6970647311706223511126,   /* case-headliner */
  .tn-elem__6972772301706223511126,   /* case-wellton */
  .tn-elem__6972727371706223511126,   /* case-sobytie */
  .tn-elem__6972876061706223511126,   /* case-mosfilmovskaya */
  .tn-elem__6972939111706223511126,   /* case-serdce-stolicy */
  .tn-elem__6972990771706223511126 {  /* case-d1 */
    left: 25px !important;
    top: 28px !important;
    width: 220px !important;
  }
  .t450__menu__content { top: 20px !important; }
  .t450__burger_container { margin-right: 13px !important; }
}
