/* ==========================================================================
   НПК ЗНАМЯ — внутренние страницы: шапка страницы, таблицы характеристик.
   ========================================================================== */

.page-hero {
	padding-block: clamp(36px, 5vw, 72px);
	background:
		linear-gradient(rgba(67, 81, 159, .045) 1px, transparent 1px) 0 0 / 48px 48px,
		linear-gradient(90deg, rgba(67, 81, 159, .045) 1px, transparent 1px) 0 0 / 48px 48px,
		linear-gradient(180deg, #F7F9FD 0%, #FFFFFF 100%);
	border-bottom: 1px solid var(--zn-line);
}
.page-hero h1 { max-width: 20ch; margin-bottom: 18px; font-size: clamp(30px, 3.6vw, 48px); font-weight: 800; letter-spacing: -.025em; line-height: 1.1; }
.page-hero__lead { max-width: 62ch; margin: 0 0 28px; font-size: clamp(16px, 1.4vw, 18px); color: var(--zn-muted); }
.page-hero__buttons { display: flex; flex-wrap: wrap; gap: 12px; }

.home-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 980px) { .home-grid--2 { grid-template-columns: minmax(0, 1fr); } }
.home-card { display: flex; flex-direction: column; padding: clamp(24px, 3vw, 40px); background: var(--zn-white); border: 1px solid var(--zn-line); border-radius: 0; }
.home-card h2 { font-size: clamp(22px, 2.2vw, 28px); margin-bottom: 12px; }
.home-card > p { margin: 0 0 18px; color: var(--zn-muted); }

