/* Внутренние страницы в стилистике главной — 17.09.2026.

   Слой поверх прежней вёрстки: подключается только на внутренних страницах
   и только когда включена опция tsb_inner_redesign (см. inner-pages.php).
   Ключ всех правил — класс tsip на <body>; без него файл не делает ничего.

   Язык тот же, что у главной (home-v4.css):
   • светлая страница #f7f6f4, текст #1b1b1d, фирменный оранжевый #e95c0c;
   • тёмные плашки во всю ширину окна с зазором 5px и скруглением 28px —
     шапка страницы, тёмные секции, подвал;
   • белые плитки с тонкой рамкой и тем же скруглением;
   • шапка секции «надрубрика → заголовок → содержимое», шаг секций 96/72/56.

   Порядок: переменные → шапка страницы → основа содержимого → кнопки →
   формы → общие блоки → страницы по одной → адаптив. */

/* ── Переменные ──────────────────────────────────────── */
/* Объявлены на body.tsip, а не на :root — тогда на главной и на
   замороженных версиях их нет вовсе. Префикс --ip-, чтобы не пересечься
   с переменными модулей главной (--ink, --accent). */
body.tsip{
  --ip-ink:#1b1b1d;
  --ip-ink-2:#5c5c63;
  --ip-ink-3:#8e8e96;
  --ip-bg:#f7f6f4;
  --ip-card:#ffffff;
  --ip-line:rgba(27,27,29,.10);
  --ip-line-2:rgba(27,27,29,.18);
  --ip-accent:#e95c0c;
  --ip-accent-2:#d24f06;
  --ip-dark:#1b1b1d;
  --ip-r-lg:28px;
  --ip-r-md:18px;
  --ip-sec:96px;    /* между секциями */
  --ip-head:36px;   /* шапка секции → содержимое */
  --ip-lbl:14px;    /* надрубрика → заголовок */
  --ip-txt:16px;    /* заголовок → абзац */
  --ip-cta:28px;    /* текст → кнопка */
  --ip-font:'Open Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* Ширина .container темы на текущем экране (bootstrap 3: 750/970/1170).
     По ней встают и секции шорткодов, и содержимое тёмных плашек — иначе
     на планшете они расходились с логотипом и рядами WPBakery на 27px. */
  --ip-cw:100%;
  /* Тема красит body в серый #606060 настройками Redux — отсюда !important. */
  background:var(--ip-bg) !important;
  color:var(--ip-ink);
}
body.tsip #wrapper{background:transparent}
@media (min-width:768px){ body.tsip{--ip-cw:750px} }
@media (min-width:992px){ body.tsip{--ip-cw:970px} }
@media (min-width:1200px){ body.tsip{--ip-cw:1170px} }

/* ══════════════════════════════════════════════════════
   ШАПКА СТРАНИЦЫ: тёмная полоса с меню, под ней крошки
   ══════════════════════════════════════════════════════
   Состояние на 18.09.2026, после трёх правок пользователя подряд:
   фотографий в шапке нет никогда, заголовка страницы в ней тоже нет
   (он ушёл в крошки), сама шапка сжата по высоте.

   Итог: тёмная карточка с зазором 5px и радиусом 28px — это ровно полоса
   сайта с логотипом и меню (её красит inner.css). Монохром с еле заметным
   градиентом задан здесь же. А #subheader темы, где лежат заголовок
   и крошки, превращён в светлую строку под карточкой: фон снят, заголовок
   спрятан «по-читалочьи» (остаётся в разметке для поисковиков), крошки
   перекрашены в тёмное по светлому.

   ВАЖНО: всё это делает только CSS. Раньше шапку схлопывал скрипт
   (класс tsip-crumbs-out), и при каждой загрузке заголовок успевал
   мигнуть в тёмной плашке до выполнения JS. Никаких классов от скрипта
   в шапке быть не должно. */
body.tsip .site-header{
  margin:5px 5px 0;
  border-radius:var(--ip-r-lg);
  /* width:auto обязателен. У темы шапке задана ширина 100%, и наши поля
     по 5px прибавляются к ней: правый край уезжал на 5px за окно, под
     полосу прокрутки — вместе со скруглением верхнего угла. */
  width:auto !important;max-width:none;
  /* Монохром: к низу на шесть единиц темнее цвета полосы — перепад
     читается объёмом, отдельным пятном не выглядит. */
  background-image:linear-gradient(180deg,#1b1b1d 0%,#191a1c 55%,#151517 100%) !important;
}
/* Полоса темы под шапкой: фон, отступы и параллакс убраны — остаётся
   строка крошек на светлом фоне страницы. */
body.tsip #subheader{
  position:relative;
  margin:0;
  padding:0 !important;
  border-radius:0;
  overflow:visible;
  background:none !important;
  background-image:none !important;
  min-height:0;
}
body.tsip #subheader > .container{position:relative;z-index:1}
body.tsip #subheader .col-md-12{
  display:flex;flex-direction:column;align-items:flex-start;
  float:none;padding-top:26px;padding-bottom:0;
}
/* Заголовок страницы не показываем, но и не выбрасываем: поисковики
   и экранные читалки его читают, место он не занимает. */
body.tsip #subheader .title-wrap{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
}
body.tsip #subheader h4{display:none}

/* ── Хлебные крошки ──────────────────────────────────── */
/* Было: мелкий капс с разрядкой 3px, справа в тёмной плашке.
   Стало: строка над содержимым на светлом фоне, обычным регистром.
   Последняя крошка — название текущей страницы: заголовка в шапке
   больше нет, и путь должен заканчиваться там, где пользователь стоит. */
body.tsip #subheader .crumb{
  display:block !important;float:none;margin:0;padding:0;list-style:none;
  font-family:var(--ip-font);font-size:13px;line-height:1.4;letter-spacing:0;
  text-transform:none;color:var(--ip-ink-3);
}
body.tsip #subheader .crumb li{display:inline;margin:0;padding:0;font-size:13px;letter-spacing:0;text-transform:none}
body.tsip #subheader .crumb li.active{color:var(--ip-ink);font-weight:600}
body.tsip #subheader .crumb li:after{content:"/";display:inline-block;margin:0 0 0 8px;color:var(--ip-line-2)}
body.tsip #subheader .crumb li:last-child:after{content:none}
body.tsip #subheader .crumb li + li{margin-left:8px}
body.tsip #subheader .crumb a{color:var(--ip-ink-2);transition:color .2s}
body.tsip #subheader .crumb a:hover{color:var(--ip-accent)}
/* «О КОМПЛЕКСЕ» набрано капсом прямо в настройках темы. Строчными + заглавная
   первая — «О комплексе». Только у первой крошки: в остальных могут быть
   названия записей со своими заглавными («БЦ «Кусково»»). */
body.tsip #subheader .crumb li:first-child a{display:inline-block;text-transform:lowercase}
body.tsip #subheader .crumb li:first-child a::first-letter{text-transform:uppercase}

/* ══════════════════════════════════════════════════════
   ОСНОВА СОДЕРЖИМОГО
   ══════════════════════════════════════════════════════ */
/* Ряды WPBakery лежат прямо в #wrapper. Фоны (узор pattern-full.jpg, #111)
   и отступы 90px заданы им классами vc_custom_* с !important — перебиваем
   весом селектора. Шаг секций один: отбивка только сверху, как на главной. */
body.tsip #wrapper > section.wpb_row{
  background:transparent none !important;
  padding:var(--ip-sec) 0 0 !important;
  margin:0 !important;
}
body.tsip #wrapper > #subheader + section.wpb_row{padding-top:34px !important}
/* Пустые ряды (на «Аренде» их четыре подряд в конце) давали бы по шагу
   пустоты. Пустой ряд — тот, в колонках которого нет ни одного элемента. */
body.tsip #wrapper > section.wpb_row:not(:has(.wpb_wrapper > *)){display:none}
body.tsip #wrapper > section.wpb_row.tsip-empty{display:none}

body.tsip #content{background:transparent !important;padding:34px 0 0}

body.tsip #wrapper > section.wpb_row,
body.tsip #content,
body.tsip .tsip-page{font-family:var(--ip-font);color:var(--ip-ink-2)}

body.tsip #wrapper > section.wpb_row :is(h1,h2,h3,h4,h5,h6),
body.tsip #content :is(h1,h2,h3,h4,h5,h6),
body.tsip .tsip-page :is(h1,h2,h3,h4,h5,h6){
  font-family:var(--ip-font);color:var(--ip-ink);
  text-transform:none;letter-spacing:-.015em;font-weight:700;
}
body.tsip #wrapper > section.wpb_row p,
body.tsip #content p{font-size:16px;line-height:1.7}
/* Белый текст, вписанный прямо в содержимое (style="color: #ffffff",
   <font color="white">), на светлой странице исчез бы. */
body.tsip #wrapper > section.wpb_row [style*="color: #ffffff"],
body.tsip #wrapper > section.wpb_row [style*="color:#ffffff"],
body.tsip #wrapper > section.wpb_row [style*="color: #fff;"],
body.tsip #wrapper > section.wpb_row [style*="color:#fff;"],
body.tsip #content [style*="color: #ffffff"],
body.tsip #content [style*="color:#ffffff"],
body.tsip #content [style*="color: #fff;"],
body.tsip #content [style*="color:#fff;"]{color:inherit !important}
body.tsip #wrapper font[color],
body.tsip #content font[color]{color:inherit}

/* Общие ширины: сетка сайта 1170. На «Аренде» страница тянет Bootstrap 5
   с CDN (.container 1320px) — закрепляем сетку и тут, как в inner.css. */
body.tsip #wrapper > section.wpb_row > .container,
body.tsip #subheader > .container,
body.tsip footer .container,
body.tsip #content > .container{
  margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;
  width:auto;max-width:none;
}
@media (min-width:768px){
  body.tsip #wrapper > section.wpb_row > .container,body.tsip #subheader > .container,
  body.tsip footer .container,body.tsip #content > .container{width:750px}
}
@media (min-width:992px){
  body.tsip #wrapper > section.wpb_row > .container,body.tsip #subheader > .container,
  body.tsip footer .container,body.tsip #content > .container{width:970px}
}
@media (min-width:1200px){
  body.tsip #wrapper > section.wpb_row > .container,body.tsip #subheader > .container,
  body.tsip footer .container,body.tsip #content > .container{width:1170px}
}

/* Bootstrap 5 на «Аренде» меняет и поля сетки: у .row −7.5px, у колонок
   +7.5px, а внутренний отступ WPBakery (15px) остаётся — всё содержимое
   уезжало вправо на 15px от логотипа. Возвращаем поля третьего бутстрапа. */
