/* r13b: общая шапка и подвал ВСЕХ страниц dalter.ru — главной и примера партнёра (статика из его архива) и страниц приложения.
   Разметка — app/logo.tsx (ChromeHeader) и app/site-footer.tsx (SiteFooter); в страницы партнёра её вставляет deploy/landing/import_dc.py
   из deploy/landing/chrome/ (сверка — app/site-chrome.test.tsx). Этот файл приложение берёт в сборку (layout.tsx), страницы партнёра — ссылкой.
   Шапка — шапка лендинга партнёра (архив 21.10, мерки один в один) плюс значки MAX и личного кабинета; подвал — подвал приложения плюс
   контакты и реквизиты из подвала лендинга. Свои классы .dlt-* и свои мерки: переменные партнёра заданы только внутри его .dl, у
   приложения — свои токены (globals.css; значения те же: #0f766e = oklch(51.1% .0861 186.4) и т. д.). Ширины — запросами к своему
   контейнеру (как @container dl у партнёра), поэтому шапка переключается на тех же ширинах, что и раньше на главной. */

.dlt{--dlt-surface:#fff;--dlt-line:rgba(0,0,0,.08);--dlt-line-2:rgba(0,0,0,.14);--dlt-ink:#141614;--dlt-muted:#636b68;--dlt-accent:#0f766e;--dlt-accent-strong:#00635c;--dlt-accent-soft:#e6f2ef;
  container:dlt/inline-size;font-family:Manrope,ui-sans-serif,system-ui,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;color:var(--dlt-ink);text-align:left;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.dlt,.dlt *,.dlt *::before,.dlt *::after{box-sizing:border-box}
.dlt :where(h2,p,ul,li,dl,dt,dd,address){margin:0;padding:0}
.dlt :where(ul){list-style:none}
.dlt :where(a){color:inherit;text-decoration:none}
.dlt :where(svg){display:block;flex-shrink:0}
.dlt :where(address){font-style:normal}
.dlt :focus-visible{outline:2px solid var(--dlt-accent);outline-offset:3px}
.dlt-wrap{width:100%;max-width:1264px;margin:0 auto;padding-inline:32px}

/* ── шапка: липкая, полупрозрачная; ЗНАК | «Цена», «Примеры работ» | MAX, кабинет | «Получить смету» ── */
.dlt-bar{position:sticky;top:0;z-index:50}
.dlt-skip{position:absolute;left:-9999px;top:8px;z-index:60;padding:8px 16px;border-radius:12px;background:var(--dlt-surface);font-weight:600}
.dlt-skip:focus{left:8px}
.dlt-hdr{background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--dlt-line)}
.dlt-hdr-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:24px;min-height:72px}
.dlt-logo{display:inline-flex;flex-direction:column;gap:3px;padding:8px 0;margin-block:-4px;border-radius:4px;color:var(--dlt-ink)}   /* цель 45–47 px, знак на месте партнёра (было padding 4px) */
.dlt-hdr .dlt-logo{justify-self:start}
.dlt-logo-word{font-size:22px;font-weight:800;line-height:1;letter-spacing:.06em}
.dlt-logo-lines{display:flex;flex-direction:column;gap:2px}
.dlt-logo-lines span{display:block;height:2px;background:var(--dlt-accent)}
.dlt-nav{display:flex;align-items:center;justify-content:flex-end;gap:28px}
.dlt-nav a{display:inline-flex;align-items:center;min-height:44px;border-radius:4px;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap;transition:color .15s}
.dlt-nav a:hover,.dlt-nav a[aria-current="page"]{color:var(--dlt-accent)}
.dlt-icons{display:flex;align-items:center;gap:8px}
.dlt-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--dlt-line-2);border-radius:11px;background:var(--dlt-accent-soft);color:var(--dlt-accent);transition:background-color .15s,border-color .15s,color .15s}
.dlt-icon svg{width:22px;height:22px}
.dlt-icon:hover{border-color:var(--dlt-accent);background:var(--dlt-accent);color:#fff}
.dlt-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:12px;background:var(--dlt-accent);color:#fff;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;transition:background-color .15s}
.dlt-cta:hover{background:var(--dlt-accent-strong)}
.dlt-subnav{display:none}   /* r15a: на ПК ссылки внутри шапки; второй навигатор показан только на телефоне (ниже) */
@container dlt (max-width:880px){.dlt-hdr-in{gap:12px}.dlt-nav{gap:20px}}   /* второй значок занял 52 px: на 641–880 ссылкам запас 18 px, а не 10 (ревью r13b) */
/* телефон — как у партнёра: ЗНАК | значки | «Получить смету» (эта полоса липкая), ссылки строкой по центру — ниже неё и уезжают с прокруткой (r15a) */
/* r15l: с «Инструкцией» три пункта в первый ряд на 641–760 не влезали (наезжали на знак) — с 760 и уже ссылки уходят вторым навигатором,
   первый ряд — знак | значки | «Получить смету»; видимость nav и вид первого ряда — в одном запросе, как в r15a.
   r17c: с «Статьями» (r17) пять пунктов в первый ряд на 761–860 тоже не влезали (первый пункт наезжал на знак на 120 px) — порог 760 → 860 */
@container dlt (max-width:860px){
.dlt-hdr-in{grid-template-columns:minmax(0,1fr) auto auto}
.dlt-hdr .dlt-logo{grid-column:1;grid-row:1}
.dlt-icons{grid-column:2;grid-row:1}
.dlt-cta{grid-column:3;grid-row:1}
.dlt-hdr .dlt-nav{display:none}   /* r15a: ссылки — вторым навигатором ниже липкой полосы (.dlt-subnav) */
.dlt-subnav{display:block;background:rgba(255,255,255,.86);border-bottom:1px solid var(--dlt-line)}
.dlt-subnav .dlt-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding-block:4px 8px}   /* 4+44+8 и линия — те же места, что были у второго ряда шапки */
.dlt-subnav a{display:inline-flex;align-items:center;min-height:44px;padding-inline:6px;border-radius:4px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;transition:color .15s}   /* палец: 44×44 и больше (у партнёра 40 в высоту) */
.dlt-subnav a:hover,.dlt-subnav a[aria-current="page"]{color:var(--dlt-accent)}
}
@container dlt (max-width:640px){
.dlt-wrap{padding-inline:16px}
.dlt-hdr-in{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;min-height:0;padding-block:12px 10px}
.dlt-hdr .dlt-logo{grid-column:1;grid-row:1}
.dlt-logo-word{font-size:20px}
.dlt-icons{grid-column:2;grid-row:1}
.dlt-cta{grid-column:3;grid-row:1;padding-inline:14px;font-size:13px}
}
@container dlt (max-width:374px){.dlt-icons{gap:4px}.dlt-icon{width:40px}.dlt-cta{padding-inline:10px;font-size:12px}.dlt-hdr .dlt-logo-word{font-size:19px}}
@container dlt (max-width:335px){.dlt-icon{width:36px}}
/* r17: четвёртая ссылка второго навигатора («Статьи») на узких телефонах 315–420: зазор и поля уменьшаются ступенями (шрифт не меньше 13 px); если и так не влезло — ссылки переносятся на новую строку (flex-wrap ниже), горизонтальной прокрутки нет */
@container dlt (max-width:420px){.dlt-subnav .dlt-wrap{gap:6px;padding-inline:10px}}
@container dlt (max-width:370px){.dlt .dlt-subnav .dlt-wrap{gap:2px;padding-inline:6px}.dlt .dlt-subnav a{padding-inline:4px;font-size:13px}.dlt .dlt-subnav .instruction-menu summary{font-size:13px}}
/* Страница примера партнёра: её шапка не липла, а эта липнет — переход к этапу (case.js: scrollIntoView заголовка, отступ 56 px)
   не должен уходить под шапку. Отступ — высота шапки (73 px; на телефоне с r15a липнет только первая полоса, 67 px) с запасом, как у страниц
   приложения (site.css). Главная — свой у партнёра. */
