/* Точки слайдера: цвет из палитры брендбука и область касания 24x24 по WCAG 2.5.8 */
.t-slds__bullet {
  padding: 8px !important;
}
.t-slds__bullet_body {
  background-color: #6D7A79 !important;
}
.t-slds__bullet_active .t-slds__bullet_body {
  background-color: #E1D9C1 !important;
}

/* Пункты меню: цель касания 44px (Apple HIG, Material); было 18px */
.t-menu__link-item {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
/* Бургер: 44x44; было 42x32 */
.t-menu-burger {
  min-width: 44px !important;
  min-height: 44px !important;
}

/* Полоса прокрутки не исчезает при открытии меню — страница не дёргается */
html { overflow-y: scroll; }
body { padding-right: 0 !important; }
/* Tilda при открытии вписывает шапке инлайн width на 15px уже — держим постоянную ширину */
#rec864126399 .t-menu-popover { width: calc(100% - 80px) !important; }
@media screen and (max-width: 960px) {
  #rec864126399 .t-menu-popover { width: calc(100% - 10px) !important; }
}
/* При открытом меню прячем пункт в строке, чтобы «Билеты» не двоились */
/* Пункты меню — только в бургере; в строке остаются логотип, соцсети и бургер */
#rec864126399 .t-menu-popover__maincontainer .t-menu-base__list { display: none !important; }

/* Заголовок страницы не подныривает под полупрозрачное меню (низ меню — 84px).
   Список: все страницы, где первым блоком идёт заголовок, а не обложка. */
#rec3437354401, #rec2349340431, #rec2365896841, #rec3437380201,
#rec3437443401, #rec2368230091, #rec864382669, #rec864480868, #rec984620541 {
  padding-top: 105px !important;
}
@media screen and (max-width: 640px) {
#rec3437354401, #rec2349340431, #rec2365896841, #rec3437380201,
#rec3437443401, #rec2368230091, #rec864382669, #rec864480868, #rec984620541 {
    padding-top: 85px !important;
  }
}

/* Обложка главной: затемнение только по краям — под меню сверху и стрелку снизу.
   Было ровное 0.70 по всей высоте, из-за чего видео выглядело замутнённым. */


/* Обложки: пелена 0.70 по всей высоте заменена на градиент —
   фотография под ней перестаёт быть замутнённой */
#rec2338177241 .t-cover__filter {
  background-image: linear-gradient(rgba(34,43,42,0.72), rgba(34,43,42,0.72)) !important;
}


/* Обложка «Люди театра»: снимок квадратный 1280x1280, кадр шире и ниже,
   при cover по вертикали срезается 713px. При 50% печать «ТЕАТР · МАСТЕРСКАЯ»
   (18–31% высоты снимка) попадала под верхний срез. */
#rec2132707191 .t-cover__carrier,
#rec2132707191 .t-cover__filter {
  background-position: 50% 25% !important;
}

/* Обложка «Билеты»: логотип в правом верхнем углу снимка (15,6–29,4% высоты).
   При 50% сверху скрывалось 22,5% — печать срезалась. */
#rec2079279111 .t-cover__carrier,
#rec2079279111 .t-cover__filter {
  background-position: 50% 18% !important;
}


/* Белая вспышка при переходе между страницами: фон #222B2A задан только на body,
   у html фона нет, поэтому холст до применения CSS красится белым. */
html {
  background-color: #222B2A;
  color-scheme: dark;
}

/* Заглушки под фотографиями: пока картинка грузится, Tilda рисует на её месте плашку.
   Делаем её прозрачной — тогда видно фон секции, без светлых пятен и мельканий. */
.t994__loader-inner,
.t994__loader-outer,
.t-slds__bgimg-loader,
[class*="__loader-inner"],
[class*="__loader-outer"] {
  background-color: transparent !important;
}

/* Плашка меню должна отделяться от фона: на шести страницах фон секции
   совпадал с цветом плашки, и её края были не видны. */
#rec864126399 .t-menu-popover__maincontainer {
  background-color: #2E3A38 !important;
  box-shadow: none !important;
}

/* Холст под цвет страницы: у /lubo, /happiness и /krug фон не тёмный,
   и общий #222B2A давал вспышку при загрузке. Страницу опознаём по её id. */