.page-specs { margin: 0; background: var(--zn-white); border: 1px solid var(--zn-line); border-radius: 0; padding: 4px clamp(18px, 3vw, 32px); }
.page-specs > div { display: grid; grid-template-columns: minmax(180px, 280px) 1fr; gap: 8px 32px; padding: 16px 0; border-bottom: 1px solid var(--zn-line); }
.page-specs > div:last-child { border-bottom: 0; }
.page-specs dt { font: 500 12.5px/1.5 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; color: var(--zn-muted); padding-top: 3px; }
.page-specs dd { margin: 0; }
@media (max-width: 700px) { .page-specs > div { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Общие блоки внутренних страниц ---------- */
.page-hero__buttons--center { justify-content: center; }
.page-facts { padding-block: 0; margin-top: -1px; background: linear-gradient(180deg, #FFFFFF 50%, transparent 50%); }
.page-facts .home-facts--flat { margin-bottom: 0; }
.page-note { margin: 24px 0 0; color: var(--zn-muted); font-size: 15px; }
.page-note a { color: var(--zn-navy); text-decoration: underline; text-underline-offset: 3px; }
.page-note a:hover { color: var(--zn-accent-dark); }

.page-mission { margin: clamp(28px, 4vw, 48px) 0 0; padding: clamp(22px, 3vw, 36px); background: var(--zn-bg); border-left: 3px solid var(--zn-accent); }
.page-mission p { margin: 0; max-width: 78ch; font-size: clamp(17px, 1.6vw, 20px); line-height: 1.55; color: var(--zn-text); }

.page-split { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 72px); align-items: center; }
.page-split--form { align-items: start; }
.page-split h2 { font-size: clamp(26px, 3vw, 38px); letter-spacing: -.02em; }
.page-split .home-intro { margin: 0 0 24px; }
.page-contacts { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; font-size: 16px; }
.page-contacts li { display: flex; align-items: flex-start; gap: 14px; padding-bottom: 16px; border-bottom: 1px solid var(--zn-line); }
.page-contacts .icon { flex: none; margin-top: 2px; color: var(--zn-navy); }
.page-contacts a { color: var(--zn-navy); font-weight: 600; text-decoration: none; }
.page-contacts a:hover { color: var(--zn-accent-dark); }
.page-ticks-large { margin: 0; font-size: 17px; gap: 14px; }
.page-form { padding: clamp(22px, 3vw, 36px); background: var(--zn-bg); border: 1px solid var(--zn-line); border-radius: 0; }
.page-form .rfq { max-width: none; }
.page-form .rfq__title { color: var(--zn-navy); font-size: 22px; }

.contact-quick__main { display: block; margin: 0 0 8px; font: 500 clamp(20px, 2vw, 26px)/1.25 var(--font-mono); color: var(--zn-navy); text-decoration: none; overflow-wrap: anywhere; }
.contact-quick__main:hover { color: var(--zn-accent-dark); }
.contact-quick__addr { color: var(--zn-text) !important; }
.contact-list--page { margin-top: auto; gap: 8px; font-size: 14.5px; }
.contact-list--page a { color: var(--zn-navy); font-weight: 600; text-decoration: none; overflow-wrap: anywhere; }
.contact-list--page a:hover { color: var(--zn-accent-dark); }

.map-frame { position: relative; width: 100%; aspect-ratio: 16 / 7; min-height: 320px; overflow: hidden; background: var(--zn-bg); border: 1px solid var(--zn-line); }
.map-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.home-cta--flat { margin-top: 0; background: var(--zn-white); }
.home-cta--flat h2 { font-size: clamp(22px, 2.6vw, 32px); }

.req-card { margin: 0; background: var(--zn-white); border: 1px solid var(--zn-line); border-radius: 0; padding: 4px clamp(16px, 3vw, 32px); }
.req-card__row { display: grid; grid-template-columns: minmax(160px, 260px) minmax(0, 1fr) auto; gap: 8px 24px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--zn-line); }
.req-card__row:last-child { border-bottom: 0; }
.req-card dt { font: 500 12.5px/1.4 var(--font-mono); text-transform: uppercase; letter-spacing: .06em; color: var(--zn-muted); }
.req-card dd { margin: 0; overflow-wrap: anywhere; }
.req-card dd.is-mono { font: 500 15px/1.4 var(--font-mono); }
.req-card__copy {
	padding: 7px 12px; border: 1px solid var(--zn-line); background: var(--zn-bg); color: var(--zn-navy);
	font: 600 12.5px/1 var(--font-sans); cursor: pointer; transition: background-color .15s, border-color .15s, color .15s;
}
.req-card__copy:hover { border-color: var(--zn-navy); background: var(--zn-white); }
.req-card__copy.is-done { border-color: #2E7D4F; color: #2E7D4F; }

@media (max-width: 980px) {
	.page-split { grid-template-columns: minmax(0, 1fr); }
	.home-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
	.req-card__row { grid-template-columns: minmax(0, 1fr) auto; }
	.req-card dt { grid-column: 1 / -1; }
	.map-frame { aspect-ratio: 4 / 3; }
}
@media (max-width: 600px) { .home-grid--4 { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Основной контакт ---------- */
.home-section--person { padding-block: clamp(32px, 4vw, 56px); }
.person {
	position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(18px, 3vw, 40px); align-items: center;
	padding: clamp(22px, 3vw, 40px); background: var(--zn-white); border: 1px solid var(--zn-line); border-left: 4px solid var(--zn-accent);
}
.person__avatar {
	display: flex; align-items: center; justify-content: center; flex: none;
	width: clamp(88px, 10vw, 140px); aspect-ratio: 1; overflow: hidden; background: var(--zn-navy); color: var(--zn-white);
}
.person__photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.person__initials { font: 500 clamp(30px, 4vw, 48px)/1 var(--font-mono); letter-spacing: .04em; }
.person__flag {
	display: inline-block; margin-bottom: 10px; padding: 6px 10px; background: var(--zn-accent-dark); color: var(--zn-white);
	font: 500 12px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase;
}
.person__name { margin: 0 0 4px; font-size: clamp(22px, 2.4vw, 32px); letter-spacing: -.015em; }
.person__role { margin: 0 0 8px; font-weight: 600; color: var(--zn-navy); }
.person__text { margin: 0; max-width: 56ch; color: var(--zn-muted); }
.person__actions { display: grid; gap: 10px; min-width: 250px; }
.person__actions .btn { justify-content: flex-start; }
.person--home { padding: clamp(18px, 2.4vw, 28px); }
.person--home .person__avatar { width: clamp(72px, 8vw, 104px); }
.person--home .person__name { font-size: clamp(20px, 2vw, 26px); }
@media (max-width: 980px) {
	.person { grid-template-columns: auto minmax(0, 1fr); }
	.person__actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.person { grid-template-columns: minmax(0, 1fr); }
	.person__avatar { width: 88px; }
	.person__actions { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}

.person-group__title { margin: clamp(28px, 4vw, 44px) 0 18px; font-size: clamp(20px, 2vw, 26px); }
.person-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.home-section--person .person-group__title:first-child { margin-top: 0; }
.person--home .person__actions { min-width: 220px; }
@media (max-width: 980px) { .person-group { grid-template-columns: minmax(0, 1fr); } }

/* Компактные карточки в группе и на странице «Производство»: кнопки под текстом */
.person-group .person,
.home-section--person .person--home { grid-template-columns: auto minmax(0, 1fr); }
.person-group .person__actions,
.home-section--person .person--home .person__actions { grid-column: 1 / -1; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); min-width: 0; }
@media (min-width: 981px) {
	.home-section--person > .container > .person--home { grid-template-columns: auto minmax(0, 1fr) auto; }
	.home-section--person > .container > .person--home .person__actions { grid-column: auto; grid-template-columns: minmax(0, 1fr); min-width: 240px; }
}

/* ---------- Реквизиты, FAQ, сертификаты, партнёры, вакансии ---------- */
.details-actions { margin-top: 20px; }
.details-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 3vw, 40px); }
.details-group h2 { margin-bottom: 14px; font-size: clamp(20px, 2vw, 26px); }
@media (max-width: 980px) { .details-groups { grid-template-columns: minmax(0, 1fr); } }

.faq-wrap { max-width: 960px; }
.faq-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.faq-tabs__btn {
	padding: 10px 18px; border: 1.5px solid var(--zn-line); background: var(--zn-white); color: var(--zn-text);
	font: 600 14.5px/1 var(--font-sans); cursor: pointer; transition: border-color .15s, background-color .15s, color .15s;
}
.faq-tabs__btn:hover { border-color: var(--zn-navy); }
.faq-tabs__btn.is-active { background: var(--zn-navy); border-color: var(--zn-navy); color: var(--zn-white); }
.faq-answer { padding: 0 0 20px; color: var(--zn-muted); max-width: 70ch; }
.faq-answer p { margin: 0 0 10px; }
.faq-answer .home-ticks { margin: 0 0 12px; color: var(--zn-text); }
.faq-list .home-faq__item[hidden] { display: none; }

.home-adv__title { margin-bottom: 8px; font-size: 17px; }
.doc-card { position: relative; }
.doc-card__badge {
	align-self: flex-start; margin-bottom: 14px; padding: 5px 9px; background: var(--zn-bg); border: 1px solid var(--zn-line);
	font: 500 12px/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--zn-muted);
}
.doc-card .home-more { margin-top: auto; padding-top: 12px; }

.partner__logo {
	display: flex; align-items: center; justify-content: center; min-height: 120px; margin-bottom: 22px; padding: 20px;
	background: var(--zn-bg); border: 1px solid var(--zn-line);
}
.partner__logo img { display: block; max-width: 220px; max-height: 70px; width: auto; height: auto; }

.partner__links { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; margin-top: auto; }
.partner .home-ticks { margin-bottom: 24px; }

.brand-tile {
	display: flex; flex-direction: column; gap: 8px; padding: 26px; background: var(--zn-white); border: 1px solid var(--zn-line);
	text-decoration: none; transition: border-color .2s;
}
.brand-tile:hover { border-color: #B6BFD3; }
.brand-tile__name { font: 700 22px/1.2 var(--font-sans); color: var(--zn-navy); }
.brand-tile__area { display: inline-flex; align-items: center; gap: 8px; color: var(--zn-muted); font-weight: 600; }
.brand-tile:hover .brand-tile__area { color: var(--zn-accent-dark); }

.vacancy-note { margin: 18px 0 0; color: var(--zn-muted); }

/* Реквизиты: номера не переносятся, колонка подписи уже */
.details-group .req-card__row { grid-template-columns: minmax(110px, 170px) minmax(0, 1fr) auto; }
.details-group .req-card dd.is-mono { white-space: nowrap; font-size: 14px; overflow-wrap: normal; }
.details-group .req-card dt { font-size: 11.5px; }
@media (max-width: 700px) {
	.details-group .req-card__row { grid-template-columns: minmax(0, 1fr) auto; }
	.details-group .req-card dd.is-mono { white-space: normal; overflow-wrap: anywhere; }
}

/* ---------- Юридические страницы и карта сайта ---------- */
.legal { max-width: 860px; font-size: 16.5px; line-height: 1.75; color: var(--zn-text); }
.legal header { margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--zn-line); color: var(--zn-muted); font-size: 15px; }
.legal time { font: 500 13.5px/1.4 var(--font-mono); color: var(--zn-navy); }
.legal nav { margin: 0 0 40px; padding: 24px 28px; background: var(--zn-bg); border: 1px solid var(--zn-line); }
.legal nav h2 { margin: 0 0 12px; font: 500 13px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--zn-navy); }
.legal nav ul { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 32px; }
.legal nav li { break-inside: avoid; margin: 0 0 8px; }
.legal nav a { color: var(--zn-navy); text-decoration: none; font-weight: 600; font-size: 15px; }
.legal nav a:hover { color: var(--zn-accent-dark); text-decoration: underline; }
.legal section { margin-top: 44px; scroll-margin-top: calc(var(--sticky-h, var(--header-h)) + 60px); }
.legal h2 { margin: 0 0 14px; font-size: clamp(22px, 2.2vw, 28px); letter-spacing: -.01em; }
.legal h3 { margin: 28px 0 10px; font-size: 19px; }
.legal h4 { margin: 22px 0 8px; font-size: 16.5px; }
.legal p { margin: 0 0 1em; }
.legal ul, .legal ol { margin: 0 0 1em; padding-left: 1.4em; }
.legal li { margin: 0 0 .45em; }
.legal li::marker { color: var(--zn-accent-dark); }
.legal a { color: var(--zn-navy); text-decoration: underline; text-underline-offset: 3px; }
.legal a:hover { color: var(--zn-accent-dark); }
.legal table { width: 100%; margin: 1em 0; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.legal th, .legal td { padding: 12px 14px; border: 1px solid var(--zn-line); text-align: left; vertical-align: top; }
.legal th { background: var(--zn-bg); font-weight: 700; color: var(--zn-navy); }
.legal footer { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--zn-line); color: var(--zn-muted); font-size: 15px; }
@media (max-width: 700px) {
	.legal nav ul { columns: 1; }
	.legal table { display: block; overflow-x: auto; }
}

.sitemap-block h2, .sitemap-block h3 { margin-bottom: 12px; font-size: 20px; }
.sitemap-block h3 a { color: var(--zn-text); text-decoration: none; }
.sitemap-block h3 a:hover { color: var(--zn-accent-dark); }
.sitemap-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sitemap-list a { color: var(--zn-navy); text-decoration: none; font-size: 15.5px; }
.sitemap-list a:hover { color: var(--zn-accent-dark); text-decoration: underline; }
.sitemap-list--cols { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 32px; }
@media (max-width: 980px) { .sitemap-list--cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .sitemap-list--cols { grid-template-columns: minmax(0, 1fr); } }

/* Текст рубрики слева (читаемая ширина), справа липкая карточка «Запросить КП» */
.with-aside { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 56px; align-items: start; margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--zn-line); }
.article-text { max-width: none; }
.article-text > :first-child { margin-top: 0; }
.aside-card { position: sticky; top: calc(var(--sticky-h, var(--header-h)) + 24px); display: flex; flex-direction: column; gap: 12px; padding: 28px; background: var(--zn-bg); border: 1px solid var(--zn-line); border-radius: 0; }
.aside-card h3 { margin: 0; font-size: 20px; }
.aside-card p { margin: 0 0 4px; color: var(--zn-muted); font-size: 15px; }
.aside-card__phone { font: 500 18px/1.2 var(--font-mono); color: var(--zn-navy); text-decoration: none; }
.aside-card__phone:hover { color: var(--zn-accent); }
.aside-card__hours { font-size: 14px; color: var(--zn-muted); }
@media (max-width: 1100px) { .with-aside { grid-template-columns: minmax(0, 1fr); gap: 32px; } .aside-card { position: static; } }