body.tsip-p-arenda #wrapper > section.wpb_row > .container > .row{margin-left:-15px;margin-right:-15px}
body.tsip-p-arenda #wrapper > section.wpb_row > .container > .row > .wpb_column{padding-left:0;padding-right:0}
body.tsip-p-arenda footer .row{margin-left:-15px;margin-right:-15px}
body.tsip-p-arenda footer .row > [class*="col-"]{padding-left:15px;padding-right:15px}
/* Вводный блок «Аренды» — ряд во всю ширину со своим .container внутри. */
body.tsip-p-arenda section.side-bg .container{margin-left:auto;margin-right:auto;width:auto;max-width:none}
@media (min-width:768px){ body.tsip-p-arenda section.side-bg .container{width:750px} }
@media (min-width:992px){ body.tsip-p-arenda section.side-bg .container{width:970px} }
@media (min-width:1200px){ body.tsip-p-arenda section.side-bg .container{width:1170px} }

/* Секции шорткодов (Услуги, Контакты) — по сетке сайта. */
body.tsip .tsip-sec{
  max-width:var(--ip-cw);margin:0 auto;
  padding:var(--ip-sec) 15px 0;
}
body.tsip .tsip-page > .tsip-sec:first-child{padding-top:34px}
/* Тема красит сами теги section и article в #18191b — сбрасываем,
   тёмный фон у нас задан точечно (.tsip-dark__grid). */
body.tsip .tsip-page section,
body.tsip .tsip-page article{background:transparent}
body.tsip .tsip-page p{margin:0}
body.tsip .tsip-page ul{margin:0;padding:0;list-style:none}
body.tsip .tsip-page a{text-decoration:none}

/* Шапка секции — надрубрика и заголовок, как у «Наших преимуществ». */
body.tsip .tsip-label{
  display:block;margin:0 0 var(--ip-lbl);
  font-family:var(--ip-font);font-size:13px;font-weight:400;line-height:1.5;
  letter-spacing:0;color:var(--ip-ink-3) !important;
}
body.tsip .tsip-h2{
  margin:0 0 var(--ip-head);
  font-size:clamp(23px,2.6vw,34px) !important;line-height:1.15;font-weight:700;
  color:var(--ip-ink);letter-spacing:-.02em;
}

/* ── Кнопки ──────────────────────────────────────────── */
/* Та же пилюля, что .tsv4-btn на главной. Цвет ссылок закреплён двумя
   классами: тема перекрашивает <a>. */
body.tsip .tsip-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 26px;border-radius:999px;border:1px solid transparent;
  font-family:var(--ip-font);font-size:14px;font-weight:600;letter-spacing:.2px;line-height:1.2;
  text-transform:none;cursor:pointer;text-decoration:none;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
body.tsip a.tsip-btn--accent,body.tsip .tsip-btn--accent{background:var(--ip-accent);color:#fff}
body.tsip a.tsip-btn--accent:hover{background:var(--ip-accent-2);color:#fff;transform:translateY(-1px)}
body.tsip a.tsip-btn--outline,body.tsip .tsip-btn--outline{background:transparent;color:var(--ip-ink);border-color:var(--ip-line-2)}
body.tsip a.tsip-btn--outline:hover{border-color:var(--ip-ink);color:var(--ip-ink);background:rgba(27,27,29,.04)}

/* ══════════════════════════════════════════════════════
   ФОРМЫ CONTACT FORM 7
   ══════════════════════════════════════════════════════
   Покрой поля — как в карточке заявки на главной (contact-v4.css):
   светлая заливка, рамка, радиус 12, оранжевая кнопка на всю ширину.
   Формы на внутренних страницах все стоят на белом (карточка, окно),
   поэтому вариант один. Разметка у форм общая: .row > .col-md-12 > div > p. */
body.tsip .wpcf7-form .row{display:block;margin:0}
body.tsip .wpcf7-form .row::before,
body.tsip .wpcf7-form .row::after{content:none}
body.tsip .wpcf7-form [class*="col-md-"]{float:none;width:auto;max-width:none;padding:0;flex:none}
body.tsip .wpcf7-form p{margin:0 0 12px;font-size:14px;line-height:1.4;color:var(--ip-ink-2)}
body.tsip .wpcf7-form-control-wrap{display:block;position:relative}
body.tsip .wpcf7-form :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],textarea,select){
  display:block;width:100% !important;max-width:none;min-height:50px;height:auto;margin:0;
  padding:13px 15px !important;
  border:1px solid var(--ip-line-2) !important;border-radius:12px !important;
  background-color:var(--ip-bg) !important;
  font-family:var(--ip-font) !important;font-size:14.5px !important;line-height:1.4 !important;
  color:var(--ip-ink) !important;text-transform:none;letter-spacing:0;
  box-shadow:none !important;outline:none;
  -webkit-appearance:none;appearance:none;
  transition:border-color .2s,background-color .2s,box-shadow .2s;
}
/* Класс .wpcf7-form-control обязателен (исправлено 25.09.2026): у :is() выше
   специфичность считается по самому тяжёлому аргументу — input[type="text"],
   и одиночный textarea проигрывал ему min-height:50px и height:auto. Поле
   росло по rows="10" до 231px, заданные здесь 120px не работали ни разу. */
body.tsip .wpcf7-form textarea.wpcf7-form-control{min-height:120px;height:120px;resize:vertical}
body.tsip .wpcf7-form select{
  padding-right:44px !important;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%235c5c63' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;background-position:right 16px center !important;
}
body.tsip .wpcf7-form :is(input[type="text"],input[type="email"],input[type="tel"],textarea,select):focus{
  border-color:var(--ip-accent) !important;background-color:#fff !important;
  box-shadow:0 0 0 3px rgba(233,92,12,.12) !important;
}
body.tsip .wpcf7-form ::placeholder{color:var(--ip-ink-3);opacity:1}

