/* 1 === мобилка: сделать реально прозрачным ВЕСЬ верх для меню 1509612891 === */
@media (max-width: 980px) {

  /* сам рекорд и его внутренности */
  #rec1509612891,
  #rec1509612891 .t396__artboard,
  #rec1509612891 .t396__carrier,
  #rec1509612891 .tmenu__wrapper,
  #rec1509612891 .tmenu__holder {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* когда тильда переводит меню в fixed-состояние при скролле */
  .tmenu_mobile__fixed #rec1509612891,
  .tmenu_mobile__fixed #rec1509612891 .tmenu__wrapper {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* сама верхняя мобильная панель, которую тильда создаёт отдельно */
  .tmenu-mobile__top[data-menu-id="1509612891"],
  .tmenu-mobile__btn[data-menu-id="1509612891"],
  .tmenu-mobile__wrapper[data-menu-id="1509612891"] {
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* мобилка: убираем белую полосу сверху */
@media (max-width: 980px) {
  body,
  body.t-body,
  .t-records {
    padding-top: 0 !important;
  }

  /* если после этого первый блок подпрыгнет слишком высоко —
     дай ему немного отступа сверху */
  .t-records .t-rec:first-child {
    margin-top: 60px; /* можешь сделать 40 или 50 */
  }
}

/* ===== 1. ДЕСKTOP — ничего не трогаем ===== */
/* твой хедер */
#rec1509612891 {
  z-index: 9998;
}

/* 1. сам блок-меню (твой: #rec1509612891) — на мобиле делаем прозрачным */
@media (max-width: 980px) {
  #rec1509612891 {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* прячем десктопную часть, оставляем только бургер */
  #rec1509612891 .tmenu__wrapper {
    display: none !important;
  }

  /* сам бургер прибиваем вправо */
  #rec1509612891 .t-menuburger,
  #rec1509612891 .t-menuburger__btn {
    position: fixed !important;
    top: 14px !important;
    right: 16px !important;
    left: auto !important;
    z-index: 9999 !important;
  }
}

/* 2. кнопка АТМОСФЕРА (десктоп) — круглая, как соцсети */
#rec1509612891 .js-soundbtn,
#rec1509612891 .js-soundbtn a {
  width: 34px;
  height: 34px;
  background: #454545;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 8px;
  text-indent: -9999px;
  overflow: hidden;
}

/* внутри — белый динамик */
#rec1509612891 .js-soundbtn::before,
#rec1509612891 .js-soundbtn a::before,
.tmenu__mobile .js-soundbtn::before,
.tmenu__mobile .js-soundbtn a::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9v6h4l5 5V4L8 9H4zm12.5 3a3.5 3.5 0 0 0-2.5-3.34v6.68c1.45-.4 2.5-1.71 2.5-3.34zm-2.5-7.95v2.06a5.5 5.5 0 0 1 0 11.78v2.06A7.5 7.5 0 0 0 14 4.05z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* 3. в попапе-меню (мобильном) — тоже кружок + выравнивание с соцсетями */
@media (max-width: 980px) {
  .tmenu__mobile .js-soundbtn,
  .tmenu__mobile .js-soundbtn a {
    width: 40px !important;
    height: 40px !important;
    background: #454545 !important;
    margin-left: 10px !important;
  }
}

/* === 1. Десктопный звук в шапке (оставляем) === */
#rec1509612891 .js-soundbtn,
#rec1509612891 .js-soundbtn a {
  width: 34px;
  height: 34px;
  background: #454545;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 8px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}

#rec1509612891 .js-soundbtn::before,
#rec1509612891 .js-soundbtn a::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9v6h4l5 5V4L8 9H4zm12.5 3a3.5 3.5 0 0 0-2.5-3.34v6.68c1.45-.4 2.5-1.71 2.5-3.34zm-2.5-7.95v2.06a5.5 5.5 0 0 1 0 11.78v2.06A7.5 7.5 0 0 0 14 4.05z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

#rec1509612891 .js-soundbtn.is-sound-on,
#rec1509612891 .js-soundbtn a.is-sound-on {
  opacity: .55;
}

/* === 2. Мобильный выпадающий попап Тильды — ВСЕ ВАРИАНТЫ === */
/* tmenu__mobile — самый частый */
.tmenu__mobile .js-soundbtn,
/* tmenu__popup — тоже встречается */
.tmenu__popup .js-soundbtn,
/* старые попапы */
.tmenupopup .js-soundbtn {
  width: 40px !important;
  height: 40px !important;
  background: #454545 !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  gap: 0;
}

/* сам белый динамик в попапе */
.tmenu__mobile .js-soundbtn::before,
.tmenu__popup .js-soundbtn::before,
.tmenupopup .js-soundbtn::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9v6h4l5 5V4L8 9H4zm12.5 3a3.5 3.5 0 0 0-2.5-3.34v6.68c1.45-.4 2.5-1.71 2.5-3.34zm-2.5-7.95v2.06a5.5 5.5 0 0 1 0 11.78v2.06A7.5 7.5 0 0 0 14 4.05z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* чтобы между иконкой-музыкой и соцсетями был такой же отступ */
.tmenu__mobile .t-sociallinks,
.tmenu__popup .t-sociallinks,
.tmenupopup .t-sociallinks {
  gap: 10px !important;
}