html:has(#dalter-case){scroll-padding-top:84px}
@media (max-width:640px){html:has(#dalter-case){scroll-padding-top:80px}}

/* ── подвал: ЗНАК | Сервис | Заказ | Документы | Связаться с нами; ниже — © и реквизиты, «Наверх» ── */
.dlt-ftr{background:var(--dlt-surface);border-top:1px solid var(--dlt-line)}
.dlt-ftr-in{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,max-content);gap:40px;padding-block:56px 40px}
.dlt-ftr-brand p{max-width:320px;margin-top:16px;font-size:15px;color:var(--dlt-muted)}
.dlt-ftr h2{margin:0 0 14px;font-size:12px;font-weight:700;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;color:var(--dlt-muted)}
.dlt-ftr nav,.dlt-contacts{display:flex;flex-direction:column;gap:2px}
.dlt-ftr nav a,.dlt-contacts a{display:inline-flex;align-items:center;min-height:36px;border-radius:4px;font-weight:600;transition:color .15s}
.dlt-ftr nav a:hover,.dlt-contacts a:hover{color:var(--dlt-accent)}
.dlt-contacts a{gap:10px}
.dlt-contact-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--dlt-accent-soft);color:var(--dlt-accent);transition:background-color .15s,color .15s}
.dlt-contact-icon svg{width:18px;height:18px}
.dlt-contacts a:hover .dlt-contact-icon{background:var(--dlt-accent);color:#fff}
.dlt-ftr-bot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px 32px;padding-block:16px;font-size:13px;line-height:1.6;color:var(--dlt-muted)}
.dlt-ftr-bot::before{content:"";position:absolute;top:0;left:32px;right:32px;height:1px;background:var(--dlt-line)}
.dlt-company{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 20px;min-width:0}
.dlt-company dl{display:flex;flex-wrap:wrap;gap:2px 14px;font-variant-numeric:tabular-nums}
.dlt-company dl div{display:flex;gap:6px}
.dlt-company dt{font-weight:600}
.dlt-company address{text-wrap:pretty}
.dlt-top{display:inline-flex;flex-shrink:0;align-items:center;gap:8px;min-height:44px;border-radius:4px;font-weight:600;color:var(--dlt-ink);transition:color .15s}
.dlt-top:hover{color:var(--dlt-accent)}
@container dlt (max-width:1199px){.dlt-ftr-in{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:32px 24px}.dlt-ftr-brand{grid-column:1/-1}}
@container dlt (max-width:880px){.dlt-ftr-in{grid-template-columns:repeat(2,minmax(0,1fr))}.dlt-ftr-bot{flex-wrap:wrap}}
@container dlt (max-width:640px){
.dlt-ftr-in{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:44px 28px}
.dlt-ftr nav a,.dlt-contacts a,.dlt-top{min-height:44px}
.dlt-ftr-bot::before{left:16px;right:16px}
.dlt-company{flex-direction:column;align-items:flex-start}
}
@media (pointer:coarse){.dlt-ftr nav a,.dlt-contacts a{min-height:44px}}   /* палец: цель не меньше 44 px (PRODUCT.md); мышью хватает 36 */