/* Согласие: свой квадратик вместо системного, подпись обычным весом. */
body.tsip .wpcf7-acceptance .wpcf7-list-item{display:block;margin:0}
body.tsip .wpcf7-acceptance label{
  display:flex;align-items:flex-start;gap:10px;margin:4px 0 0;cursor:pointer;
  font-family:var(--ip-font);font-size:13px;font-weight:400;line-height:1.45;
  color:var(--ip-ink-2);text-transform:none;letter-spacing:0;
}
body.tsip .wpcf7-acceptance .wpcf7-list-item-label,
body.tsip .wpcf7-acceptance .wpcf7-list-item-label *{color:inherit !important;font-weight:400 !important;font-size:13px}
body.tsip .wpcf7-acceptance input[type="checkbox"]{
  -webkit-appearance:none;appearance:none;flex:none;
  width:18px;height:18px;margin:0;position:relative;top:0;
  border:1.5px solid var(--ip-line-2);border-radius:5px;background:#fff;
  cursor:pointer;transition:background-color .15s,border-color .15s;
}
body.tsip .wpcf7-acceptance input[type="checkbox"]:checked{
  background:var(--ip-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1.5 5.2l3 3 6-6.4' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;
  border-color:var(--ip-accent);
}
body.tsip .wpcf7-acceptance input[type="checkbox"]:focus-visible{outline:2px solid rgba(233,92,12,.45);outline-offset:2px}

/* Кнопка. Тема даёт ей класс .btn-line: капс, разрядка, прозрачный фон. */
body.tsip .wpcf7-form #submit,
body.tsip .wpcf7-form p:has(> .wpcf7-submit){position:relative;margin:8px 0 0}
body.tsip .wpcf7-form input.wpcf7-submit{
  display:block;width:100%;min-height:52px;margin:0;padding:15px 24px;
  border:0 !important;border-radius:12px !important;
  background:var(--ip-accent) !important;color:#fff !important;
  font-family:var(--ip-font) !important;font-size:14.5px !important;font-weight:700 !important;
  letter-spacing:.02em !important;text-transform:none !important;line-height:1 !important;
  box-shadow:0 10px 22px -12px rgba(233,92,12,.85);
  cursor:pointer;transition:background-color .2s,box-shadow .2s,transform .12s;
}
body.tsip .wpcf7-form input.wpcf7-submit:hover{background:var(--ip-accent-2) !important;box-shadow:0 14px 26px -12px rgba(233,92,12,.9)}
body.tsip .wpcf7-form input.wpcf7-submit:active{transform:translateY(1px)}
body.tsip .wpcf7-form input.wpcf7-submit:disabled{opacity:.7;cursor:progress}
body.tsip .wpcf7-form .wpcf7-spinner{position:absolute;right:14px;top:50%;margin:-12px 0 0}

/* Приписка про reCAPTCHA — мелко и серо, под кнопкой. */
/* У «Службы поддержки» приписка лежит внутри .row, у остальных — прямо
   в форме, поэтому селектор без «>». */
body.tsip .wpcf7-form p[style*="font-size"]{
  margin:14px 0 0;font-size:11.5px !important;line-height:1.5;color:var(--ip-ink-3) !important;
}
body.tsip .wpcf7-form p[style*="font-size"] a{color:inherit !important;text-decoration:underline;text-underline-offset:2px}
body.tsip .wpcf7-form p[style*="font-size"] a:hover{color:var(--ip-ink) !important}
body.tsip .wpcf7-not-valid-tip{margin-top:5px;font-size:12px;color:#c8410b}
/* Пустая плашка ответа до отправки не нужна — CF7 прячет её классом формы,
   но не всегда успевает до первой отрисовки. */
body.tsip .wpcf7 form .wpcf7-response-output:empty{display:none}
body.tsip .wpcf7 form .wpcf7-response-output{
  margin:14px 0 0;padding:12px 14px;border-radius:12px;border-width:1px;
  font-size:13.5px;line-height:1.45;color:var(--ip-ink);
}

/* Белая карточка под форму. Тень та же, что у окна заявки на главной. */
body.tsip .tsip-formcard{
  background:var(--ip-card);border-radius:24px;
  padding:34px 36px 28px;
  box-shadow:0 1px 2px rgba(20,18,15,.06),0 14px 30px -12px rgba(20,18,15,.16),0 60px 100px -40px rgba(20,18,15,.42);
}
/* На светлой странице глубокая тень лишняя — хватает рамки. */
body.tsip .tsip-formcard--light{
  border:1px solid var(--ip-line);
  box-shadow:0 1px 2px rgba(20,18,15,.04),0 24px 50px -34px rgba(20,18,15,.35);
}

/* ══════════════════════════════════════════════════════
   ТЁМНАЯ ПЛАШКА — во всю ширину окна, как на главной
   ══════════════════════════════════════════════════════ */
body.tsip .tsip-dark{padding:0 5px;margin-top:var(--ip-sec)}
body.tsip .tsip-dark__grid{
  background:var(--ip-dark);border-radius:var(--ip-r-lg);color:#fff;
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;
  /* Содержимое по сетке сайта: от края плашки до текста — половина разницы
     между плашкой и контейнером темы плюс его поле 15px. На 1440 это те же
     145px, что у тёмной секции главной (50% − 570px). */
  padding:64px max(30px,calc((100% - var(--ip-cw)) / 2 + 15px));align-items:center;
}
body.tsip .tsip-dark .tsip-dark__title{
  margin:0 0 var(--ip-txt);color:#fff;
  font-size:clamp(27px,3.1vw,42px);line-height:1.12;font-weight:700;letter-spacing:-.02em;
}
body.tsip .tsip-dark .tsip-dark__lead{margin:0;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6;max-width:430px}
body.tsip .tsip-dark .tsip-dark__lead a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}
body.tsip .tsip-dark .tsip-dark__lead a:hover{border-bottom-color:#fff}

/* ── Подвал ──────────────────────────────────────────── */
/* Как на главной: тёмная карточка с зазором 5px и радиусом 28px. */
body.tsip footer{
  position:relative;z-index:1;
  margin:var(--ip-sec) 5px 5px;
  border-radius:var(--ip-r-lg);
  overflow:hidden;
}

/* ══════════════════════════════════════════════════════
   «АРЕНДА» — содержимое страницы не менялось, только оформление
   ══════════════════════════════════════════════════════ */

/* ── Первый блок: картинку убрали, описание оставили ─── */
/* Фото пустого офиса переехало в шапку страницы; блок стал вводным:
   заголовок слева, перечень справа строками через тонкие линии. */
body.tsip-p-arenda #wrapper > section.side-bg .image-container,
body.tsip-p-arenda #wrapper > section.side-bg img.visible-xs{display:none !important}
body.tsip-p-arenda #wrapper > section.side-bg > .row{margin:0}
body.tsip-p-arenda #wrapper > section.side-bg > .row > .wpb_column > .vc_column-inner{padding:0 !important}
body.tsip-p-arenda section.side-bg div.side-bg{background:none;min-height:0;height:auto !important}
body.tsip-p-arenda section.side-bg .inner-padding{padding:0 !important}
body.tsip-p-arenda section.side-bg .container{padding-left:15px;padding-right:15px}
body.tsip-p-arenda section.side-bg .container > .row{margin:0}
body.tsip-p-arenda section.side-bg .col-md-6.col-md-offset-6{
  float:none;width:auto;max-width:none;margin:0;padding:0;
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px;align-items:start;
  /* у блока анимация появления wow — пусть стоит сразу */
  visibility:visible !important;animation:none !important;
}
body.tsip-p-arenda section.side-bg .col-md-6.col-md-offset-6 > br,
body.tsip-p-arenda section.side-bg .col-md-6.col-md-offset-6 > p:empty,
body.tsip-p-arenda section.side-bg .col-md-6.col-md-offset-6 > .clearfix{display:none}
body.tsip-p-arenda section.side-bg h2{
  margin:0 !important;
  font-size:clamp(24px,2.7vw,36px) !important;line-height:1.15 !important;
  font-weight:700 !important;letter-spacing:-.02em !important;color:var(--ip-ink) !important;
}
body.tsip-p-arenda section.side-bg p.lead{
  margin:0 !important;font-size:17px;line-height:1.6;color:var(--ip-ink);font-weight:400;
}
body.tsip-p-arenda section.side-bg p.lead br{display:none}
/* Строки перечня. Скрипт размечает их классами; без скрипта остаётся
   обычный абзац — тоже читается. */
body.tsip-p-arenda section.side-bg p.lead > span{display:block}
body.tsip-p-arenda section.side-bg p.lead > span.tsip-li{
  position:relative;padding:13px 0 13px 26px;border-top:1px solid var(--ip-line);
  font-size:16px;color:var(--ip-ink);
}
body.tsip-p-arenda section.side-bg p.lead > span.tsip-li::before{
  content:"";position:absolute;left:2px;top:22px;width:10px;height:2px;background:var(--ip-accent);
}
body.tsip-p-arenda section.side-bg p.lead > span.tsip-li-first{margin-bottom:10px;font-size:17px;color:var(--ip-ink)}
body.tsip-p-arenda section.side-bg p.lead > span.tsip-li-last{
  margin-top:0;padding-top:14px;border-top:1px solid var(--ip-line);
  font-size:14px;color:var(--ip-ink-2) !important;
}

/* ── Порядок блоков — правка 25.09.2026 ─────────────── */
/* «Блок „Аренда помещений в бизнес-центре Кусково (ВАО, Москва)“ переместить
   вниз, перед футером». Как на «Новостях»: порядок меняем флексом у #wrapper,
   ряды WPBakery и содержимое страницы прежние (?tsip=0 — исходный порядок).
   В разметке вводный блок по-прежнему стоит сразу за #subheader, и общее
   правило «#subheader + section» отдаёт ему отбивку 34px — внизу ему нужен
   обычный шаг секции. Отбивку под крошками берёт заголовок списка, который
   теперь идёт первым (ниже и в @media 760px). */
body.tsip-p-arenda #wrapper{display:flex;flex-direction:column}
body.tsip-p-arenda #wrapper > section.side-bg{order:1}
body.tsip-p-arenda #wrapper > footer{order:2}
body.tsip-p-arenda #wrapper > #subheader + section.side-bg{padding-top:var(--ip-sec) !important}
/* За перечнем в содержимом страницы стоит пустой абзац (&nbsp; — :empty его
   не ловит): вторая строка сетки + 20px поля давали 44px лишнего перед подвалом. */
body.tsip-p-arenda section.side-bg .col-md-6.col-md-offset-6 > p.lead ~ p:not(.lead){display:none}

/* ── Заголовок списка ────────────────────────────────── */
/* Была полоса с узором и заголовком по центру — стал обычной шапкой секции.
   С 25.09.2026 он первый под крошками — отсюда 34px, как у первой секции. */
body.tsip-p-arenda #wrapper > section.bg-color{padding-top:34px !important}
body.tsip-p-arenda #wrapper > section.bg-color .ot_custom_heading{
  margin:0 !important;text-align:left !important;color:var(--ip-ink) !important;
  font-size:clamp(23px,2.6vw,34px) !important;line-height:1.15;letter-spacing:-.02em;font-weight:700;
}
/* Список сразу под заголовком — между ними шаг шапки, а не секции. */
body.tsip-p-arenda #wrapper > section.bg-color + section.wpb_row{padding-top:26px !important}
body.tsip-p-arenda #wrapper > section.bg-color + section.wpb_row .wpb_text_column:first-child:not(:has(*:not(.wpb_wrapper))){display:none}

/* ── Каталог помещений (vc_templates/arenda.php темы) ── */
body.tsip-p-arenda .arenda{color:var(--ip-ink-2);font-family:var(--ip-font)}
body.tsip-p-arenda .arenda > br{display:none}
/* Фильтр: подпись и переключатели-пилюли. */
body.tsip-p-arenda .sort-arenda{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 30px;
}
body.tsip-p-arenda .sort-arenda p{margin:0;font-size:13px;color:var(--ip-ink-3) !important}
body.tsip-p-arenda .sort-arenda ul{display:flex !important;flex-wrap:wrap;gap:8px;margin:0;padding:0}
body.tsip-p-arenda .sort-arenda li{display:block !important;margin:0}
body.tsip-p-arenda .sort-arenda li a{
  display:inline-flex !important;align-items:center;margin:0 !important;
  padding:9px 18px !important;border-radius:999px !important;
  border:1px solid var(--ip-line-2) !important;background:transparent !important;
  font-size:14px;font-weight:600;line-height:1.2;color:var(--ip-ink) !important;
  text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s,color .2s;
}
body.tsip-p-arenda .sort-arenda li a:hover{border-color:var(--ip-ink) !important}
body.tsip-p-arenda .sort-arenda li a.active{background:var(--ip-ink) !important;border-color:var(--ip-ink) !important;color:#fff !important}
body.tsip-p-arenda .arenda .error{
  margin:40px 0;padding:28px;border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
  background:#fff;color:var(--ip-ink);font-size:18px;
}

/* Сетка карточек. Страница тянет Bootstrap 5 — его .row флексовый
   с отрицательными полями; раскладываем сами. */
body.tsip-p-arenda .arenda > .row{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;
  margin:0 !important;
}
body.tsip-p-arenda .arenda > .row::before,
body.tsip-p-arenda .arenda > .row::after{content:none}
body.tsip-p-arenda .arenda > .row > .item{
  width:auto !important;max-width:none;float:none;margin:0 !important;padding:0 !important;
}
body.tsip-p-arenda .arenda > .row > .item[style*="display: none"]{display:none !important}
/* Карточка того же покроя, что плитки на главной. */
body.tsip-p-arenda .arenda .block{
  position:relative;height:100%;margin:0 !important;
  display:flex;flex-direction:column;
  background:var(--ip-card);border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
  overflow:hidden;
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
body.tsip-p-arenda .arenda .block:hover{
  border-color:var(--ip-line-2);transform:translateY(-2px);
  box-shadow:0 20px 44px -30px rgba(20,18,16,.5);
}
/* Порядок: фото → миниатюры → название → характеристики. В разметке
   название стоит первым жёлтым флажком поверх фото. */
body.tsip-p-arenda .arenda .block > .image-block{order:1}
body.tsip-p-arenda .arenda .block > .images{order:2}
body.tsip-p-arenda .arenda .block > .title{order:3}
body.tsip-p-arenda .arenda .block > .article-elem{order:4}

body.tsip-p-arenda .arenda .block .image-block{margin:0;height:auto;overflow:hidden;aspect-ratio:4/3;background:#e9e7e3}
body.tsip-p-arenda .arenda .block .image-block a{display:block;height:100%}
body.tsip-p-arenda .arenda .block .image-block img{
  display:block;width:100%;height:100% !important;object-fit:cover;
  transition:transform .5s ease;
}
body.tsip-p-arenda .arenda .block:hover .image-block img{transform:scale(1.03)}

/* Миниатюры: ряд квадратиков со скруглением, лишние уходят под обрез. */
body.tsip-p-arenda .arenda .block .images{margin:0;padding:12px 22px 0}
body.tsip-p-arenda .arenda .block .images ul{
  display:flex;gap:6px;margin:0;padding:0;list-style:none;overflow:hidden;
}
body.tsip-p-arenda .arenda .block .images li{flex:none;width:46px;height:46px;margin:0;padding:0;display:block}
body.tsip-p-arenda .arenda .block .images li a{display:block;width:100%;height:100%;border-radius:10px;overflow:hidden;background:#eeece8}
body.tsip-p-arenda .arenda .block .images li img{
  display:block;width:100% !important;height:100% !important;object-fit:cover;margin:0;
  transition:opacity .2s;
}
body.tsip-p-arenda .arenda .block .images li a:hover img{opacity:.8}

/* Название. Было жёлтым флажком поверх фото «Офис: Г605»; скрипт делит его
   на тип (мелко, оранжевым) и номер (крупно). */
body.tsip-p-arenda .arenda .block .title{
  position:static !important;margin:0 !important;padding:18px 22px 0 !important;
  background:none !important;box-shadow:none !important;
  font-family:var(--ip-font);font-size:20px !important;font-weight:700;line-height:1.2;
  letter-spacing:-.01em;color:var(--ip-ink) !important;text-transform:none;
  width:auto !important;height:auto !important;
}
body.tsip-p-arenda .arenda .block .title::before,
body.tsip-p-arenda .arenda .block .title::after{content:none !important;display:none !important}
body.tsip-p-arenda .arenda .block .title .tsip-room-type{
  display:block;margin:0 0 4px;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ip-accent);
}
body.tsip-p-arenda .arenda .block .title .tsip-room-no{display:block;font-size:22px;color:var(--ip-ink) !important}

/* Характеристики строками «название — значение», цена крупно внизу. */
body.tsip-p-arenda .arenda .block .article-elem{
  display:flex;flex-direction:column;flex:1;
  margin:0;padding:12px 22px 22px;color:var(--ip-ink-2);
}
body.tsip-p-arenda .arenda .block .article-elem p{
  margin:0 !important;padding:9px 0;border-top:1px solid var(--ip-line);
  font-size:14px !important;line-height:1.45;color:var(--ip-ink) !important;
  display:flex;justify-content:space-between;gap:14px;
}
body.tsip-p-arenda .arenda .block .article-elem p:first-of-type{border-top:0}
body.tsip-p-arenda .arenda .block .article-elem p .k{color:var(--ip-ink-3)}
body.tsip-p-arenda .arenda .block .article-elem p .v{text-align:right;font-weight:600;color:var(--ip-ink)}
/* Площадь — главное число карточки, ставим первой. Порядок абзацев в шаблоне
   постоянный: потолок, площадь, планировка, этаж, цена. */
body.tsip-p-arenda .arenda .block .article-elem p.tsip-spec--area{order:1}
body.tsip-p-arenda .arenda .block .article-elem p.tsip-spec--floor{order:2}
body.tsip-p-arenda .arenda .block .article-elem p.tsip-spec--height{order:3}
body.tsip-p-arenda .arenda .block .article-elem p.tsip-spec--plan{order:4}
body.tsip-p-arenda .arenda .block .article-elem p.tsip-spec--area .v{font-size:15px;font-weight:700}
body.tsip-p-arenda .arenda .block .article-elem p.tsip-spec--price{
  order:5;margin-top:6px !important;padding:14px 0 0;border-top:1px solid var(--ip-line-2);
  align-items:baseline;
}
body.tsip-p-arenda .arenda .block .article-elem p.tsip-spec--price .v{font-size:19px;font-weight:700;letter-spacing:-.01em}
body.tsip-p-arenda .arenda .block .article-elem > div{order:6;margin-top:auto;padding-top:16px}
body.tsip-p-arenda .arenda .block .article-elem button{
  display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:0;
  padding:13px 20px !important;border-radius:999px !important;
  border:1px solid var(--ip-ink) !important;background:transparent !important;color:var(--ip-ink) !important;
  font-family:var(--ip-font);font-size:14px !important;font-weight:600;letter-spacing:.2px;text-transform:none;line-height:1.2;
  box-shadow:none !important;cursor:pointer;transition:background .2s,color .2s,border-color .2s;
}
body.tsip-p-arenda .arenda .block .article-elem button:hover{
  background:var(--ip-accent) !important;border-color:var(--ip-accent) !important;color:#fff !important;
}

/* ── Окно «Заявка на аренду площади» (remodal) ───────── */
body.tsip .remodal[data-remodal-id="modal-arenda"]{
  max-width:520px;padding:40px 40px 30px;
  background:var(--ip-card) !important;color:var(--ip-ink);
  border-radius:24px;text-align:left;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.6);
}
body.tsip .remodal[data-remodal-id="modal-arenda"] h1{
  margin:0 0 22px;padding-right:30px;
  font-family:var(--ip-font);font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.02em;
  text-transform:none;color:var(--ip-ink);text-align:left;
}
body.tsip .remodal[data-remodal-id="modal-arenda"] .remodal-close{
  left:auto;right:16px;top:16px;width:38px;height:38px;border-radius:999px;
  color:var(--ip-ink);background:var(--ip-bg);
}
body.tsip .remodal[data-remodal-id="modal-arenda"] .remodal-close:hover{background:#ebe9e5;color:var(--ip-ink)}
body.tsip .remodal[data-remodal-id="modal-arenda"] .remodal-close::before{width:38px;line-height:38px;font-size:24px}
body.tsip .remodal-overlay{background:rgba(20,18,16,.62)}

/* ── Форма «Хотите получить консультацию…» ───────────── */
/* Ряд с узором и полями по центру → тёмная плашка во всю ширину окна:
   заголовок слева, белая карточка с формой справа. Разметка ряда прежняя —
   раскладка сеткой поверх неё. */
body.tsip-p-arenda #wrapper > section.bg-fixed{padding:var(--ip-sec) 5px 0 !important}
body.tsip-p-arenda #wrapper > section.bg-fixed > .container{
  width:auto !important;max-width:none;padding:0;
}
body.tsip-p-arenda #wrapper > section.bg-fixed > .container > .row{margin:0 !important}
body.tsip-p-arenda #wrapper > section.bg-fixed > .container > .row > .wpb_column{float:none;width:auto;padding:0 !important}
body.tsip-p-arenda #wrapper > section.bg-fixed .vc_column-inner{padding:0 !important}
/* Только внешняя обёртка колонки: у вложенной колонки с формой своя
   .vc_column-inner > .wpb_wrapper, и без «>» по цепочке сетка ложилась
   и на неё — форма сжималась до 196px. */
body.tsip-p-arenda #wrapper > section.bg-fixed > .container > .row > .wpb_column > .vc_column-inner > .wpb_wrapper{
  background:var(--ip-dark);border-radius:var(--ip-r-lg);
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  grid-template-rows:1fr auto auto 1fr;column-gap:56px;align-items:start;
  padding:64px max(30px,calc((100% - var(--ip-cw)) / 2 + 15px));
  visibility:visible !important;animation:none !important;
}
body.tsip-p-arenda #wrapper > section.bg-fixed .vc_empty_space{display:none}
body.tsip-p-arenda #wrapper > section.bg-fixed .ot_custom_heading{
  grid-column:1;grid-row:2;
  margin:0 0 var(--ip-txt) !important;text-align:left !important;color:#fff !important;
  /* Заголовок длинный (72 знака) — кегль на ступень ниже, чем у тёмной
     секции главной, иначе в половине плашки он шёл в пять строк. */
  font-size:clamp(26px,2.6vw,36px) !important;line-height:1.14 !important;font-weight:700 !important;letter-spacing:-.02em !important;
}
body.tsip-p-arenda #wrapper > section.bg-fixed .wpb_text_column{grid-column:1;grid-row:3;margin:0}
body.tsip-p-arenda #wrapper > section.bg-fixed .wpb_text_column h3{
  margin:0 !important;text-align:left !important;
  font-size:15px !important;font-weight:400 !important;line-height:1.6 !important;letter-spacing:0 !important;
  color:rgba(255,255,255,.72) !important;text-transform:none !important;
}
body.tsip-p-arenda #wrapper > section.bg-fixed .wpb_text_column h3 a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}
body.tsip-p-arenda #wrapper > section.bg-fixed .vc_row.vc_inner{
  grid-column:2;grid-row:1 / span 4;align-self:center;margin:0 !important;display:block;
}
body.tsip-p-arenda #wrapper > section.bg-fixed .vc_row.vc_inner > .vc_col-sm-3{display:none}
body.tsip-p-arenda #wrapper > section.bg-fixed .vc_row.vc_inner > .vc_col-sm-6{float:none;width:auto;padding:0}
body.tsip-p-arenda #wrapper > section.bg-fixed .vc_row.vc_inner .wpcf7{
  background:var(--ip-card);border-radius:24px;padding:34px 36px 28px;
}
/* Имя и телефон в одну строку — форма короткая, так она не тянется вниз. */
body.tsip-p-arenda #wrapper > section.bg-fixed .wpcf7-form .row > .col-md-12:first-child{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;
}
/* На узких экранах тёмная плашка из двух колонок становится одной. */

