/* Выпадающие меню хедера (блок t978) — правки поверх Тильды (18.08.2026).

   --- Двойная полоса прокрутки в подменю «Дизайн интерьера» ---
   Когда список не влезает по высоте окна, tilda-submenublocks проставляет
   .t978__content инлайновые height:<N>px + overflow-y:scroll. При этом сам
   прокручиваемый список — вложенный .t978__menu (height:100%, overflow-y:auto
   в штатной CSS Тильды): переполняется именно он. У .t978__content содержимое
   ровно по высоте (788/788), но overflow-y:scroll рисует полосу ВСЕГДА — отсюда
   вторая, мёртвая полоса рядом с рабочей.

   Лечим не отключением прокрутки, а заменой scroll → auto: полоса у обёртки
   появится только если содержимое действительно не влезло. !important нужен
   потому, что Тильда пишет свойство инлайном. Правило точечное — на .t978__content,
   остальные скроллы Тильды (мобильное меню t450, попапы) не трогаем. */
.t978__content {
  overflow-y: auto !important;
}

/* --- Бургер без меню на 981–1199px (01.09.2026, FIN-LAY-04) ---
   Хедер t396 (rec1345866331) собран из двух разрешений: data-artboard-screens="320,1200".
   Значит десктопная строка меню появляется только с 1200px, а ниже — включая весь
   планшетный диапазон 981–1199 — отрисовывается мобильный артборд с бургером
   (ссылка href="#menuopen").
   Само выпадающее меню — отдельная запись t450 — приезжает из Тильды с
   data-screen-max="980px" / .t-screenmax-980px, то есть скрывается уже с 981px
   (@media (min-width:981px){.t-screenmax-980px{display:none}}). В зазоре 981–1199
   бургер есть и нажимается, а открывать нечего: блок display:none, размеры 0×0 —
   навигации из шапки нет вообще (iPad в альбоме, окно браузера уже 1200px).
   Возвращаем меню ровно в этот зазор. Селектор по типу записи (450 = мобильное
   меню), а не по .t-screenmax-980px вообще: тот же класс носят 495 записей t121
   (мобильные варианты контентных блоков) — их показывать на планшете нельзя.
   !important обязателен: помимо CSS-правила Тильда ещё и дублирует скрытие инлайном
   (style="...display:none"), читая data-screen-max="980px" — без !important правило
   специфичностью не побеждает. */
@media screen and (min-width: 981px) and (max-width: 1199px) {
  .t-rec[data-record-type="450"].t-screenmax-980px {
    display: block !important;
  }
}

/* --- Меню не прокручивается на низких экранах (01.09.2026, FIN-LAY-04) ---
   Панель .t450 приезжает из Тильды с overflow-y:hidden, а содержимое (логотип,
   10 пунктов, соцсети, кнопка телефона) выше вьюпорта: 375x667 — 707/667,
   390x844 — 884/844. Нижний элемент (кнопка «+7 962 823 9898») оказывается
   за нижней границей, и достать его нельзя: колесо внутри панели не двигает
   ни её (scrollTop остаётся 0), ни страницу под ней — Тильда блокирует скролл
   body, пока меню открыто. Свой inline overflow-y:scroll Тильда ставит не
   всегда: на 320x568 ставит, на 375/390 — нет.
   Лечим не отключением блокировки body, а разрешением прокрутки самой панели:
   auto, а не scroll — если содержимое влезло, полосы не будет. !important нужен
   против инлайнового hidden. Правило только на саму панель; .t450__container
   и подменю не трогаем. */
.t450 {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* --- Мобильная шапка растёт вместе с окном на 415–1199px (04.09.2026, FIN-LAY-03) ---
   Хедер t396 (rec1345866331) собран из двух разрешений (320 и 1200) и у мобильного
   артборда стоит data-artboard-upscale-res-320="window". Это значит: ниже 1200px
   Тильда рисует 320-й макет и МАСШТАБИРУЕТ его под ширину окна — tilda-zero-1.1
   считает scaleFactor = window/320 и проставляет каждому .t396__elem инлайновый
   zoom, а высоту артборда прибивает сгенерированным <style class="t396__scale-style">
   (68px * zoom, с !important). Отсюда пропорциональный рост: 68px на 320,
   163px на 768, 217px на 1024, 254px на 1199 — четверть-треть первого экрана,
   логотип 380px в ширину, бургер 105x105. На 1200px всё скачком возвращается к 68px.

   Чиним ровно шапку: фиксируем zoom на 1.2 (высота 82px, бургер 34px — крупнее
   десктопных 28px, тап-таргет WCAG 2.5.8 держится) и переклеиваем три элемента,
   которые в 320-м макете позиционированы от левого края:
     • подложка (1758705706007) — на всю ширину окна: ширина задаётся в системе
       координат артборда, поэтому 100vw делим на тот же множитель;
     • бургер (1758706070669) — к правому краю, отступ 10px по 320-й сетке;
     • логотип остаётся на своём left:10px, то есть 12px от края.
   Ниже 415px ничего не меняем: там масштаб <=1.3 и вёрстка признана нормальной.

   Почему !important: zoom/left/width Тильда пишет инлайном при каждом ресайзе, а
   высоту артборда — в <style> внутри записи (то есть ПОЗЖЕ нашего файла в документе),
   поэтому селектор высоты усилен классом .t-rec, иначе при равной специфичности
   выигрывает тот, что ниже. Одним CSS обойтись можно именно потому, что Тильда
   держит координаты в неизменных 320-х пикселях, а не пересчитывает их в экранные. */
@media screen and (min-width: 415px) and (max-width: 1199px) {
  #rec1345866331 .t396__elem { zoom: 1.2 !important; }

  .t-rec#rec1345866331 .t396__artboard,
  .t-rec#rec1345866331 .t396__carrier,
  .t-rec#rec1345866331 .t396__filter { height: 82px !important; }

  #rec1345866331 .tn-elem[data-elem-id="1758705706007"] {
    left: 0 !important;
    width: calc(100vw / 1.2) !important;
  }
  #rec1345866331 .tn-elem[data-elem-id="1758706070669"] {
    left: calc(100vw / 1.2 - 38px) !important;
  }
}