/* Статьи и тексты рубрик: просторнее, чем юридические документы */
.article-text { font-size: 17px; line-height: 1.8; }
.article-text h2 { margin: 2.2em 0 .7em; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.25; }
.article-text h3 { margin: 1.8em 0 .6em; }
.article-text > :first-child { margin-top: 0; }
.article-text p, .article-text ul, .article-text ol { margin-bottom: 1.2em; }
.article-text li { margin-bottom: .6em; }
.article-text table { margin: 1.6em 0; }
.article-text th, .article-text td { padding: 14px 16px; }

.with-aside--page { margin-top: 0; padding-top: 0; border-top: 0; }

/* Колонка текста занимает всё место рядом с карточкой; для чтения ограничены только строки абзацев и списков, таблицы идут на всю ширину */
.article-text.legal { max-width: none; }
.article-text > p, .article-text > ul, .article-text > ol { max-width: 76ch; }
.article-text > table { width: 100%; }
.article-text th:first-child, .article-text td:first-child { width: 36%; }
.article-text table { font-size: 16px; }

/* ---------- Список «задача — решение» ---------- */
.article-text .task-list { margin: 1.4em 0; border-top: 2px solid var(--zn-navy); }
.article-text .task { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) 28px; gap: 8px 32px; align-items: center; padding: 18px 8px 18px 0; border-bottom: 1px solid var(--zn-line); color: var(--zn-text); text-decoration: none; transition: background .2s, padding .2s; }
.article-text .task:hover { background: var(--zn-bg); padding-left: 12px; }
.article-text .task__need { font-size: 16px; line-height: 1.45; color: var(--zn-muted); }
.article-text .task__what { display: flex; flex-direction: column; gap: 2px; line-height: 1.45; }
.article-text .task__what strong { font-size: 17px; font-weight: 800; color: var(--zn-navy); }
.article-text .task__what span { font-size: 15px; color: var(--zn-muted); }
.article-text .task__arrow { font-size: 20px; color: var(--zn-accent); transition: transform .2s; }
.article-text .task:hover .task__arrow { transform: translateX(4px); }
@media (max-width: 700px) { .article-text .task { grid-template-columns: minmax(0, 1fr) 24px; } .article-text .task__need { grid-column: 1 / -1; } }

/* ---------- Карточки типов в текстах рубрик ---------- */
.article-text .type-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 1.4em 0; }
.article-text .type-card { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 22px 22px 52px; background: var(--zn-white); border: 1px solid var(--zn-line); color: var(--zn-text); text-decoration: none; transition: border-color .2s; }
.article-text .type-card:hover { border-color: var(--zn-navy); }
.article-text .type-card > strong { font-size: 19px; line-height: 1.25; font-weight: 800; color: var(--zn-navy); }
.article-text .type-card dl { display: grid; gap: 12px; margin: 0; }
.article-text .type-card dt { margin: 0 0 3px; font: 500 11px/1.2 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--zn-muted); }
.article-text .type-card dd { margin: 0; font-size: 15px; line-height: 1.5; }
.article-text .type-card__more { position: absolute; left: 22px; bottom: 18px; font-size: 20px; color: var(--zn-accent); transition: transform .2s; }
.article-text .type-card:hover .type-card__more { transform: translateX(4px); }
@media (max-width: 1100px) { .article-text .type-cards { grid-template-columns: minmax(0, 1fr); } }