/* ══════════════════════════════════════════════════════
   «ГАЛЕРЕЯ» — сетка снимков, состав прежний
   ══════════════════════════════════════════════════════ */
body.tsip-p-gallery .projects-grid-wrapper > .container{width:auto;padding:0}
/* Одна-единственная вкладка «Галерея» над сеткой повторяла заголовок страницы. */
body.tsip-p-gallery .project_filters{display:none}
/* Изотоп темы расставляет снимки абсолютными координатами. Сетку отдаём
   CSS-grid: позиции и высоту, которые он пишет в style, перебиваем. */
body.tsip-p-gallery .projects-grid{
  display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;
  height:auto !important;margin:0 !important;
  visibility:visible !important;animation:none !important;opacity:1 !important;
}
body.tsip-p-gallery .projects-grid::before,
body.tsip-p-gallery .projects-grid::after{content:none}
body.tsip-p-gallery .projects-grid .project-item-sizer{display:none}
body.tsip-p-gallery .projects-grid .project-item{
  position:relative !important;left:auto !important;top:auto !important;transform:none !important;
  width:auto !important;float:none;padding:0 !important;margin:0 !important;
}
body.tsip-p-gallery .projects-box{
  position:relative;overflow:hidden;border-radius:var(--ip-r-md);background:#e9e7e3;
  aspect-ratio:3/2;
}
body.tsip-p-gallery .projects-thumbnail,
body.tsip-p-gallery .projects-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
body.tsip-p-gallery .projects-thumbnail img{transition:transform .6s ease}
body.tsip-p-gallery .projects-box:hover .projects-thumbnail img{transform:scale(1.04)}
/* Подпись снимка — снизу по затемнению, появляется на наведении. */
body.tsip-p-gallery .projects-box > a{position:absolute;inset:0;display:block;z-index:2}
body.tsip-p-gallery .projects-box .project-overlay{
  position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;
  display:flex !important;align-items:flex-end;padding:16px 18px;
  background:linear-gradient(to top,rgba(20,18,16,.72) 0%,rgba(20,18,16,0) 55%) !important;
  opacity:0;transition:opacity .25s;
}
body.tsip-p-gallery .projects-box:hover .project-overlay{opacity:1}
body.tsip-p-gallery .projects-box .project-name{
  position:static !important;margin:0 !important;padding:0 !important;transform:none !important;
  font-family:var(--ip-font);font-size:14px !important;font-weight:600;letter-spacing:0 !important;
  text-transform:none !important;color:#fff !important;text-align:left;line-height:1.3;
  background:none !important;
}
body.tsip-p-gallery .projects-box .project-name::before,
body.tsip-p-gallery .projects-box .project-name::after{content:none !important}

/* ══════════════════════════════════════════════════════
   «НОВОСТИ»
   ══════════════════════════════════════════════════════ */
/* Подписка на рассылку — правка 18.09.2026: «на странице новостей поехал
   блок после шапки, давай перенесём его полностью вниз, он особо не нужен
   пользователям».

   Порядок меняем флексом у #wrapper: в разметке подписка идёт перед лентой
   (так стоит в содержимом страницы), а показываем её после неё. Ряды
   WPBakery трогать не пришлось — содержимое страницы осталось прежним.

   Склейки двух рядов в одну карточку больше нет: на стыке половин
   вылезала лишняя линия и блок разъезжался. Теперь это просто заголовок,
   строка текста и поле с кнопкой на светлом фоне, отбитые сверху
   волосяной линией. */
