/* СК «Люди». Внутренние страницы в дизайне главной.

   Заказчик принял главную 29.09.2026 («больше никаких замечаний и правок по
   главной нет») и ждёт остальные разделы «в таком же дизайне». Поэтому
   внутренние страницы получают тот же общий слой, что и главная
   (home-editorial.css, класс body.home-editorial), а этот файл поправляет то,
   чего на главной нет: шапку раздела с карточкой цен, сквозные номера глав,
   ведомости и тёмные блоки, которые на главной оформлены по своим id.

   Тон и роли — те же, что на главной: тёплая бумага #faf9f6, серая подложка
   #ECEBE6, карточка #F0EFEA, графит #111, жёлтый только заливкой. Текст
   объявляется вместе с фоном. */

/* ── Среда ──────────────────────────────────────────────────────────────
   У главной под страницей тёмная «атмосфера» с кадрами, у разделов её нет:
   фон страницы — бумага, иначе в просветах между главами видна тёмная полоса. */
body.inner-ed{background:#faf9f6;color:#181918;
  /* Моноширинный шрифт главная уже не использует — цены, реквизиты и подписи
     разделов идут тем же гротеском, иначе разделы выглядят чертежом. */
  --mono:'Inter',sans-serif}
.inner-ed section{background:#faf9f6;padding-block:60px}
.inner-ed section.tone{background:var(--sk-grey)}
.inner-ed #raschet,.inner-ed #dizayn-proekt,.inner-ed #sloi,.inner-ed #faq,.inner-ed #zayavka{margin-top:0}
.inner-ed .crumbs,.inner-ed .crumbs a,.inner-ed .crumbs i{color:#5d5e57}
.inner-ed .crumbs span{color:#181918}
.inner-ed .crumbs a:hover{color:#7a6200}
.inner-ed .lead{color:#45463f}
.inner-ed .terms-note,.inner-ed .muted{color:#5d5e57}

/* ── Первый экран раздела ───────────────────────────────────────────────
   Заголовок — тем же лёгким гротеском, что на главной; карточка цен —
   тёмной панелью, как полоса «Стоимость капитальных работ» под первым экраном. */
.inner-ed .pr-head{padding-block:56px 60px}
.inner-ed h1{font:500 clamp(44px,5.2vw,80px)/1.02 var(--display);letter-spacing:-.055em;color:#171812}
.inner-ed .pr-head h1{font:500 clamp(44px,5.2vw,80px)/1.02 var(--display);letter-spacing:-.055em;color:#171812;max-width:14ch}
.inner-ed .pr-head .kicker{display:block;margin-bottom:22px;font:500 13px var(--sans);letter-spacing:.12em;color:#7a6200}
.inner-ed .pr-head .lead{font-size:16px;line-height:1.75;max-width:52ch;margin-top:26px}
.inner-ed .pr-head .btns{margin-top:30px}
.inner-ed .pr-head .btn-p::after{content:'↗';font-size:20px;line-height:1;font-weight:400}
.inner-ed .pr-card{background:radial-gradient(ellipse at 100% 0,#2e2e2b,transparent 60%),#141513;color:#fff;border-radius:24px;padding:30px 32px}
.inner-ed .pr-card>div{border-bottom-color:#ffffff1c;padding:13px 0}
.inner-ed .pr-card>div:first-child{margin:0 0 10px;padding:0 0 22px;background:none;border-radius:0;border-bottom:1px solid #ffffff2e;display:grid;gap:10px;justify-content:start}
.inner-ed .pr-card>div:first-child dt{font:400 13px/1.6 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#bfc1b8}
.inner-ed .pr-card>div:first-child dd{font:400 clamp(32px,3vw,44px)/1.1 var(--display);letter-spacing:-.01em;color:#fff;text-align:left}
.inner-ed .pr-card dt{color:#bfc1b8;font-size:14px}
.inner-ed .pr-card dd{font:500 15px/1.4 var(--sans);color:#fff}
.inner-ed .pr-card-n{color:#bfc1b8;font-size:13px;line-height:1.6}

/* ── Главы ──────────────────────────────────────────────────────────────
   Сквозной номер главы — жёлтой плашкой, как номера блоков на главной;
   линия над заголовком снята: на главной глав разделяет фон, а не черта. */
.inner-ed .pr-head ~ section .sec-head{border-top:0;padding-top:0}
.inner-ed .pr-head ~ section .sec-head h2::before{
  display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:26px;padding:0 8px;
  margin-bottom:16px;border-radius:7px;background:#ffdd00;color:#171812;
  font:600 13px/1 var(--sans);letter-spacing:0;vertical-align:top}
.inner-ed .pr-head ~ section .sec-head h2{display:flex;flex-direction:column;align-items:flex-start}
.inner-ed .sec-head .kicker{color:#7a6200}

/* ── Ведомости и карточки ───────────────────────────────────────────────
   На главной .srv-works живёт на тёмной карточке услуги; в разделе это
   ведомость на светлом, поэтому цвет строк объявлен заново. */
.inner-ed .srv-works li{color:#2c2d28;border-top-color:#00000014;font-size:15px}
.inner-ed .tone .srv-works li{border-top-color:#0000001a}
.inner-ed .tile,.inner-ed .pr-fact article,.inner-ed .pr-col{background:var(--sk-card);border-radius:16px;box-shadow:none;border:0;color:#181918}
.inner-ed section.tone .tile,.inner-ed section.tone .pr-fact article,.inner-ed section.tone .pr-col{background:#fff}
.inner-ed .pr-fact-n{background:#ffdd00;color:#171812;border-radius:7px;width:auto;min-width:36px;height:26px;padding:0 8px;font:600 13px/1 var(--sans)}
.inner-ed .pr-fact h3,.inner-ed .pr-col h3,.inner-ed .tile h3{font-weight:500;color:#171812}
.inner-ed .pr-fact p,.inner-ed .pr-col li,.inner-ed .tile p{color:#45463f}
.inner-ed .pr-col-h{font-family:var(--sans);letter-spacing:.12em;color:#5d5e57}
.inner-ed .ab-links-h{color:#5d5e57}

/* ── Тёмные главы: съёмка с объектов и расчёт ───────────────────────────── */
.inner-ed section.dark{background:radial-gradient(ellipse at 100% 0,#303030,transparent 60%),#111;color:#f2f3f5}
.inner-ed section.dark h2,.inner-ed section.dark h3{color:#fff}
.inner-ed section.dark .sec-head>p,.inner-ed section.dark .gal-n,.inner-ed section.dark .muted{color:#c9cac3}
.inner-ed section.dark .gal-head a{color:#ffdd00}
.inner-ed section.dark .kicker{color:#ffdd00}
/* Расчёт на главной оформлен по id #raschet тёмным — в разделах тот же блок
   приходит в светлом варианте, поэтому текст шапки объявлен здесь вместе с фоном. */
.inner-ed #raschet{background:radial-gradient(ellipse at 100% 0,#303030,transparent 60%),#111;color:#f2f3f5}
.inner-ed #raschet .sec-head h2{color:#fff}
.inner-ed #raschet .sec-head>p{color:#c9cac3}
.inner-ed #raschet .kicker{color:#ffdd00}

/* Разрез узла тянется за шириной блока, а блок у главной шире (1380 против
   1180): без предела номера слоёв вырастали до 28 px при тексте 17. */
@media(min-width:761px){.inner-ed .cut-svg{max-width:1040px;margin-inline:auto;display:block}}

@media(max-width:760px){
 /* Номер главы плашкой добавляет высоту над заголовком — просвет между
    главами держим в норме телефона (до 140) за счёт полей секции. */
 .inner-ed section{padding-block:44px}
 .inner-ed .pr-head ~ section .sec-head h2::before{margin-bottom:14px}
 .inner-ed .pr-head{padding-block:28px 48px}
 .inner-ed h1{font:500 clamp(44px,5.2vw,80px)/1.02 var(--display);letter-spacing:-.055em;color:#171812}
.inner-ed .pr-head h1{font-size:42px;letter-spacing:-.045em}
 .inner-ed .pr-card{padding:24px 22px;border-radius:18px}
}

/* ── «Контакты» ─────────────────────────────────────────────────────────
   Первая строка карточки — адрес офиса, а не цена: она длинная, поэтому
   идёт обычным кеглем, а ссылки в тёмной карточке — жёлтым. */
.inner-ed .kont-card>div:first-child dd{font:500 18px/1.45 var(--sans);letter-spacing:0}
.inner-ed .kont-card a{color:#ffdd00;text-decoration:none}
.inner-ed .kont-card a:hover{text-decoration:underline}
.inner-ed .kont-soc{margin-top:24px}

/* На главной #sloi — тёмная глава с разрезом пола. В разделах под этим id
   стоит своя, светлая ведомость слоёв, поэтому фон возвращается светлым —
   иначе заголовок из site.css оказывается графитом на графите. */
.inner-ed #sloi{background:var(--sk-grey);border-block:0;color:#181918}
/* Схемы разделов (разрез узла, набор слоёв косметики) не шире 1040:
   подписи внутри SVG растут вместе с блоком. */
/* Набор слоёв стоит колонкой 1.25fr — ограничиваем всю сетку шириной прежнего блока. */
.inner-ed .dset{max-width:1080px}
.inner-ed .ab-scheme svg{max-width:1040px;margin-inline:auto;display:block}
/* Ленты (отзывы, кадры) выносят карточки за край экрана намеренно — страница
   при этом не должна прокручиваться вбок. clip, а не hidden: липкие шапки
   глав внутри секции продолжают работать. */
.inner-ed section{overflow-x:clip}

/* «Контакты»: три шага от звонка до сметы и блок директора. */
.inner-ed .kont-steps{margin:0}
.inner-ed .kont-steps-svg{display:block;width:100%;max-width:600px;height:auto;margin-inline:auto}
.inner-ed .kont-steps-list{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.inner-ed .kont-steps-list li{background:#fff;border-radius:16px;padding:24px;display:grid;gap:8px;color:#181918}
.inner-ed .kont-steps-list b{font:500 19px/1.3 var(--display);letter-spacing:-.02em;color:#171812}
.inner-ed .kont-steps-list span{font-size:15px;line-height:1.65;color:#45463f}
.inner-ed .kont-boss{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.inner-ed .kont-boss-photo img{display:block;width:100%;height:auto;border-radius:16px;background:#ecebe6}
.inner-ed .kont-boss-name{margin-top:22px;display:grid;gap:4px}
.inner-ed .kont-boss-name b{font-weight:600;color:#171812}
.inner-ed .kont-boss-name span{font-size:14px;color:#5d5e57}
@media(max-width:760px){
 .inner-ed .kont-steps-svg{display:none}
 .inner-ed .kont-steps-list{grid-template-columns:1fr;margin-top:0}
 .inner-ed .kont-boss{grid-template-columns:1fr}
 .inner-ed .kont-boss-photo{max-width:240px}
}

/* ── Статья блога ───────────────────────────────────────────────────────
   Текст — одной колонкой для чтения (до 72 знаков), обложка и схемы шире
   колонки не бывают: статья читается сверху вниз, а не сеткой. */
.art-page .art-head{padding-top:36px;max-width:980px}
.art-page .art-head h1{font-size:clamp(38px,4.4vw,64px);max-width:none;margin-top:18px}
.art-page .art-head .kicker{font:500 13px var(--sans);letter-spacing:.12em;color:#7a6200}
.art-page .art-head .art-lead{margin-top:20px;max-width:820px}
.art-page .art-meta{margin-top:16px;font-size:14px;line-height:1.7;color:#5d5e57}
.art-page .art-meta a{color:#181918}
.art-page .art-cover{margin-top:34px}
.art-page .art-cover img{display:block;width:100%;height:auto;border-radius:20px;background:#ecebe6}
.art-page .art-cover figcaption{margin-top:12px;font-size:14px;color:#5d5e57;max-width:760px}
.art-page .art-body{max-width:820px;padding-block:40px 80px}
.art-page .art-body section{padding:0;background:none;overflow:visible}
.art-page .art-lead{font-size:19px;line-height:1.7;color:#181918}
.art-page .art-body h2{font-size:clamp(28px,3vw,40px);line-height:1.12;margin:56px 0 18px}
.art-page .art-body h3{font-size:22px;line-height:1.3;font-weight:500;margin:34px 0 10px;color:#171812}
.art-page .art-body p,.art-page .art-body li{font-size:17px;line-height:1.75;color:#2c2d28}
.art-page .art-body p+p{margin-top:14px}
.art-page .art-body a{color:#7a6200;text-decoration:underline;text-underline-offset:3px}
.art-page .art-body ul{margin:14px 0 0;padding-left:22px;display:grid;gap:8px}
.art-page .art-tldr{margin-top:34px!important;background:#F0EFEA!important;border-radius:18px;padding:26px 28px!important}
.art-page .art-tldr h2{margin:0 0 12px;font-size:26px}
.art-page .art-tldr li::marker{color:#b48700}
.art-page .art-fig{margin:30px 0}
.art-page .art-fig figcaption{margin-top:10px;font-size:14px;line-height:1.6;color:#5d5e57}
.art-page .art-svg svg{display:block;width:100%;max-width:600px;height:auto}
.art-page .art-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.art-page .art-duo figcaption{grid-column:1/-1}
.art-page .art-duo img{display:block;width:100%;height:auto;border-radius:14px}
.art-page .art-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px}
.art-page .art-table caption{text-align:left;font-size:14px;color:#5d5e57;padding-bottom:8px}
.art-page .art-table th,.art-page .art-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #dfdfda;color:#181918}
.art-page .art-table th{font-weight:600;background:#F0EFEA}
@media (max-width:600px){.art-page .art-table{font-size:14px;table-layout:fixed}.art-page .art-table th,.art-page .art-table td{padding:10px 8px;overflow-wrap:anywhere;hyphens:auto}}
.art-page .art-faq .faq{margin-top:10px}
.art-page .art-money{margin-top:48px;padding:28px;border-radius:18px;background:#141513;color:#fff;display:grid;gap:18px;justify-items:start}
.art-page .art-money p{color:#e6e6e0}
.art-page .art-money .btn-p{text-decoration:none;color:#171812}
.art-page .art-body section.art-money{background:#141513;padding:28px;color:#fff}
.art-page .art-money a:not(.btn){color:#FFDD00}
.art-page .art-money .art-money-row{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.art-page .art-toc{margin-top:22px!important}
.art-page .art-toc-h{font-weight:600;color:#171812}
.art-page .art-toc ol{margin:10px 0 0;padding-left:22px;display:grid;gap:6px}
.art-page .art-toc li::marker{color:#b48700}
.art-page .art-toc a{display:inline-block;padding:6px 0;min-height:24px}
.art-page .art-opyt{margin-top:48px!important}
.art-page .art-opyt .art-fig{margin-bottom:0}
@media(max-width:760px){
 .art-page .art-lead{font-size:17px}
 .art-page .art-body p,.art-page .art-body li{font-size:16px}
 .art-page .art-duo{gap:10px}
 .art-page .art-body{padding-bottom:32px}
 .art-page .art-tldr{padding:22px 20px!important}
}

/* ── Лента статей ─────────────────────────────────────────────────────── */
.inner-ed .blog-head{padding-block:48px 56px}
.inner-ed .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.inner-ed .blog-card{background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}
.inner-ed .blog-shot{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.inner-ed .blog-shot img{display:block;width:100%;height:100%;object-fit:cover}
.inner-ed .blog-shot::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a0a09d9,#0a0a0900 62%)}
.inner-ed .blog-hook{position:absolute;left:22px;right:22px;bottom:18px;z-index:1;color:#fff;font-size:16px;line-height:1.35}
.inner-ed .blog-hook b{display:block;font:500 44px/1 var(--display);letter-spacing:-.04em;color:#ffdd00;margin-bottom:6px}
.inner-ed .blog-h{font:500 21px/1.3 var(--display)!important;letter-spacing:-.02em;padding:20px 22px 0;margin:0}
.inner-ed .blog-h::before{content:none!important}
.inner-ed .blog-h a{color:#171812;text-decoration:none}
.inner-ed .blog-go{margin:auto 22px 22px;padding-top:16px;font-size:14px;font-weight:600;color:#7a6200}
@media(max-width:1000px){.inner-ed .blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.inner-ed .blog-grid{grid-template-columns:1fr}}

.inner-ed .blog-head .lead{max-width:62ch}
/* Одиночный кадр в статье — по ширине колонки текста. */
.art-page .art-fig img{display:block;width:100%;height:auto;border-radius:14px}

/* ── Свой фон у каждого блока (правка 30.09.2026) ─────────────────────────
   Тон соседних глав выравнивает skl_tones() по готовой странице: совпали два
   светлых — второй переключается бумага ↔ подложка, два тёмных подряд —
   квиз уходит в светлый вариант на подложке. Текст объявлен вместе с фоном. */
.inner-ed section.paper{background:#faf9f6;color:#181918}
.inner-ed #raschet.lite{background:var(--sk-grey);color:#181918;border-block:0}
.inner-ed #raschet.lite .sec-head h2{color:#171812}
.inner-ed #raschet.lite .sec-head>p{color:#45463f}
.inner-ed #raschet.lite .kicker{color:#7a6200}
/* Блоки, которым главная задаёт фон по id (этапы, отзывы, форма и др.),
   получают переключённый тон с той же силой селектора — иначе id перебивает класс. */
.inner-ed section.tone:is(#etapy,#otzyvy,#zayavka,#raboty,#materialy,#kak-rabotaem,#faq,#sloi,#dizayn-proekt,#uslugi){background:var(--sk-grey);color:#181918}
.inner-ed section.paper:is(#etapy,#otzyvy,#zayavka,#raboty,#materialy,#kak-rabotaem,#faq,#sloi,#dizayn-proekt,#uslugi){background:#faf9f6;color:#181918}

/* ── Шапка главы: текст под заголовком, заголовок широкий (правка 30.09.2026)
   На главной заказчик уже просил перенести текст справа под заголовок
   («выглядел инородно») — в разделах так же везде. Заголовок не зажимается
   в левую колонку и не ломается «столбиком»: строка до ~28 знаков. */
.inner-ed .sec-head{display:block;max-width:none}
.inner-ed .sec-head h2{max-width:28ch}
.inner-ed .sec-head>p{max-width:68ch;margin-top:20px;font-size:16px;line-height:1.75}
.inner-ed .sec-head .kicker{margin-bottom:18px}
.inner-ed #zayavka h2{max-width:18ch}
@media(max-width:760px){.inner-ed .sec-head>p{font-size:15px;margin-top:16px}}

/* ── «Этапы косметического ремонта»: кадр стены с номерами поверх ────────
   Номера — разметкой поверх кадра, а не в картинке: серия «Цех» текст
   внутри кадра запрещает, и на телефоне так их не сжимает до нечитаемых. */
.kosm-cut{margin:22px 0 0;display:grid;gap:26px}
.kosm-cut-shot{position:relative;border-radius:18px;overflow:hidden;background:#d9d8d2}
.kosm-cut-shot img{display:block;width:100%;height:auto}
.kosm-cut-n{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);
  display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:#ffdd00;color:#171812;font:600 20px/1 var(--sans);box-shadow:0 4px 14px #0000004d}
.kosm-cut-n-5{background:#171812;color:#fff}
.kosm-cut-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.kosm-cut-list li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#fff;border-radius:14px;padding:18px;color:#45463f;font-size:15px;line-height:1.6}
.kosm-cut-list b{display:block;margin-bottom:4px;color:#171812;font-weight:600}
.kosm-cut-no{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffdd00;color:#171812;font:600 14px/1 var(--sans)}
.kosm-cut-stop .kosm-cut-no{background:#171812;color:#fff}
.inner-ed section:not(.tone) .kosm-cut-list li{background:var(--sk-card)}
@media(max-width:760px){
 .kosm-cut-n{width:30px;height:30px;font-size:14px}
 .kosm-cut-list{grid-template-columns:1fr}
}

/* «О компании», схема «Кто ведёт ваш объект» (01.10.2026, замечание с телефона):
   мягкая кромка справа была приклеена к содержимому прокрутки, а не к рамке,
   и при пролистывании схемы вбок уезжала на середину — белой полосой поверх
   слова «задача». Кромку снимаем: обрезанный край схемы и так виден. */
.inner-ed .ab-scheme::after{content:none}

/* «Косметический ремонт», порядок работ: комната в разрезе рядом со списком. */
.kosm-order{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.kosm-order .pr-pay{margin-top:0}
.kosm-room{margin:0;background:#fff;border-radius:16px;padding:18px}
.inner-ed section.tone .kosm-room{background:#fff}
.inner-ed section:not(.tone) .kosm-room{background:var(--sk-card)}
.kosm-room svg{display:block;width:100%;height:auto;font-family:var(--sans)}
.kosm-room figcaption{margin-top:10px;font-size:14px;line-height:1.6;color:#5d5e57}
@media(max-width:760px){
 .kosm-order{grid-template-columns:1fr}
 .kosm-room{max-width:420px}
 /* Проём перед отзывами на телефоне — в норме 140, как у остальных глав. */
 .inner-ed section#otzyvy{padding-block:44px}
}
/* Тёмно-золотой текст (надзаголовки, ссылки в карточках) после смены фонов
   встал на подложку и на карточку #F0EFEA — там #8a6d00 даёт 4,1–4,3:1.
   Темнее на ступень: 5,5:1 и выше на всех трёх светлых тонах. */
.inner-ed section.tone .kicker,.inner-ed .cta-grid .kicker,.inner-ed article p a{color:#6b5500}

/* ── «Дизайн-проект»: листы настоящего проекта (правка 30.09, файл заказчика 01.10) */
.dp-sheets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dp-sheet{margin:0;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;color:#181918}
.dp-sheet-img{display:block;aspect-ratio:4/3;background:#fff;border-bottom:1px solid #e6e5df}
.dp-sheet-img img{display:block;width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .3s}
.dp-sheet-img:hover img{transform:scale(1.03)}
.dp-sheet figcaption{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;font-size:15px;line-height:1.5;color:#2c2d28}
.dp-sheet-no{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffdd00;color:#171812;font:600 13px/1 var(--sans)}
.dp-biznes{margin-top:44px}
.dp-biznes h3{font:500 clamp(24px,2.4vw,32px)/1.2 var(--display);letter-spacing:-.03em;color:#171812;margin:0 0 20px}
.dp-biznes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dp-biznes-grid .dp-sheet-img img{object-fit:cover;padding:0}
.dp-biznes-grid .dp-sheet:first-child .dp-sheet-img img{object-fit:contain;padding:10px}
.dp-note{margin-top:16px;font-size:14px;line-height:1.6;color:#5d5e57}
.inner-ed section:not(.tone) .dp-sheet{background:var(--sk-card)}
.inner-ed section:not(.tone) .dp-sheet-img{background:#fff}
@media(max-width:1000px){.dp-sheets{grid-template-columns:repeat(2,1fr)}.dp-biznes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dp-sheets,.dp-biznes-grid{grid-template-columns:1fr}}
.dp-sheet-img{position:relative;overflow:hidden;flex:none}
.dp-sheet-img img{position:absolute;inset:0}
/* Листы — кнопками общей галереи: сбрасываем вид ленты кадров объектов. */
.dp-sheet .gal-item{flex:none;display:block;width:100%;margin:0;padding:0;border:0;border-bottom:1px solid #e6e5df;border-radius:0;background:#fff;color:inherit;cursor:zoom-in}
.dp-sheet .gal-item img{height:100%}
/* Окно просмотра для листов проекта: чертёж крупнее кадра объекта и на белом. */
.lb[data-g="proekt"] img{max-width:min(100%,1600px);max-height:calc(100% - 20px);background:#fff}