/* === 3. Видео обложки === */
/* ===== 1. ДЕСКТОП: кнопка "АТМОСФЕРА" как круглая иконка ===== */
#rec1509612891 .js-soundbtn,
#rec1509612891 .js-soundbtn a,
#rec1509612891 .js-soundbtn span {
  width: 34px;
  height: 34px;
  background-color: #454545;
  /* ← вот сам динамик: */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M4 9v6h4l5 5V4L8 9H4z'/%3E%3Cpath d='M14 4.1v2.1a5 5 0 0 1 0 9.6v2.1c3.1-.6 5.5-3.3 5.5-6.9s-2.4-6.3-5.5-6.9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;

  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 8px;
  text-indent: -9999px;  /* текст прячем */
  overflow: hidden;
}

/* когда звук включён — чуть тусклее */
#rec1509612891 .js-soundbtn.is-sound-on,
#rec1509612891 .js-soundbtn a.is-sound-on,
#rec1509612891 .js-soundbtn span.is-sound-on {
  opacity: 0.5;
}

/* === мобилка: сделать реально прозрачным ВЕСЬ верх для меню 1509612891 === */
@media (max-width: 980px) {

  /* сам рекорд и его внутренности */
  #rec1509612891,
  #rec1509612891 .t396__artboard,
  #rec1509612891 .t396__carrier,
  #rec1509612891 .tmenu__wrapper,
  #rec1509612891 .tmenu__holder {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* когда тильда переводит меню в fixed-состояние при скролле */
  .tmenu_mobile__fixed #rec1509612891,
  .tmenu_mobile__fixed #rec1509612891 .tmenu__wrapper {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* сама верхняя мобильная панель, которую тильда создаёт отдельно */
  .tmenu-mobile__top[data-menu-id="1509612891"],
  .tmenu-mobile__btn[data-menu-id="1509612891"],
  .tmenu-mobile__wrapper[data-menu-id="1509612891"] {
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* мобилка: убираем белую полосу сверху */
@media (max-width: 980px) {
  body,
  body.t-body,
  .t-records {
    padding-top: 0 !important;
  }

  /* если после этого первый блок подпрыгнет слишком высоко —
     дай ему немного отступа сверху */
  .t-records .t-rec:first-child {
    margin-top: 60px; /* можешь сделать 40 или 50 */
  }
}

/* ===== 1. ДЕСKTOP — ничего не трогаем ===== */
/* твой хедер */
#rec1509612891 {
  z-index: 9998;
}

/* 1. сам блок-меню (твой: #rec1509612891) — на мобиле делаем прозрачным */
@media (max-width: 980px) {
  #rec1509612891 {
    background: transparent !important;
    box-shadow: none !important;
  }

  /* прячем десктопную часть, оставляем только бургер */
  #rec1509612891 .tmenu__wrapper {
    display: none !important;
  }

  /* сам бургер прибиваем вправо */
  #rec1509612891 .t-menuburger,
  #rec1509612891 .t-menuburger__btn {
    position: fixed !important;
    top: 14px !important;
    right: 16px !important;
    left: auto !important;
    z-index: 9999 !important;
  }
}

/* 2. кнопка АТМОСФЕРА (десктоп) — круглая, как соцсети */
#rec1509612891 .js-soundbtn,
#rec1509612891 .js-soundbtn a {
  width: 34px;
  height: 34px;
  background: #454545;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 8px;
  text-indent: -9999px;
  overflow: hidden;
}

/* внутри — белый динамик */
#rec1509612891 .js-soundbtn::before,
#rec1509612891 .js-soundbtn a::before,
.tmenu__mobile .js-soundbtn::before,
.tmenu__mobile .js-soundbtn a::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9v6h4l5 5V4L8 9H4zm12.5 3a3.5 3.5 0 0 0-2.5-3.34v6.68c1.45-.4 2.5-1.71 2.5-3.34zm-2.5-7.95v2.06a5.5 5.5 0 0 1 0 11.78v2.06A7.5 7.5 0 0 0 14 4.05z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* 3. в попапе-меню (мобильном) — тоже кружок + выравнивание с соцсетями */
@media (max-width: 980px) {
  .tmenu__mobile .js-soundbtn,
  .tmenu__mobile .js-soundbtn a {
    width: 40px !important;
    height: 40px !important;
    background: #454545 !important;
    margin-left: 10px !important;
  }
}

/* === 1. Десктопный звук в шапке (оставляем) === */
#rec1509612891 .js-soundbtn,
#rec1509612891 .js-soundbtn a {
  width: 34px;
  height: 34px;
  background: #454545;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 8px;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
}