body.tsip-p-news #wrapper{display:flex;flex-direction:column}
body.tsip-p-news #wrapper > header{order:1}
body.tsip-p-news #wrapper > #subheader{order:2}
body.tsip-p-news #wrapper > section.background-repeat{order:3}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle{order:4}
body.tsip-p-news #wrapper > footer{order:5}

/* Лента идёт первой, поэтому отбивку от крошек берёт она. */
body.tsip-p-news #wrapper > section.background-repeat{padding-top:34px !important}
/* Подписка: шаг секции сверху у первого ряда, второй примыкает к нему. */
body.tsip-p-news #wrapper > section.vc_row-o-content-middle{padding-top:0 !important}
body.tsip-p-news #wrapper > #subheader + section.vc_row-o-content-middle{padding-top:var(--ip-sec) !important}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle > .container > .row{
  margin:0;background:none;border:0;border-radius:0;padding:0;
}
body.tsip-p-news #wrapper > #subheader + section.vc_row-o-content-middle > .container > .row{
  border-top:1px solid var(--ip-line);padding-top:30px;
}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .vc_column_container{float:none;width:auto;padding:0}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .vc_column-inner{padding:0 !important;margin:0 !important}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .vc_col-sm-4:not(:has(.wpcf7)){display:none}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpb_text_column{margin:0}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpb_text_column h2{
  margin:0 0 8px !important;text-align:left !important;
  font-size:22px !important;line-height:1.2;
}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpb_text_column h2 strong{font-weight:700}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpb_text_column p{
  margin:0 !important;text-align:left !important;font-size:15px !important;line-height:1.6;
  color:var(--ip-ink-2) !important;max-width:640px;
}
/* Форма подписки в строку: поле и кнопка рядом, согласие и приписка ниже. */
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7{margin-top:18px}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form .row{
  display:grid;grid-template-columns:minmax(0,1fr) 200px;column-gap:12px;align-items:start;
  max-width:700px;
}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form .row > .col-md-12:nth-child(1){grid-column:1;grid-row:1}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form .row > .col-md-12:nth-child(2){grid-column:1 / -1;grid-row:2}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form .row > .col-md-12:nth-child(3){grid-column:2;grid-row:1}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form .row > .col-md-12:nth-child(3) #submit{margin:0}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form input.wpcf7-submit{min-height:50px}
body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form p[style*="font-size"]{margin-top:4px}

/* Лента: строками, миниатюра слева. Сетка WPBakery (vc_basic_grid)
   подгружает записи сама — правим только оформление карточки. */
body.tsip-p-news .vc_grid-container{margin:0}
body.tsip-p-news .vc_grid.vc_row{margin:0}
body.tsip-p-news .vc_grid-item{padding:0 !important;margin:0 0 16px}
body.tsip-p-news .vc_grid-item-mini{
  background:var(--ip-card) !important;border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
  padding:22px !important;overflow:hidden;
  transition:border-color .2s,box-shadow .2s;
}
body.tsip-p-news .vc_grid-item-mini:hover{border-color:var(--ip-line-2);box-shadow:0 20px 44px -34px rgba(20,18,16,.5)}
body.tsip-p-news .vc_gitem-zone-mini > .vc_gitem_row{
  display:grid;grid-template-columns:168px minmax(0,1fr);gap:28px;align-items:start;margin:0;
}
/* Клирфикс бутстрапа (::before с display:table) в сетке становится
   отдельной ячейкой и сдвигает колонки — миниатюра уезжала вправо. */
body.tsip-p-news .vc_gitem-zone-mini > .vc_gitem_row::before,
body.tsip-p-news .vc_gitem-zone-mini > .vc_gitem_row::after{content:none;display:none}
body.tsip-p-news .vc_gitem_row > .vc_gitem-col{float:none;width:auto;padding:0}
body.tsip-p-news .vc_gitem_row > .vc_gitem-col:first-child .wpb_single_image{margin:0}
body.tsip-p-news .vc_gitem_row > .vc_gitem-col:first-child figure{display:block;margin:0}
body.tsip-p-news .vc_gitem_row > .vc_gitem-col:first-child a{
  display:block;width:168px;height:168px;overflow:hidden;border-radius:var(--ip-r-md);
  border:0 !important;padding:0 !important;background:#eeece8;
}
body.tsip-p-news .vc_gitem_row > .vc_gitem-col:first-child img{
  display:block;width:100% !important;height:100% !important;object-fit:cover;
  border-radius:0 !important;transition:transform .5s ease;
}
body.tsip-p-news .vc_grid-item-mini:hover .vc_gitem-col:first-child img{transform:scale(1.04)}
/* Текстовая колонка: дата над заголовком, ссылка «Просмотреть» строкой. */
body.tsip-p-news .vc_gitem_row > .vc_gitem-col:last-child{display:flex;flex-direction:column;padding-top:2px}
body.tsip-p-news .vc_gitem-post-data-source-post_date{order:1;margin:0 0 8px}
body.tsip-p-news .vc_gitem-post-data-source-post_title{order:2;margin:0 0 10px}
body.tsip-p-news .vc_gitem-post-data-source-post_excerpt{order:3;margin:0}
body.tsip-p-news .vc_gitem-col .vc_btn3-container{order:4;margin:14px 0 0}
body.tsip-p-news .vc_gitem-post-data-source-post_date > div{
  font-size:13px !important;color:var(--ip-ink-3) !important;line-height:1.4;
}
body.tsip-p-news .vc_gitem-post-data-source-post_title > div{
  font-size:21px !important;line-height:1.25;font-weight:700;letter-spacing:-.015em;
}
body.tsip-p-news .vc_gitem-post-data-source-post_title a{color:var(--ip-ink) !important;transition:color .2s}
body.tsip-p-news .vc_gitem-post-data-source-post_title a:hover{color:var(--ip-accent) !important}
body.tsip-p-news .vc_gitem-post-data-source-post_excerpt > div,
body.tsip-p-news .vc_gitem-post-data-source-post_excerpt p{
  margin:0 !important;font-size:15px !important;line-height:1.6 !important;color:var(--ip-ink-2) !important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body.tsip-p-news .vc_gitem-col .vc_btn3-container a.vc_btn3{
  padding:0 !important;border:0 !important;border-radius:0 !important;
  background:none !important;box-shadow:none !important;
  font-family:var(--ip-font);font-size:14px !important;font-weight:600;line-height:1.3;
  color:var(--ip-accent) !important;text-transform:none;letter-spacing:0;
}
body.tsip-p-news .vc_gitem-col .vc_btn3-container a.vc_btn3::after{content:" →"}
body.tsip-p-news .vc_gitem-col .vc_btn3-container a.vc_btn3:hover{color:var(--ip-accent-2) !important}
/* «Загрузить ещё» — контурная пилюля по центру. */
body.tsip-p-news .vc_grid-btn-load_more{margin:14px 0 0;text-align:center}
body.tsip-p-news .vc_grid-btn-load_more a.vc_btn3{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 30px !important;border-radius:999px !important;
  background:transparent !important;border:1px solid var(--ip-line-2) !important;color:var(--ip-ink) !important;
  font-family:var(--ip-font);font-size:14px !important;font-weight:600;text-transform:none;letter-spacing:.2px;
  box-shadow:none !important;
}
body.tsip-p-news .vc_grid-btn-load_more a.vc_btn3:hover{border-color:var(--ip-ink) !important;background:rgba(27,27,29,.04) !important}

/* ══════════════════════════════════════════════════════
   ЗАПИСЬ (отдельная новость)
   ══════════════════════════════════════════════════════ */
/* Каркас «текст + боковая колонка» общий у записи, архива рубрики и поиска. */
body.tsip:is(.single,.archive,.search,.blog) #content > .container > .row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;margin:0}
body.tsip:is(.single,.archive,.search,.blog) #content > .container > .row::before,
body.tsip:is(.single,.archive,.search,.blog) #content > .container > .row::after{content:none}
body.tsip:is(.single,.archive,.search,.blog) #content .col-md-8,
body.tsip:is(.single,.archive,.search,.blog) #content .col-md-4{float:none;width:auto;padding:0}
body.tsip.single .blog-list article{margin:0;padding:0;border:0;background:none}
body.tsip.single .post-content{margin:0;padding:0;background:none}
body.tsip.single .post-image{margin:0 0 26px;border:0 !important;border-radius:var(--ip-r-lg);overflow:hidden;background:#e9e7e3}
body.tsip.single .post-image img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border:0 !important}
/* Плашка-дата темы (день крупно, месяц под ним) — строкой над текстом:
   «12 Авг». Год тема не выводит. */
body.tsip.single .date-box{
  float:none !important;position:static !important;display:flex;gap:5px;
  width:auto !important;height:auto !important;margin:0 0 14px !important;padding:0 !important;
  background:none !important;border:0 !important;box-shadow:none !important;text-align:left;
}
body.tsip.single .date-box .day,
body.tsip.single .date-box .month{
  margin:0 !important;padding:0 !important;border:0 !important;background:none !important;
  font-family:var(--ip-font) !important;font-size:13px !important;line-height:1.4 !important;font-weight:400 !important;
  letter-spacing:0 !important;text-transform:none !important;color:var(--ip-ink-3) !important;
}
/* Заголовок записи уже стоит крупно в шапке страницы — второй раз не нужен. */
body.tsip.single .post-text .single-title{display:none}
body.tsip.single .entry-summary{margin:0;padding:0}
body.tsip.single .post-text{margin:0 !important;padding:0 !important;color:var(--ip-ink-2)}
body.tsip.single .post-text p,
body.tsip.single .post-text li{font-size:17px !important;line-height:1.75 !important;color:var(--ip-ink-2)}
body.tsip.single .post-text p{margin:0 0 18px !important}
body.tsip.single .post-text h2{margin:34px 0 14px !important;font-size:24px !important;line-height:1.25 !important}
body.tsip.single .post-text h3{margin:28px 0 12px !important;font-size:20px !important}
body.tsip.single .post-text ul,
body.tsip.single .post-text ol{margin:0 0 20px;padding-left:22px}
body.tsip.single .post-text li{margin:0 0 8px}
body.tsip.single .post-text li::marker{color:var(--ip-accent)}
body.tsip.single .post-text a{color:var(--ip-accent);text-decoration:underline;text-underline-offset:3px}
body.tsip.single .post-text img{border-radius:var(--ip-r-md);height:auto}
body.tsip.single .post-info{display:none}
/* Боковая колонка «Свежие записи» — белая карточка, прилипает при прокрутке. */
body.tsip:is(.single,.archive,.search,.blog) #sidebar{position:sticky;top:24px}
body.tsip:is(.single,.archive,.search,.blog) #sidebar .widget{
  margin:0 0 16px;padding:26px 26px 18px;background:var(--ip-card);
  border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
}
body.tsip:is(.single,.archive,.search,.blog) #sidebar .widget h4{
  margin:0 0 12px;font-size:13px !important;font-weight:400 !important;letter-spacing:0 !important;
  text-transform:none !important;color:var(--ip-ink-3) !important;
}
body.tsip:is(.single,.archive,.search,.blog) #sidebar .small-border{display:none}
body.tsip:is(.single,.archive,.search,.blog) #sidebar ul{margin:0;padding:0;list-style:none}
body.tsip:is(.single,.archive,.search,.blog) #sidebar li{margin:0;padding:12px 0;border-top:1px solid var(--ip-line);font-size:15px;line-height:1.4;color:var(--ip-ink-2)}
body.tsip:is(.single,.archive,.search,.blog) #sidebar li:first-child{border-top:0;padding-top:4px}
body.tsip:is(.single,.archive,.search,.blog) #sidebar li a{color:var(--ip-ink) !important;font-weight:600;transition:color .2s}
body.tsip:is(.single,.archive,.search,.blog) #sidebar li a:hover,
body.tsip:is(.single,.archive,.search,.blog) #sidebar li a[aria-current]{color:var(--ip-accent) !important}

