/* Отступ сверху ТОЛЬКО для страниц потока/статей */
 body[class*="t-body"] #allrecords[data-post-page="y"] {
    padding-top: 100px !important;
 }

.js-catalog-price-wrapper.t-catalog__card__price-wrapper {
    display: none !important;
}

@media (max-width: 980px) {
    .t978__innermenu {
      display: none !important;
    }
    .t978__tooltip-menu.t-submenu_fullscreen {
      max-width: 100vw !important;
      overflow-x: hidden !important;
    }
}

.main-white-arrow {
    height: 15px !important;
}
.main-white-arrow .tn-atom__img {
    width: 15px !important;
    height: 15px !important;
}
  

@media (max-width: 959px) {

    :root{
        --bs-gutter-x: 20px !important; /* стандартный мобильный отступ */
    }

    .js-catalog-cont-w-filter,
    .t-catalog__cont-w-filter,
    .t-catalog__grid-cont,
    .t-catalog__grid-cont_col-width_stretch,
    .t-catalog__grid-cont_indent {

        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .t-container.t-align_left{
        margin-left: auto !important;
    }

}

@media (max-width: 959px) {

  :root{
    --bs-gutter-x: 20px !important;
  }

  #t-bc{
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 20px !important;
    padding-right: 20px !important;
  }

}

@media (max-width: 959px) {
    .t-breadcrumbs__list {
        padding-left: 15px !important;
    }
}

/* Само изображение */
.t-popup_show .t-feed__post-popup__img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* Обертка изображения */
.t-popup_show .t-feed__post-popup__cover-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
/* 1. Контейнер как в обычной сетке Tilda */
.t-popup_show .t-feed__post-popup__container.t-container {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* 2. Убираем лишние ограничения */
.t-popup_show .t-feed__post-popup__content-wrapper {
  max-width: none !important;
  width: 100% !important;
}

/* 3. 8 → 12 колонок */
.t-popup_show .t-feed__post-popup__content.t-col.t-col_8 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

/* Десктоп — 1200px */
.t-feed__post-popup__relevants {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

/* Мобилка — 320px */
@media screen and (max-width: 480px) {
  .t-feed__post-popup__relevants {
    max-width: 320px !important;
  }
}

/* ============================================================
     Hero mobile Safari fix v5 — rec2395267451 (#21, 2026-06-23)
     (1) Background-image poster (desktop) — устраняет серый
         flash до play на больших экранах.
     (2) Mobile (≤480px) — отдельный poster + cropped 540×960,
         совпадает с mobile-cut видео.
     ============================================================ */
  
  #hero-video-wrap {
    background-image: url('https://static.tildacdn.com/tild6539-3736-4461-b036-663861656639/hero-poster.webp') !important;
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-color: #1a1a1a !important;
  }
  
  @media screen and (max-width: 480px) {
    #hero-video-wrap {
      background-image: url('https://static.tildacdn.com/tild6537-6466-4439-b465-353064333230/hero-poster-mobile.webp') !important;
      background-position: 50% 50% !important;
    }
  }
  
  /* ============================================================
     Hero opacity-mask (#21 part 2, 2026-06-23)
     Маскирует Zero Block reflow flash на reload (~150ms),
     когда desktop-правило left:calc(50% - 600px + 20px)
     уносит текст на -383px от mobile viewport.
     ============================================================ */
  
  #rec2395267451 {
    opacity: 0;
    transition: opacity 0.25s ease-in;
  } 
  #rec2395267451.hero-ready {
    opacity: 1;
  }