#rec1509612891 .js-soundbtn::before,
#rec1509612891 .js-soundbtn a::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9v6h4l5 5V4L8 9H4zm12.5 3a3.5 3.5 0 0 0-2.5-3.34v6.68c1.45-.4 2.5-1.71 2.5-3.34zm-2.5-7.95v2.06a5.5 5.5 0 0 1 0 11.78v2.06A7.5 7.5 0 0 0 14 4.05z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

#rec1509612891 .js-soundbtn.is-sound-on,
#rec1509612891 .js-soundbtn a.is-sound-on {
  opacity: .55;
}

/* === 2. Мобильный выпадающий попап Тильды — ВСЕ ВАРИАНТЫ === */
/* tmenu__mobile — самый частый */
.tmenu__mobile .js-soundbtn,
/* tmenu__popup — тоже встречается */
.tmenu__popup .js-soundbtn,
/* старые попапы */
.tmenupopup .js-soundbtn {
  width: 40px !important;
  height: 40px !important;
  background: #454545 !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-indent: -9999px;
  overflow: hidden;
  position: relative;
  gap: 0;
}

/* сам белый динамик в попапе */
.tmenu__mobile .js-soundbtn::before,
.tmenu__popup .js-soundbtn::before,
.tmenupopup .js-soundbtn::before {
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9v6h4l5 5V4L8 9H4zm12.5 3a3.5 3.5 0 0 0-2.5-3.34v6.68c1.45-.4 2.5-1.71 2.5-3.34zm-2.5-7.95v2.06a5.5 5.5 0 0 1 0 11.78v2.06A7.5 7.5 0 0 0 14 4.05z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* чтобы между иконкой-музыкой и соцсетями был такой же отступ */
.tmenu__mobile .t-sociallinks,
.tmenu__popup .t-sociallinks,
.tmenupopup .t-sociallinks {
  gap: 10px !important;
}





/* СТИЛИ ДЛЯ МЕНЮ ЧТОБЫ НЕ УВЕЛИЧИВАЛОСЬ */
/* 1) Всегда одинаковый размер пунктов меню (десктоп) */
#rec1509612891 .tmenu__link-item {
  font-size: 15px !important;     /* твой целевой размер */
  line-height: 1.55 !important;   /* как в редакторе */
  padding-top: 22px !important;   /* подправь при необходимости */
  padding-bottom: 22px !important;
}

/* 2) Когда меню становится fixed / прилипает — НЕ менять размер */
#rec1509612891.tmenu_fixed .tmenu__link-item,
.tmenu_mobile__fixed #rec1509612891 .tmenu__link-item,
#rec1509612891 .tmenu__link-item.tmenu__link-item_fixed {
  font-size: 15px !important;
  line-height: 1.55 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

/* 3) Иконки соцсетей/кнопки справа — чтобы шапка не «вздувалась» */
#rec1509612891 .t-sociallinks__item a {
  width: 36px !important; height: 36px !important;
}
#rec1509612891 .t-sociallinks__item a svg {
  width: 20px !important; height: 20px !important;
}

/* 4) Фиксируем высоту обёртки, чтобы вертикально не «распирало» */
#rec1509612891 .tmenu__wrapper {
  min-height: 86px !important;    /* подгони под свои отступы */
}


/* УБИРАЕМ ITALIC У ВСЕХ ТЕКСТОВ В БЛОКЕ LOVIU */
/*#rec1518923561 .loviu-key,*/
/*#rec1518923561 .loviu-text,*/
/*#rec1518923561 .loviu-rot span {*/
/*    font-style: normal !important;*/
/*    font-family: 'Jost', sans-serif !important;*/
/*    font-weight: normal !important;*/
/*}*/

/* ОТДЕЛЬНО ДЛЯ ЗАГОЛОВКОВ И ОПИСАНИЙ */
/*#rec1518923561 .loviu-key {*/
/*    font-style: normal !important;*/
/*    font-weight: 800 !important;*/
/*}*/

/*#rec1518923561 .loviu-text {*/
/*    font-style: normal !important;*/
/*    font-weight: 400 !important;*/
/*}*/

/* ОТДЕЛЬНО ДЛЯ РОТАТОРА */
/*#rec1518923561 .loviu-rot span {*/
/*    font-style: normal !important;*/
/*    font-weight: 800 !important;*/
/*}*/


/* Создаем общий контейнер для Zero-блока и бегущей строки */
/* Создаем обертку вокруг Zero-блока и блока с фото #rec1612281731*/
.tn-elem__1612281731, .tn-elem__1506729151 {
    position: relative !important;
}

#rec1612281731 {
    position: relative !important;
    z-index: 1 !important;
    margin-bottom: 0 !important;
}

#rec1506729151 {
    position: relative !important;
    z-index: 2 !important;
    margin-top: -100px !important; /* Подбери точное значение */
    pointer-events: none !important; /* Чтобы не мешал скроллу */
}

/* Контенту внутри блока с фото возвращаем pointer-events */
#rec1506729151 * {
    pointer-events: auto !important;
}



.seo-h1 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  border: 0 !important;
  white-space: nowrap !important;
}