/* ══════════════════════════════════════════════════════
   АРХИВ РУБРИКИ И ПОИСК — лента блога темы
   ══════════════════════════════════════════════════════
   Та же карточка, что в ленте на странице «Новости»: миниатюра слева,
   дата, заголовок, начало текста и ссылка «Просмотреть →». */
body.tsip:is(.archive,.search,.blog) .blog-list article{
  margin:0 0 16px;padding:22px;background:var(--ip-card) !important;
  border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
  visibility:visible !important;animation:none !important;
  transition:border-color .2s,box-shadow .2s;
}
body.tsip:is(.archive,.search,.blog) .blog-list article:hover{border-color:var(--ip-line-2);box-shadow:0 20px 44px -34px rgba(20,18,16,.5)}
body.tsip:is(.archive,.search,.blog) .blog-list .post-content{
  display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:26px;
  margin:0;padding:0;background:none;
}
body.tsip:is(.archive,.search,.blog) .blog-list .post-image{
  grid-column:1;grid-row:1 / span 2;margin:0;border:0 !important;
  width:200px;height:170px;border-radius:var(--ip-r-md);overflow:hidden;background:#eeece8;
}
body.tsip:is(.archive,.search,.blog) .blog-list .post-image a,
body.tsip:is(.archive,.search,.blog) .blog-list .post-image img{display:block;width:100%;height:100%;object-fit:cover;border:0 !important}
body.tsip:is(.archive,.search,.blog) .blog-list .entry-summary{grid-column:2;margin:0;padding:0}
body.tsip:is(.archive,.search,.blog) .blog-list .date-box{
  float:none !important;position:static !important;display:flex;gap:5px;
  width:auto !important;height:auto !important;margin:0 0 8px !important;padding:0 !important;
  background:none !important;border:0 !important;box-shadow:none !important;
}
body.tsip:is(.archive,.search,.blog) .blog-list .date-box .day,
body.tsip:is(.archive,.search,.blog) .blog-list .date-box .month{
  margin:0 !important;padding:0 !important;border:0 !important;background:none !important;
  font-family:var(--ip-font) !important;font-size:13px !important;line-height:1.4 !important;font-weight:400 !important;
  letter-spacing:0 !important;text-transform:none !important;color:var(--ip-ink-3) !important;
}
body.tsip:is(.archive,.search,.blog) .blog-list .post-text{margin:0 !important;padding:0 !important}
body.tsip:is(.archive,.search,.blog) .blog-list .entry-title{
  margin:0 0 10px !important;font-size:21px !important;line-height:1.25 !important;
}
body.tsip:is(.archive,.search,.blog) .blog-list .entry-title a{color:var(--ip-ink) !important;transition:color .2s}
body.tsip:is(.archive,.search,.blog) .blog-list .entry-title a:hover{color:var(--ip-accent) !important}
body.tsip:is(.archive,.search,.blog) .blog-list .post-text p{
  margin:0 !important;font-size:15px !important;line-height:1.6 !important;color:var(--ip-ink-2) !important;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
body.tsip:is(.archive,.search,.blog) .blog-list a.btn-more{
  grid-column:2;align-self:end;justify-self:start;margin:14px 0 0;padding:0 !important;
  background:none !important;border:0 !important;box-shadow:none !important;float:none;
  font-family:var(--ip-font);font-size:14px !important;font-weight:600;letter-spacing:0;text-transform:none;
  color:var(--ip-accent) !important;
}
body.tsip:is(.archive,.search,.blog) .blog-list a.btn-more::after{content:" →"}
body.tsip:is(.archive,.search,.blog) .blog-list a.btn-more:hover{color:var(--ip-accent-2) !important}
/* Нумерация страниц — пилюли. У темы список вложен сам в себя. */
body.tsip:is(.archive,.search,.blog) #content .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px 0 0;padding:0}
body.tsip:is(.archive,.search,.blog) #content .pagination li{display:block;margin:0}
body.tsip:is(.archive,.search,.blog) #content .pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;
  border-radius:999px !important;border:1px solid var(--ip-line-2) !important;background:transparent !important;
  font-family:var(--ip-font);font-size:14px;font-weight:600;color:var(--ip-ink) !important;float:none;
}
body.tsip:is(.archive,.search,.blog) #content .pagination a.page-numbers:hover{border-color:var(--ip-ink) !important}
body.tsip:is(.archive,.search,.blog) #content .pagination .page-numbers.current{background:var(--ip-ink) !important;border-color:var(--ip-ink) !important;color:#fff !important}
body.tsip:is(.archive,.search,.blog) #content .pagination .page-numbers.dots{border-color:transparent !important}

/* ══════════════════════════════════════════════════════
   «ПОЛИТИКА КОНФИДЕНЦИАЛЬНОСТИ» — длинный текст
   ══════════════════════════════════════════════════════ */
/* Белый лист по центру сетки, строка ~90 знаков: во всю ширину 1140px
   юридический текст не читался. */
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column{
  max-width:900px;margin:0 auto;padding:56px 64px;
  background:var(--ip-card);border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
}
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column h2{
  margin:0 0 24px !important;font-size:clamp(24px,2.6vw,32px) !important;line-height:1.2 !important;
}
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column p{
  margin:0 0 14px !important;font-size:15.5px !important;line-height:1.75 !important;color:var(--ip-ink-2) !important;
}
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column strong{color:var(--ip-ink);font-weight:700}
/* Разделы оформлены нумерованным списком из одного пункта — делаем
   из них подзаголовки. */
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column ol{margin:34px 0 14px;padding:0 0 0 24px}
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column ol li{font-size:18px;line-height:1.35;color:var(--ip-ink)}
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column ol li::marker{color:var(--ip-accent);font-weight:700}
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column ul{margin:0 0 16px;padding-left:22px}
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column ul li{font-size:15.5px;line-height:1.7;color:var(--ip-ink-2)}
body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column a{color:var(--ip-accent);text-decoration:underline;text-underline-offset:3px}

/* ══════════════════════════════════════════════════════
   «СЛУЖБА ПОДДЕРЖКИ» — одна форма
   ══════════════════════════════════════════════════════ */
body.tsip-p-support #content > .container > .row{margin:0}
body.tsip-p-support #content .col-md-3{display:none}
body.tsip-p-support #content .col-md-9{float:none;width:auto;max-width:820px;margin:0 auto;padding:0}
body.tsip-p-support #content .wpcf7{
  background:var(--ip-card);border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
  padding:44px 48px 36px;
  box-shadow:0 1px 2px rgba(20,18,15,.04),0 24px 50px -34px rgba(20,18,15,.35);
}
/* Поля сеткой: тип обращения и описание во всю ширину, четыре коротких
   поля — два на два, согласие и кнопка снова во всю ширину. */
body.tsip-p-support .wpcf7-form .row > .col-md-12{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;
}
body.tsip-p-support .wpcf7-form .row > .col-md-12 > div:nth-child(1),
body.tsip-p-support .wpcf7-form .row > .col-md-12 > div:nth-child(2),
body.tsip-p-support .wpcf7-form .row > .col-md-12 > .col-md-12{grid-column:1 / -1}
/* Подпись «Тип обращения:» — обычная подпись поля, не оранжевая строка. */
body.tsip-p-support .wpcf7-form .row > .col-md-12 > div:nth-child(1){color:inherit !important}
body.tsip-p-support .wpcf7-form .row > .col-md-12 > div:nth-child(1) > p:first-child{
  margin:0 0 6px;font-size:12.5px;color:var(--ip-ink-3) !important;
}
body.tsip-p-support .wpcf7-form textarea.wpcf7-form-control{min-height:140px}

/* ══════════════════════════════════════════════════════
   404
   ══════════════════════════════════════════════════════ */
body.tsip.error404 #content{padding-top:72px}
body.tsip.error404 #content .col-md-12{
  max-width:720px;margin:0 auto;float:none;padding:56px 48px;text-align:center;
  background:var(--ip-card);border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
}
/* «Ошибка 404» уже стоит заголовком в шапке страницы. */
body.tsip.error404 .title_404{display:none}
body.tsip.error404 .content_404 p{margin:0 0 26px;font-size:16px;color:var(--ip-ink-2) !important}
body.tsip.error404 .btn{
  display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;border:0;
  background:var(--ip-accent);color:#fff !important;font-size:14px;font-weight:600;text-transform:none;letter-spacing:.2px;
}
body.tsip.error404 .btn:hover{background:var(--ip-accent-2)}

/* ══════════════════════════════════════════════════════
   «УСЛУГИ» — [ts_uslugi]
   ══════════════════════════════════════════════════════ */
/* Вводный абзац — как «О БЦ Кусково» на главной. */
body.tsip .tsip-lead__text{
  font-size:clamp(18px,1.9vw,24px) !important;line-height:1.5 !important;color:var(--ip-ink) !important;
  font-weight:400;max-width:1040px;
}

/* Три службы. */
body.tsip .tsip-svc__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.tsip .tsip-tile{
  position:relative;background:var(--ip-card);border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
  padding:30px 28px 32px;
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
body.tsip .tsip-tile:hover{border-color:var(--ip-line-2);transform:translateY(-2px);box-shadow:0 20px 44px -30px rgba(20,18,16,.5)}
body.tsip .tsip-svc__n{
  display:block;margin:0 0 34px;
  font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ip-accent);
}
body.tsip .tsip-page .tsip-svc__t{margin:0 0 12px;font-size:21px;line-height:1.2;letter-spacing:-.015em}
body.tsip .tsip-page .tsip-svc__d{font-size:15px;line-height:1.65;color:var(--ip-ink-2)}
/* Иллюстрации — 25.09.2026, как у «Наших преимуществ» на главной: картинка
   прижата к низу (margin-top:auto) и уходит за нижнюю кромку, поэтому при
   разной длине описаний карточки в ряду кончаются картинкой на одной линии.
   Боковые поля — внутренний отступ плитки плюс рамка. */