html:has(#allrecords[data-tilda-page-id="63010869"]) { background-color: #E1D9C1; }
html:has(#allrecords[data-tilda-page-id="61991049"]) { background-color: #F39005; }
html:has(#allrecords[data-tilda-page-id="147859746"]) { background-color: #391609; }

/* Обложки на /tickets и /people ярче тёмного холста — при загрузке была вспышка.
   Цвета взяты как средние по снимку с учётом затемнения обложки. */
html:has(#allrecords[data-tilda-page-id="62686769"]) { background-color: #665833; }
html:has(#allrecords[data-tilda-page-id="62982489"]) { background-color: #4D4B48; }
#rec2132707191 .t-cover__carrier { background-color: #665833; }
#rec2079279111 .t-cover__carrier { background-color: #4D4B48; }

/* --- Стыки блоков: нижняя кромка градиента приравнена к фону следующего блока --- */

/* Главная: кастинг уходил в почти чёрный rgb(1,6,1), а галерея ровный #222B2A */
#rec868097825 { background-image: linear-gradient(0deg, #222B2A 0%, #222B2A 100%) !important; }

/* О театре: верх блока был чистый чёрный при тёмном заголовке над ним */
#rec3436262801 { background-image: linear-gradient(0deg, #222B2A 0%, #222B2A 100%) !important; }

/* Билеты: низ был rgb(211,51,15), афиша ниже — rgb(206,61,29) */
#rec2066749461 {
  background-image: linear-gradient(0deg, rgb(206,61,29) 0%, rgb(163,90,73) 28%,
    rgb(165,55,31) 59%, rgb(2,2,2) 91%, rgb(55,49,48) 100%, rgb(184,73,48) 100%) !important;
}

/* Люди театра: низ был rgb(243,175,85), карточки ниже — rgb(242,179,90) */
#rec864378956 { background-image: linear-gradient(0deg, rgb(242,179,90) 0%, rgb(28,17,3) 73%) !important; }

/* Мастерская: оранжевая заливка обрывалась на подвале — добавлен уход в тёмный */
#rec2366157271 {
  background-image: linear-gradient(0deg, #222B2A 0%, rgb(243,144,5) 12%,
    rgb(243,144,5) 68%, #222B2A 96%) !important;
}

/* Чистый чёрный вне палитры — заменён на BLACK */
#rec2367721231, #rec2364997181 { background-color: #222B2A !important; }

/* --- Акцидентный шрифт (вес 700) — только заголовкам. Обычный текст, описания
       и подписи кнопок возвращены к основному начертанию. --- */
.t-btnflex__text, .t494__text, .t523__persdescr, .t898__btn-text {
  font-weight: 400 !important;
}

/* Стрелка вниз на обложке подвала: декоративный SVG без ссылки, крутить некуда */
#rec2338177241 .t-cover__arrow { display: none !important; }

/* Затемнение под открытым меню: в зазоре 40px справа просвечивал яркий фон страницы */
html:has(#rec864126399 .t-menu-popover_showed) body::after {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(34,43,42,0.6);
  z-index: 989;
  pointer-events: none;
}

/* Акцидентный шрифт — только крупным заголовкам (42px и выше).
   Заголовки разделов набираются основным: «почти такой же, но другой» рядом
   с основным текстом читался как разнобой. */
#rec2367962391 .t-section__title,
#rec2338177241 .t001__title,
#rec2364268851 .t565__title,
#rec2349340431 .t1241__title,
#rec864162782 .t-card__link,
#rec861813552 .t982__persname,
#rec2066749461 .t523__persname,
#rec864137399 .t523__persname,
#rec1820235491 .t523__persname,
#rec993705266 .t523__persname,
#rec2365725421 .t-section__title {
  font-weight: 400 !important;
}

/* Кнопки навигации на главной: 15px выпадал из шкалы */
#rec2368922081 .t-btn, #rec2368922081 .t-btnflex__text { font-size: 16px !important; }

/* Единое затемнение обложек: под плашкой меню на всех страницах одинаковая
   плотность, поэтому и сама плашка читается одинаково. Всё на BLACK. */
#rec3437979801 .t-cover__filter,
#rec2079279111 .t-cover__filter,
#rec2132707191 .t-cover__filter {
  background-image: linear-gradient(
    rgba(34,43,42,0.75) 0%,
    rgba(34,43,42,0.35) 35%,
    rgba(34,43,42,0.35) 65%,
    rgba(34,43,42,0.80) 100%) !important;
}

/* Стык «кастинг → Наши спектакли» на главной:
   описание было чисто белым, левый край съезжал на 63px, зазора не было. */
#rec2367962391 .t-section__descr { color: #E1D9C1 !important; }
#rec2367962391 .t-section__title,
#rec2367962391 .t-section__descr { padding-left: 0 !important; }
#rec2367962391 .t-section__container,
#rec2367962391 .t-container { padding-top: 45px !important; }

/* Заголовки разделов: 24px против текста 20px давали разницу всего 1,2 —
   заголовок терялся. 32px даёт 1,6. */
#rec2367962391 .t-section__title,
#rec2364268851 .t565__title,
#rec2349340431 .t1241__title,
#rec2365725421 .t-section__title {
  font-size: 32px !important;
}
@media screen and (max-width: 640px) {
  #rec2367962391 .t-section__title,
  #rec2364268851 .t565__title,
  #rec2349340431 .t1241__title,
  #rec2365725421 .t-section__title { font-size: 24px !important; }
}

/* Открытое бургер-меню прижимается к правому краю: между ним и краем экрана
   оставалось 70px фона страницы, и на светлых страницах это читалось полосой. */


/* Слой затемнения обложки Tilda делает на 15px уже самой обложки — в этой полоске
   у правого края фотография оставалась незатемнённой, и на светлых обложках
   она читалась вертикальной полосой (заметна при открытом бургер-меню). */
.t-cover__filter { width: 100% !important; }

/* Скругление 35px у обложки главной: углы фона выглядели обрезанными */
#rec3437979801 .t-cover,
#rec3437979801 .t-cover__filter,
#rec3437979801 .t-cover__carrier { border-radius: 0 !important; }

/* Общая подложка подвала: картинка привязана к экрану, поэтому одна и та же
   для обложки «Контакты», блока соцсетей и кнопок — группа читается как единое целое. */
#rec2338177241 .t-cover__carrier { background-attachment: fixed !important; }
#rec864135291, #rec2364997181 {
  background-image:
    linear-gradient(rgba(34,43,42,0.72), rgba(34,43,42,0.72)),
    url("https://static.tildacdn.com/tild3030-3939-4332-b237-666633373133/1000002075.jpg") !important;
  background-attachment: fixed, fixed !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
}
@media screen and (max-width: 960px) {
  /* на мобильных привязка к экрану работает нестабильно — оставляем ровный фон */
  #rec864135291, #rec2364997181 {
    background-image: linear-gradient(rgba(34,43,42,0.72), rgba(34,43,42,0.72)) !important;
    background-attachment: scroll, scroll !important;
  }
  #rec2338177241 .t-cover__carrier { background-attachment: scroll !important; }
}