@media (prefers-reduced-motion:reduce){.dlt *,.dlt *::before,.dlt *::after{transition:none!important}}
@media print{.dlt-bar{position:static}.dlt-skip,.dlt-nav,.dlt-subnav,.dlt-icons,.dlt-cta,.dlt-ftr nav,.dlt-top{display:none}}

/* r15l: меню «Инструкция» шапки — правила меню из instruction-nav.css Даниила (разделы 29.10) как есть: страницы инструкций берут их
   файл целиком, остальные страницы сайта — эти строки. */
.instruction-menu{position:relative;color:#0f766e}
.instruction-menu>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;list-style:none;font:600 16px/1.4 Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap;border-radius:6px}
.instruction-menu>summary::-webkit-details-marker{display:none}
.instruction-menu>summary:focus-visible{outline:2px solid #0f766e;outline-offset:3px}
.instruction-menu[open]>summary{background:#e6f2ef}
.instruction-menu .instruction-menu-list{display:grid;position:absolute;top:calc(100% + 8px);left:0;z-index:1000;width:310px;padding:8px;background:#fff;border:1px solid #d4e7de;border-radius:12px;box-shadow:0 12px 32px #153d2b20}
.instruction-menu .instruction-menu-list a{display:flex;align-items:center;min-height:48px;padding:12px 14px;font:600 16px/1.5 Manrope,system-ui,sans-serif;color:#243c34;text-decoration:none;white-space:normal;border-radius:7px}
.instruction-menu .instruction-menu-list a:hover,.instruction-menu .instruction-menu-list a[aria-current=page]{background:#e6f2ef;color:#0f766e}
/* r16e: «Подготовка документов» — разделитель над пунктом, правило из instruction-nav.css пакета 02.11 (на страницах инструкций берётся оттуда) */
.instruction-menu .instruction-menu-list a.documents-menu-link{border-top:1px solid #d4e7de;border-radius:0;margin-top:4px;padding-top:16px}
@media(max-width:760px){.instruction-menu>summary{font-size:14px;padding-inline:4px}.instruction-menu .instruction-menu-list{width:min(310px,calc(100vw - 40px));left:-4px}}