body.tsip .tsip-svc__item{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
body.tsip .tsip-svc__art{margin:auto -29px -1px;padding-top:24px}
body.tsip .tsip-svc__art img{display:block;width:100%;height:auto}

/* Залы: фото и описание рядом. */
body.tsip .tsip-room{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center;
}
body.tsip .tsip-room--flip .tsip-room__media{order:2}
/* Фото: одно крупное сверху во всю ширину, два под ним. */
body.tsip .tsip-room__media{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.tsip .tsip-room__shot{
  position:relative;display:block;overflow:hidden;border-radius:var(--ip-r-md);background:#e9e7e3;
}
body.tsip .tsip-room__shot--main{grid-column:1 / -1;aspect-ratio:3/2;border-radius:var(--ip-r-lg)}
body.tsip .tsip-room__shot--side{aspect-ratio:3/2}
body.tsip .tsip-room__shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
body.tsip .tsip-room__shot:hover img{transform:scale(1.04)}
body.tsip .tsip-page .tsip-room__body .tsip-h2{margin-bottom:12px}
body.tsip .tsip-page .tsip-room__lead{margin:0 0 24px;font-size:17px;line-height:1.55;color:var(--ip-ink-2)}
body.tsip .tsip-page .tsip-room__note{margin:18px 0 0;font-size:14px;line-height:1.6;color:var(--ip-ink-3)}

/* Характеристики «название — значение» через волосяные линии. */
body.tsip .tsip-specs{margin:0;padding:0;border-bottom:1px solid var(--ip-line)}
body.tsip .tsip-specs__row{
  display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;
  padding:13px 0;border-top:1px solid var(--ip-line);
}
body.tsip .tsip-specs dt{margin:0;font-size:14px;font-weight:400;color:var(--ip-ink-3);line-height:1.5}
body.tsip .tsip-specs dd{margin:0;font-size:15px;font-weight:600;color:var(--ip-ink);line-height:1.5}
body.tsip .tsip-specs__note{display:block;margin-top:6px;font-size:13.5px;font-weight:400;line-height:1.55;color:var(--ip-ink-2)}
/* Несколько значений в одной строке характеристик — каждое с новой строки
   («Форматы размещения» у рекламного места: холлы и лифты). */
body.tsip .tsip-specs__line{display:block}
body.tsip .tsip-specs__line + .tsip-specs__line{margin-top:4px}
/* Слово через дефис не рвём: «компаний-/арендаторов» читалось обрывом. */
body.tsip .tsip-specs__nw{white-space:nowrap}

body.tsip .tsip-room__foot{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;
  margin-top:24px;
}
body.tsip .tsip-page .tsip-price{display:flex;flex-direction:column;gap:2px}
body.tsip .tsip-price__l{font-size:12.5px;color:var(--ip-ink-3)}
body.tsip .tsip-price b{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--ip-ink);line-height:1.2}

/* Что включено: заголовок слева, три пункта со значками справа. */
body.tsip .tsip-incl{padding-top:56px}
body.tsip .tsip-incl__row{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr);gap:24px 40px;align-items:center;
  padding:26px 32px;background:var(--ip-card);border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
}
body.tsip .tsip-page .tsip-incl__t{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.01em}
body.tsip .tsip-incl__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.tsip .tsip-incl__list li{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600;color:var(--ip-ink)}
/* Значки белые на прозрачном — в светлой странице перекрашиваем в тёмный. */
body.tsip .tsip-incl__ico{
  flex:none;width:44px;height:44px;object-fit:contain;
  filter:brightness(0) saturate(100%) opacity(.82);
}

/* Прочие услуги. До 25.09.2026 — заголовок слева, список в две колонки справа;
   теперь, по просьбе заказчика «как на главной, с картинками», — заголовок
   сверху, под ним сетка 3×2 компактных плиток: подпись и иллюстрация из той же
   серии, что у служб выше. Ниже — примечание и телефон. */
/* Заголовок длинный, 86 знаков — на ступень мельче обычного и не шире
   двух третей сетки, иначе строка тянется через всю страницу. */
body.tsip .tsip-page .tsip-extra__title{margin:0 0 var(--ip-head);max-width:860px;font-size:clamp(21px,2.1vw,28px) !important;line-height:1.22}
body.tsip .tsip-extra__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.tsip .tsip-xtile{display:flex;flex-direction:column;overflow:hidden;padding:24px 24px 0}
body.tsip .tsip-page .tsip-xtile__t{margin:0;font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--ip-ink)}
/* Пункты в тексте со строчной — они продолжали фразу заголовка. */
body.tsip .tsip-xtile__t::first-letter{text-transform:uppercase}
body.tsip .tsip-xtile__art{margin:auto -25px -1px;padding-top:18px}
body.tsip .tsip-xtile__art img{display:block;width:100%;height:auto}
body.tsip .tsip-extra__foot{max-width:860px;margin-top:28px}
body.tsip .tsip-page .tsip-extra__note{margin:0;font-size:15px;line-height:1.6;color:var(--ip-ink-2)}
body.tsip .tsip-page .tsip-extra__cta{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--ip-ink);font-weight:600}
body.tsip .tsip-page .tsip-extra__cta a{color:var(--ip-accent);white-space:nowrap;border-bottom:1px solid rgba(233,92,12,.35)}
body.tsip .tsip-page .tsip-extra__cta a:hover{border-bottom-color:var(--ip-accent)}

/* ══════════════════════════════════════════════════════
   «КОНТАКТЫ» — [ts_contacts]
   ══════════════════════════════════════════════════════ */
/* 12.10.2026 пятая колонка — «Диспетчерская». Пять колонок в ряд помещаются
   от 1200px (карточка 1140px, номер 145px в колонке 169px); уже — адрес
   уходит отдельной строкой над остальными, см. адаптив. */
body.tsip .tsip-cnt__card{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);
  background:var(--ip-card);border:1px solid var(--ip-line);border-radius:var(--ip-r-lg);
}
body.tsip .tsip-cnt__col{
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  padding:30px 24px 32px;border-left:1px solid var(--ip-line);min-width:0;
}
body.tsip .tsip-cnt__col:first-child{border-left:0}
/* Названия отделов — фирменным оранжевым и жирнее: директор попросил
   «поярче/повеселее» (26.10.2026), серые подписи терялись. */
body.tsip .tsip-page .tsip-cnt__l{margin:0 0 10px;font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--ip-accent)}
body.tsip .tsip-cnt__v{
  font-size:17px;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--ip-ink);
  overflow-wrap:anywhere;transition:color .2s;
}
body.tsip a.tsip-cnt__v{color:var(--ip-ink)}
/* Почта длиннее телефонов — на ступень мельче, иначе адрес рекламного
   отдела рвался посреди слова. */
body.tsip a.tsip-cnt__v[href^="mailto"]{font-size:15.5px;overflow-wrap:normal}
body.tsip a.tsip-cnt__v:hover{color:var(--ip-accent)}
body.tsip .tsip-cnt__v--text{font-weight:600;font-size:16px;line-height:1.5}
/* Номер не рвём посреди цифр — колонки подобраны так, чтобы он помещался. */
body.tsip a.tsip-cnt__v[href^="tel"]{white-space:nowrap}
/* Подпись под номером («круглосуточно»). */
body.tsip .tsip-cnt__note{font-size:13px;line-height:1.4;color:var(--ip-ink-3)}
@media (max-width:1199px){
  body.tsip .tsip-cnt__card{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.tsip .tsip-cnt__col:first-child{grid-column:1 / -1}
  body.tsip .tsip-cnt__col:nth-child(2){border-left:0}
  body.tsip .tsip-cnt__col:nth-child(n+2){border-top:1px solid var(--ip-line)}
}

/* Как добраться. */
body.tsip .tsip-route .tsip-dark__grid{align-items:stretch}
body.tsip .tsip-route .tsip-dark__text{display:flex;flex-direction:column;justify-content:center}
body.tsip .tsip-route .tsip-dark__lead{margin-bottom:26px}
body.tsip .tsip-route__group + .tsip-route__group{margin-top:22px}
body.tsip .tsip-page .tsip-route__mode{
  margin:0 0 4px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);
}
body.tsip .tsip-route__row{
  display:flex;justify-content:space-between;align-items:baseline;gap:18px;
  padding:11px 0;border-bottom:1px solid rgba(255,255,255,.10);
}
body.tsip .tsip-route__from{font-size:15px;color:rgba(255,255,255,.86);line-height:1.4}
body.tsip .tsip-route__from em{font-style:normal;color:rgba(255,255,255,.5);font-size:13.5px;white-space:nowrap}
body.tsip .tsip-route__time{flex:none;font-size:15px;font-weight:700;color:#fff}
/* Карта конструктора Яндекса вставляется прямо на место своего скрипта. */
/* Карта — iframe виджета Яндекс Карт во всю правую колонку. */
body.tsip .tsip-route__map{
  position:relative;min-height:460px;border-radius:var(--ip-r-md);overflow:hidden;background:#2a2a2d;
}
body.tsip .tsip-route__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

/* Обратная связь. 25.09.2026 — «очень большой блок, надо покомпактнее»:
   слева под заголовком короткий пояснительный абзац, форма ниже на треть —
   поле сообщения 110px (было 231px, см. правило textarea выше), поля карточки
   уже; колонки выровнены по центру, чтобы текст не висел над пустотой. */
body.tsip .tsip-feedback__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px 64px;align-items:center}
body.tsip .tsip-page .tsip-feedback__text .tsip-h2{margin:0;max-width:420px}
body.tsip .tsip-page .tsip-feedback__lead{margin:16px 0 0;max-width:400px;font-size:16px;line-height:1.6;color:var(--ip-ink-2)}
body.tsip .tsip-feedback .tsip-formcard{padding:28px 30px 22px}
body.tsip .tsip-feedback .wpcf7-form textarea.wpcf7-form-control{min-height:96px;height:110px}
/* У обёртки CF7 тема держит margin-top:20px — сверху карточки выходило 48px
   против 22px снизу. */
body.tsip .tsip-feedback .tsip-formcard .wpcf7{margin-top:0}
/* Имя и почта в одну строку. */
body.tsip .tsip-feedback .wpcf7-form .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
body.tsip .tsip-feedback .wpcf7-form .row > .col-md-12:nth-child(n+3){grid-column:1 / -1}

/* ══════════════════════════════════════════════════════
   АДАПТИВ
   ══════════════════════════════════════════════════════ */