/* --- Цвета к брендбуку --- */

/* Билеты: фон восьми блоков был rgb(206,61,29) — почти RED, но не он */
#rec2079311381, #rec879570577, #rec864137399, #rec2066797841,
#rec1820235491, #rec2079308591, #rec993705266, #rec2079321951 {
  background-color: #ED4319 !important;
}

/* Аренда: стрелки карусели были залиты #ECE1CF — ошибочный «RED» из брендбука */
#rec1317919801 .t-slds__arrow { background-color: #E1D9C1 !important; }

/* Юмористический круг: два блока были залиты rgb(57,22,9) — вне палитры */
#rec2368230091, #rec2368267181 { background-color: #222B2A !important; }

/* Мастерская: подпись кнопки виджета была rgb(41,41,41) */
#rec2365848291 .t898__btn-text { background-color: #222B2A !important; }

/* --- Иерархия заголовков --- */

/* Заголовки страниц: на этих трёх стояли 24px и не читались как главные */
#rec3437354401 .t026__title,
#rec3437443401 .t026__title,
#rec3437380201 .t026__title { font-size: 42px !important; }
@media screen and (max-width: 640px) {
  #rec3437354401 .t026__title,
  #rec3437443401 .t026__title,
  #rec3437380201 .t026__title { font-size: 30px !important; }
}

/* Аренда: «По любым вопросам…» — обычный текст, а был набран как заголовок 42px
   акцидентным шрифтом; «Ламповое, камерное пространство» и подпись — вне шкалы */
#rec2350728811 .t578__title { font-size: 20px !important; font-weight: 400 !important; }
#rec872765722 .t164__title { font-size: 24px !important; }
#rec2350728811 .t578__persname { font-size: 16px !important; font-weight: 400 !important; }

/* Видео в подвале главной: Tilda инлайном растягивает  до 16:9 от ширины
   (963px при 1713), хотя кадр 1280x570 — отсюда обрезка. Вписываем видео в блок. */
#rec3440644901 .t-cover__carrier > div { height: 100% !important; top: 0 !important; }
#rec3440644901 video {
  height: 100% !important; width: 100% !important;
  top: 0 !important; left: 0 !important;
  margin-top: 0 !important; margin-left: 0 !important;
  object-fit: cover !important;
}
/* на узком экране кадр 2,25:1 при cover показывал только середину —
   вписываем целиком, высота блока по пропорции видео */
@media screen and (max-width: 960px) {
  #rec3440644901 .t-cover,
  #rec3440644901 .t-cover__carrier,
  #rec3440644901 .t-cover__filter { height: 44.6vw !important; }
  #rec3440644901 video { object-fit: contain !important; }
}

/* Обложка главной: кадр 1280x720, а на телефоне блок ~485x900 — при cover
   видео растягивалось до 1609px и по бокам срезалось две трети.
   На узких экранах даём блоку высоту по пропорции кадра и вписываем целиком. */
@media screen and (max-width: 960px) {
  #rec3437979801 .t-cover,
  #rec3437979801 .t-cover__carrier,
  #rec3437979801 .t-cover__filter { height: 56.25vw !important; }
  #rec3437979801 .t-cover__carrier > div { height: 100% !important; top: 0 !important; }
  /* на короткой обложке стрелка «вниз» налезала на нижний край кадра */
  #rec3437979801 .t-cover__arrow { display: none !important; }
  #rec3437979801 video {
    object-fit: contain !important;
    width: 100% !important; height: 100% !important;
    top: 0 !important; left: 0 !important;
    margin-top: 0 !important; margin-left: 0 !important;
  }
}