@media (max-width:1100px){
  body.tsip{--ip-sec:72px;--ip-head:32px}
  body.tsip .tsip-dark__grid,
  body.tsip-p-arenda #wrapper > section.bg-fixed > .container > .row > .wpb_column > .vc_column-inner > .wpb_wrapper{
    grid-template-columns:1fr;gap:32px;
    padding-top:44px;padding-bottom:44px;
  }
  body.tsip-p-arenda #wrapper > section.bg-fixed .vc_row.vc_inner{grid-column:1;grid-row:3;margin-top:28px !important}
  body.tsip-p-arenda #wrapper > section.bg-fixed > .container > .row > .wpb_column > .vc_column-inner > .wpb_wrapper{grid-template-rows:auto auto auto;row-gap:0}
  body.tsip-p-arenda #wrapper > section.bg-fixed .ot_custom_heading{grid-row:1}
  body.tsip-p-arenda #wrapper > section.bg-fixed .wpb_text_column{grid-row:2}
  body.tsip-p-arenda .arenda > .row{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tsip-p-gallery .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.tsip .tsip-room{gap:36px}
  body.tsip .tsip-incl__row{grid-template-columns:1fr}
  /* Адрес строкой сверху (правило из ≤1199px), под ним 2×2. */
  body.tsip .tsip-cnt__card{grid-template-columns:1fr 1fr}
  body.tsip .tsip-cnt__col:nth-child(2n){border-left:0}
  body.tsip .tsip-feedback__grid{grid-template-columns:1fr}
  body.tsip:is(.single,.archive,.search,.blog) #content > .container > .row{grid-template-columns:1fr;gap:40px}
  body.tsip:is(.single,.archive,.search,.blog) #sidebar{position:static}
}
@media (max-width:900px){
  body.tsip .tsip-room{grid-template-columns:1fr;gap:28px}
  body.tsip .tsip-room--flip .tsip-room__media{order:0}
  /* В одну колонку крупное фото во всю ширину выходило выше экрана —
     ставим его слева на две строки, два мелких справа столбиком. */
  body.tsip .tsip-room__media{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
  body.tsip .tsip-room__shot--main{grid-column:1;grid-row:1 / span 2;aspect-ratio:auto;min-height:320px}
  body.tsip .tsip-room__shot--side{aspect-ratio:auto}
}
@media (max-width:991px){
  body.tsip-p-arenda section.side-bg .col-md-6.col-md-offset-6{grid-template-columns:1fr;gap:20px}
  body.tsip .tsip-svc__grid{grid-template-columns:1fr 1fr}
  body.tsip .tsip-extra__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tsip #subheader .col-md-12{padding-top:22px;padding-bottom:0}
}
@media (max-width:760px){
  body.tsip{--ip-sec:56px;--ip-head:28px;--ip-cta:24px}
  body.tsip .site-header{border-radius:var(--ip-r-md)}
  body.tsip #subheader .col-md-12{padding-top:20px;padding-bottom:0}
  body.tsip #wrapper > #subheader + section.wpb_row,
  body.tsip .tsip-page > .tsip-sec:first-child,
  body.tsip-p-news #wrapper > #subheader + section.vc_row-o-content-middle{padding-top:26px !important}
  /* «Аренда»: первый под крошками — заголовок списка, вводный блок внизу. */
  body.tsip-p-arenda #wrapper > section.bg-color{padding-top:26px !important}
  body.tsip-p-arenda #wrapper > #subheader + section.side-bg{padding-top:var(--ip-sec) !important}
  body.tsip #content{padding-top:26px}
  body.tsip footer{border-radius:var(--ip-r-md)}
  body.tsip .tsip-dark__grid,
  body.tsip-p-arenda #wrapper > section.bg-fixed > .container > .row > .wpb_column > .vc_column-inner > .wpb_wrapper{padding:32px 22px;border-radius:var(--ip-r-md)}
  body.tsip .tsip-formcard,
  body.tsip-p-arenda #wrapper > section.bg-fixed .vc_row.vc_inner .wpcf7{padding:24px 20px 20px;border-radius:18px}
  body.tsip-p-arenda #wrapper > section.bg-fixed .wpcf7-form .row > .col-md-12:first-child,
  body.tsip .tsip-feedback .wpcf7-form .row{grid-template-columns:1fr}
  body.tsip-p-arenda .arenda > .row{grid-template-columns:1fr}
  body.tsip-p-gallery .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.tsip-p-gallery .projects-box{border-radius:12px}
  body.tsip-p-news #wrapper > #subheader + section.vc_row-o-content-middle > .container > .row{padding-top:24px}
  body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form .row{grid-template-columns:1fr}
  body.tsip-p-news #wrapper > section.vc_row-o-content-middle .wpcf7-form .row > .col-md-12:nth-child(3){grid-column:1;grid-row:3}
  body.tsip-p-news .vc_grid-item-mini{padding:16px !important;border-radius:var(--ip-r-md)}
  body.tsip-p-news .vc_gitem-zone-mini > .vc_gitem_row{grid-template-columns:88px minmax(0,1fr);gap:16px}
  body.tsip-p-news .vc_gitem_row > .vc_gitem-col:first-child a{width:88px;height:88px;border-radius:12px}
  body.tsip-p-news .vc_gitem-post-data-source-post_title > div{font-size:17px !important}
  body.tsip-p-news .vc_gitem-post-data-source-post_excerpt > div,
  body.tsip-p-news .vc_gitem-post-data-source-post_excerpt p{font-size:14px !important;-webkit-line-clamp:4}
  body.tsip-p-policy #wrapper > section.wpb_row .wpb_text_column{padding:28px 20px;border-radius:var(--ip-r-md)}
  body.tsip-p-support #content .wpcf7{padding:26px 20px 22px;border-radius:var(--ip-r-md)}
  body.tsip-p-support .wpcf7-form .row > .col-md-12{grid-template-columns:1fr}
  body.tsip.error404 #content .col-md-12{padding:36px 22px}
  body.tsip:is(.archive,.search,.blog) .blog-list article{padding:16px;border-radius:var(--ip-r-md)}
  body.tsip:is(.archive,.search,.blog) .blog-list .post-content{grid-template-columns:88px minmax(0,1fr);column-gap:16px}
  body.tsip:is(.archive,.search,.blog) .blog-list .post-image{width:88px;height:88px;border-radius:12px}
  body.tsip:is(.archive,.search,.blog) .blog-list .entry-title{font-size:17px !important}
  body.tsip:is(.archive,.search,.blog) .blog-list .post-text p{font-size:14px !important;-webkit-line-clamp:4}
  body.tsip .tsip-svc__grid{grid-template-columns:1fr}
  body.tsip .tsip-svc__n{margin-bottom:18px}
  body.tsip .tsip-specs__row{grid-template-columns:1fr;gap:2px}
  body.tsip .tsip-incl__row{padding:22px 20px}
  body.tsip .tsip-incl__list{grid-template-columns:1fr;gap:12px}
  /* Плитки услуг на телефоне остаются в две колонки — в одну шесть картинок
     растягивали страницу на полтора экрана. */
  body.tsip .tsip-extra__tiles{gap:12px}
  body.tsip .tsip-xtile{padding:18px 16px 0}
  body.tsip .tsip-page .tsip-xtile__t{font-size:15px}
  body.tsip .tsip-xtile__art{margin:auto -17px -1px;padding-top:14px}
  body.tsip .tsip-extra__foot{margin-top:22px}
  body.tsip .tsip-cnt__card{grid-template-columns:1fr}
  body.tsip .tsip-cnt__col{border-left:0;padding:22px 22px 24px}
  body.tsip .tsip-cnt__col + .tsip-cnt__col{border-top:1px solid var(--ip-line)}
  body.tsip .tsip-route__map{min-height:340px}
  body.tsip .tsip-room__media{gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto}
  body.tsip .tsip-room__shot--main{grid-column:1 / -1;grid-row:auto;aspect-ratio:3/2;min-height:0}
  body.tsip .tsip-room__shot--side{aspect-ratio:3/2}
  body.tsip .tsip-room__shot--main{border-radius:var(--ip-r-md)}
  body.tsip .tsip-room__shot--side{border-radius:12px}
}

/* Дата «12 Авг» у записи и в ленте архива: тема задаёт дню и месяцу
   фиксированную ширину плашки, из-за чего между ними зиял пробел. */
body.tsip:is(.single,.archive,.search,.blog) .date-box .day,
body.tsip:is(.single,.archive,.search,.blog) .date-box .month{
  display:inline !important;float:none !important;width:auto !important;height:auto !important;
  min-width:0 !important;text-align:left !important;
}

/* ══════════════════════════════════════════════════════
   Всплывающее окно «Аренда рекламного места» (21.10.2026)
   Отдельная форма от кнопки `#stendy` на /uslugi/. Разметка
   лежит в tsip_uslugi_shortcode(), JS — tsip_popup_init() в
   inner-pages.js. Атрибут hidden закрывает окно по умолчанию;
   JS его снимает и ставит класс tsip-popup--open — на нём и
   строится вид.
   ══════════════════════════════════════════════════════ */
/* z-index выше плашки cookie (#cookie-law-info-bar, 9999): иначе на телефоне
   она ложилась поверх низа окна. */
body.tsip .tsip-popup{
  position:fixed;inset:0;z-index:10000;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
}
body.tsip .tsip-popup[hidden]{display:none}
body.tsip .tsip-popup__overlay{
  position:absolute;inset:0;
  background:rgba(20,18,16,.62);
  cursor:pointer;
}
body.tsip .tsip-popup__box{
  position:relative;
  width:min(540px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  background:var(--ip-card);
  border-radius:24px;
  padding:36px 36px 28px;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.6);
}
body.tsip .tsip-popup__close{
  position:absolute;top:14px;right:14px;
  width:38px;height:38px;border:0;border-radius:999px;
  background:var(--ip-bg);color:var(--ip-ink);
  font-size:24px;line-height:38px;text-align:center;cursor:pointer;
  transition:background .15s;
}
body.tsip .tsip-popup__close:hover{background:#ebe9e5}
body.tsip .tsip-popup__title{
  margin:0 0 10px;padding-right:40px;
  font-family:var(--ip-font);
  font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.02em;
  color:var(--ip-ink);
}
body.tsip .tsip-popup__lead{
  margin:0 0 20px;
  font-size:15px;line-height:1.5;color:var(--ip-ink-2);
}
/* Имя и телефон в одну строку — как в основной форме на /arenda/. */
body.tsip .tsip-popup__form .wpcf7-form .row > .col-md-12:first-child{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;
}

@media (max-width:620px){
  body.tsip .tsip-popup__box{padding:28px 20px 22px;border-radius:18px}
  body.tsip .tsip-popup__title{font-size:22px}
  body.tsip .tsip-popup__form .wpcf7-form .row > .col-md-12:first-child{
    grid-template-columns:1fr;
  }
}

/* Открытое окно и блокировка скролла фона. */
body.tsip-popup-open{overflow:hidden}

/* ══════════════════════════════════════════════════════
   /gallery/ — убрать одно фото «Офис» из сетки (21.10.2026)
   ══════════════════════════════════════════════════════
   Проектов 21: на 4-колоночной раскладке последний стоял сиротой.
   Заказчик зачеркнул третий снимок предпоследнего ряда — пустой
   офис J80A1009-HDR-scaled.jpg (правка 14 от 16.10.2026); сирота
   J80A0997 поднимается на его ряд. Прячем по URL файла: сам пост
   на сервере остаётся, вернуть можно, сняв правило. :has() —
   Chrome 105+, Safari 15.4+, Firefox 121+. */
body.tsip-p-gallery .project-item:has(a[href*="J80A1009-HDR"]) {
  display: none !important;
}