/*
 * «Программы Базис» — information/nwa_bazis.
 *
 * Подключается ПОСЛЕ nwa-pricing.css: первый экран, заголовки разделов,
 * кнопки, таблица, шаги и нижний призыв — оттуда, с его переменными
 * (--pr-accent и др., заданы на .nwa-pr). Здесь только блоки этой страницы.
 *
 * Цвет ссылок задан с !important: тёмная тема красит a прямыми значениями.
 */

/* Отступ под липкую панель, когда страницу открыли сразу с якорем (…#price).
   Кнопки на странице меряют панель сами — см. скрипт в конце шаблона. Панель
   130px на компьютере (замер 28.09.2026). */
body.nwa-page .nwa-bz [id]{scroll-margin-top:150px}

/* «Базис-Центра» не разрывать по дефису на «БАЗИС- / ЦЕНТРА». */
body.nwa-page .nwa-bz-nowrap{white-space:nowrap}

/* --- Первый экран: знак дилера ------------------------------------------ */
/*
 * Фон плашки дилера (владелец, 28.09.2026): от синего Базиса к самому
 * тёмному синему, очень плавно, у верхнего края — до чёрного, чтобы наш знак и
 * название стояли на тёмном, как в шапке сайта.
 *
 * Два слоя:
 *  - снизу наискосок (30deg — граница тёмного идёт вниз к правому краю, как на
 *    рисунке владельца): #2092F2 (снят пипеткой с иконки «БАЗИС-Мебельщик») →
 *    #011022. Остановки посчитаны в OKLab по кривой smoothstep: оттенок тот
 *    же, светлота и насыщенность падают вместе, все цвета в охвате sRGB —
 *    без изломов и без ухода в серое;
 *  - сверху чёрная вуаль: у кромки непрозрачная, к 64% высоты сходит на нет
 *    по той же кривой (нулевой наклон на концах — границы не видно).
 * Пересчитать: node dev/make-bazis-gradient.js — печатает обе строки.
 * Оранжевые подписи на синем не читались — всё белое.
 */
body.nwa-page .nwa-bz-dealer{
	position:relative;
	justify-content:center;
	background:
		linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.975) 6%,rgba(0,0,0,.908) 12%,rgba(0,0,0,.768) 20%,rgba(0,0,0,.593) 28%,rgba(0,0,0,.407) 36%,rgba(0,0,0,.232) 44%,rgba(0,0,0,.092) 52%,rgba(0,0,0,0) 64%),
		linear-gradient(30deg,#2092F2 0%,#2091F1 12%,#1D86DF 24%,#1772BF 36%,#105997 48%,#083F6E 60%,#04294A 72%,#021930 84%,#011022 100%);
}
/* Наше название — вверху плашки. Свободное место делят поровну margin:auto у
   названия и у подписи внизу: название прижато к верху, остальное стоит
   посередине оставшегося места. margin-top у щита — наименьший зазор, когда
   места нет (телефон). */
/* Знак и название — как в шапке сайта (владелец, 28.09.2026: «как на фото,
   но фон синий», затем «логотип и текст крупнее»). Начертание — от
   .nwa-topbar__wordmark-main/-sub в nwa-inner.css (300 и 400, прописные с
   разрядкой), размер крупнее шапки. Нижняя строка ярче, чем в шапке (.45):
   на цветном фоне полупрозрачная сливалась. Знак — без подложки, вырезан из
   nwa-logo.png без изменений (148 × 200). */
body.nwa-page .nwa-bz-dealer__brand{display:flex;align-items:center;gap:16px;margin:0 0 auto;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.35)}
body.nwa-page .nwa-bz-dealer__logo{flex:0 0 auto;display:block;width:auto;height:66px;max-width:none}
body.nwa-page .nwa-bz-dealer__name{display:flex;flex-direction:column;gap:7px;color:#fff;text-transform:uppercase}
body.nwa-page .nwa-bz-dealer__name-main{font-size:20px;font-weight:300;line-height:1.3;letter-spacing:.15em;white-space:nowrap}
body.nwa-page .nwa-bz-dealer__name-sub{font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.3em;color:rgba(255,255,255,.8);white-space:nowrap}
body.nwa-page .nwa-bz-dealer__seal{display:block;width:48px;height:48px;margin:28px 0 22px;color:#fff}
body.nwa-page .nwa-bz-dealer .nwa-pr-hero__aside-label{color:rgba(255,255,255,.88)}
body.nwa-page .nwa-bz-dealer strong{font-size:38px;font-weight:600;letter-spacing:.01em;color:#fff;white-space:nowrap}
/* Подпись сужена на ширину знака Базиса с зазором — знак стоит в углу и на
   неё не наезжает. */
body.nwa-page .nwa-bz-dealer .nwa-bz-dealer__note{max-width:min(270px,calc(100% - var(--bz-mark) - 16px));margin-bottom:auto;color:#fff;font-weight:500}
/* Знак Базиса белым в правом нижнем углу (владелец, 28.09.2026). */
body.nwa-page .nwa-bz-dealer{--bz-mark:104px}
body.nwa-page .nwa-bz-dealer__bazis{position:absolute;right:26px;bottom:24px;display:block;width:var(--bz-mark);height:auto;max-width:none;pointer-events:none}

/*
 * Плавный переход от белой части первого экрана к плашке (владелец,
 * 28.09.2026: «плавный переход к светлому», затем «расширь, очень резкий» —
 * 92px было мало).
 *
 * Плашка заходит влево на текстовую колонку на --bz-over и растворяется маской
 * от прозрачного к сплошному на ширине --bz-fade = --bz-over + её поле
 * --bz-pad — ровно до начала своего текста. Текстовая колонка на те же
 * --bz-over уже справа (padding-right), поэтому ни одна строка слева не
 * заходит под растушёвку, а надписи плашки лежат только на сплошном фоне.
 * Кривая маски — smoothstep в 17 точках: без видимой границы.
 *
 * --bz-over подобран замером (28.09.2026: заголовок 570px, плашки-факты
 * 523px, кнопки 409px), чтобы на широких экранах заголовок и факты не
 * переносились. На узких (≤991) плашка стоит под текстом — переход
 * вертикальный, сверху.
 *
 * Сама плашка шире, чем у прайса услуг (.8fr против .65fr): при прежних
 * ~300px крупное название «ЛАБОРАТОРИЯ NESTING» в строку не помещалось.
 */
body.nwa-page .nwa-bz .nwa-pr-hero{--bz-over:150px;--bz-pad:38px}
body.nwa-page .nwa-bz-dealer{
	--bz-fade:calc(var(--bz-over) + var(--bz-pad));
	--bz-fade-stops:rgba(0,0,0,0) 0,rgba(0,0,0,.011) calc(var(--bz-fade) * .0625),rgba(0,0,0,.043) calc(var(--bz-fade) * .125),rgba(0,0,0,.092) calc(var(--bz-fade) * .1875),rgba(0,0,0,.156) calc(var(--bz-fade) * .25),rgba(0,0,0,.232) calc(var(--bz-fade) * .3125),rgba(0,0,0,.316) calc(var(--bz-fade) * .375),rgba(0,0,0,.407) calc(var(--bz-fade) * .4375),rgba(0,0,0,.5) calc(var(--bz-fade) * .5),rgba(0,0,0,.593) calc(var(--bz-fade) * .5625),rgba(0,0,0,.684) calc(var(--bz-fade) * .625),rgba(0,0,0,.768) calc(var(--bz-fade) * .6875),rgba(0,0,0,.844) calc(var(--bz-fade) * .75),rgba(0,0,0,.908) calc(var(--bz-fade) * .8125),rgba(0,0,0,.957) calc(var(--bz-fade) * .875),rgba(0,0,0,.989) calc(var(--bz-fade) * .9375),#000 var(--bz-fade);
}
@media(min-width:992px){
	body.nwa-page .nwa-bz .nwa-pr-hero{grid-template-columns:minmax(0,1.4fr) minmax(340px,.8fr)}
	body.nwa-page .nwa-bz .nwa-pr-hero__copy{padding-right:var(--bz-over)}
	body.nwa-page .nwa-bz-dealer{
		margin-left:calc(var(--bz-over) * -1);
		padding-left:var(--bz-fade);
		padding-right:var(--bz-pad);
		-webkit-mask-image:linear-gradient(to right,var(--bz-fade-stops));
		mask-image:linear-gradient(to right,var(--bz-fade-stops));
	}
}
@media(min-width:1200px) and (max-width:1379px){
	/* Заголовок 50 → 46px: иначе при растушёвке 170px он переносился. */
	body.nwa-page .nwa-bz .nwa-pr-hero{--bz-over:142px;--bz-pad:28px}
	body.nwa-page .nwa-bz .nwa-pr-h1{font-size:46px}
}
@media(min-width:992px) and (max-width:1199px){
	body.nwa-page .nwa-bz .nwa-pr-hero{--bz-over:120px;--bz-pad:28px}
}
@media(max-width:991px){
	body.nwa-page .nwa-bz .nwa-pr-hero{--bz-over:100px;--bz-pad:38px}
	body.nwa-page .nwa-bz .nwa-pr-hero__copy{padding-bottom:var(--bz-over)}
	body.nwa-page .nwa-bz-dealer{
		margin-top:calc(var(--bz-over) * -1);
		padding-top:var(--bz-fade);
		-webkit-mask-image:linear-gradient(to bottom,var(--bz-fade-stops));
		mask-image:linear-gradient(to bottom,var(--bz-fade-stops));
	}
}
@media(max-width:575px){
	/* Верхнее поле плашки на телефоне 27px (nwa-pricing.css). */
	body.nwa-page .nwa-bz .nwa-pr-hero{--bz-over:72px;--bz-pad:27px}
}

/* --- Почему у нас -------------------------------------------------------- */
body.nwa-page .nwa-bz-reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
body.nwa-page .nwa-bz-reason{padding:22px 22px 20px;background:#fff;border:1px solid var(--pr-line);border-top:3px solid var(--pr-accent)}
body.nwa-page .nwa-bz-reason h3{margin:0 0 9px;font-size:16px;font-weight:650;line-height:1.35;color:var(--pr-ink)}
body.nwa-page .nwa-bz-reason p{margin:0;color:var(--pr-muted);font-size:13px;line-height:1.55}

/* --- Прайс --------------------------------------------------------------- */
body.nwa-page .nwa-bz .nwa-pr-section__head>p a{color:var(--pr-accent)!important;text-decoration:underline!important;text-underline-offset:3px}
body.nwa-page .nwa-bz-table{min-width:760px}
body.nwa-page .nwa-bz-table thead th:nth-child(2){text-align:left}
body.nwa-page .nwa-bz-table tbody th{width:30%}
body.nwa-page .nwa-bz-table tbody td{white-space:nowrap}
body.nwa-page .nwa-bz-table tbody td.nwa-bz-table__what{width:38%;white-space:normal;text-align:left;color:var(--pr-muted);font-weight:400}
body.nwa-page .nwa-bz-table tbody td.nwa-bz-table__update{color:var(--pr-ink);font-weight:500}
body.nwa-page .nwa-bz-table tbody td.is-request{color:#8C9093;font-weight:500}
body.nwa-page .nwa-bz-table tbody tr:last-child>*{border-bottom:1px solid var(--pr-line)}
body.nwa-page .nwa-bz-table tbody:last-child tr:last-child>*{border-bottom:0}
body.nwa-page .nwa-bz-table .nwa-bz-table__group th{width:auto;padding:11px 19px;background:var(--pr-soft);color:var(--pr-accent);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
body.nwa-page .nwa-bz-table__name{color:var(--pr-ink)!important;font-weight:600;text-decoration:none!important}
body.nwa-page .nwa-bz-table__name:hover{color:var(--pr-hot)!important}
body.nwa-page .nwa-bz-table tbody th small{display:block;margin-top:4px;color:var(--pr-muted);font-size:11px;font-weight:400;line-height:1.4}
body.nwa-page .nwa-bz-price-notes{margin:14px 0 0}
body.nwa-page .nwa-bz-price-notes p{margin:0 0 4px;color:var(--pr-muted);font-size:13px;line-height:1.55}

/* --- Модули -------------------------------------------------------------- */
body.nwa-page .nwa-bz-group{margin:0 0 38px}
body.nwa-page .nwa-bz-group:last-child{margin-bottom:0}
body.nwa-page .nwa-bz-group__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:0 0 16px}
body.nwa-page .nwa-bz-group__head h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pr-ink)}
body.nwa-page .nwa-bz-group__head p{margin:0;color:var(--pr-muted);font-size:13px}
/* Четыре в ряд: в каждой группе по четыре модуля (группы в контроллере так и
   подобраны) — ряды полные, одиноких карточек нет. */
body.nwa-page .nwa-bz-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.nwa-page .nwa-bz-module{display:flex;flex-direction:column;padding:22px;background:#fff;border:1px solid var(--pr-line);transition:border-color .2s ease,transform .2s ease}
body.nwa-page .nwa-bz-module:hover{border-color:#F38454;transform:translateY(-2px)}
body.nwa-page .nwa-bz-module__top{display:flex;align-items:center;gap:15px;margin:0 0 15px}
body.nwa-page .nwa-bz-module__icon{flex:0 0 auto;width:54px;height:54px;border-radius:22%;object-fit:cover}
/* Плашка с буквами у модулей без своей иконки. Синий — снят пипеткой с
   иконки «БАЗИС-Мебельщик» (ровная заливка #2092F2, белый знак), чтобы
   плашки стояли в одном ряду с настоящими иконками Базиса. Владелец,
   28.09.2026: «замени тёмный фон на синий в стиле Базис». */
body.nwa-page .nwa-bz-module__icon--text{display:flex;align-items:center;justify-content:center;background:#2092F2;color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em}
/* «Нестинг раскроя» — одна буква, её владелец попросил крупнее. У остальных
   модулей теперь свои картинки (Постпроцессор, Симулятор — dev/make-bazis-icons.js,
   Бирка — прислал владелец). */
body.nwa-page .nwa-bz-module__icon--nesting{font-size:32px;line-height:1}
body.nwa-page .nwa-bz-module h4{margin:0 0 4px;font-size:17px;font-weight:600;line-height:1.3;color:var(--pr-ink)}
body.nwa-page .nwa-bz-module__price{color:var(--pr-accent);font-size:22px;font-weight:700;line-height:1.15;white-space:nowrap}
body.nwa-page .nwa-bz-module__price.is-request{color:#8C9093;font-size:17px}
body.nwa-page .nwa-bz-module__text{margin:0 0 14px;color:var(--pr-muted);font-size:14px;line-height:1.55}
body.nwa-page .nwa-bz-module ul{flex:1 1 auto;list-style:none;margin:0 0 14px;padding:14px 0 0;border-top:1px solid var(--pr-line)}
body.nwa-page .nwa-bz-module li{position:relative;margin:0 0 8px;padding:0 0 0 22px;color:#424649;font-size:13px;line-height:1.5}
body.nwa-page .nwa-bz-module li:before{content:'✓';position:absolute;left:0;top:0;color:var(--pr-accent);font-weight:800}
body.nwa-page .nwa-bz-module__note{margin:0 0 14px;padding:8px 10px;background:var(--pr-soft);color:#5A4A3A;font-size:12px;font-weight:600;line-height:1.45}
/* Всегда в две строки: в одну помещалось не везде, и карточки выходили
   разными. */
body.nwa-page .nwa-bz-module__bottom{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:13px;border-top:1px solid var(--pr-line)}
body.nwa-page .nwa-bz-module__bottom span{color:var(--pr-muted);font-size:12px}
body.nwa-page .nwa-bz-module__bottom a{color:var(--pr-accent)!important;font-size:13px;font-weight:600;text-decoration:none!important}
body.nwa-page .nwa-bz-module__bottom a:hover{color:var(--pr-hot)!important}

/* --- Рассрочка ----------------------------------------------------------- */
/* Правило «.nwa-pr-process p» из nwa-pricing.css весит больше рубрики и
   делало её серой и без отступа до заголовка — возвращаем. */
body.nwa-page .nwa-bz-installment .nwa-pr-kicker{margin:0 0 10px;color:var(--pr-accent);font-size:12px}
body.nwa-page .nwa-bz-installment .nwa-pr-section__head>p{max-width:560px}
body.nwa-page .nwa-bz-installment__actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:30px}
body.nwa-page .nwa-bz-installment__phone{color:var(--pr-ink)!important;font-size:17px;font-weight:650;text-decoration:none!important}
body.nwa-page .nwa-bz-installment__phone:hover{color:var(--pr-hot)!important}

/* --- Тип лицензии -------------------------------------------------------- */
body.nwa-page .nwa-bz-licenses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.nwa-page .nwa-bz-license{padding:24px 26px;background:#fff;border:1px solid var(--pr-line)}
body.nwa-page .nwa-bz-license h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--pr-ink)}
body.nwa-page .nwa-bz-license ul{list-style:none;margin:0;padding:0}
body.nwa-page .nwa-bz-license li{position:relative;margin:0 0 7px;padding:0 0 0 18px;color:#424649;font-size:14px;line-height:1.5}
body.nwa-page .nwa-bz-license li:before{content:'';position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--pr-accent)}

/* --- Скачать ------------------------------------------------------------- */
/* Четыре карточки два на два: сверху дистрибутив (выделен рамкой), снизу
   драйверы и руководства. Добавится пятая — пересмотреть сетку. */
body.nwa-page .nwa-bz-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.nwa-page .nwa-bz-download{display:flex;flex-direction:column;padding:24px;background:#fff;border:1px solid var(--pr-line)}
body.nwa-page .nwa-bz-download.is-main{border:2px solid var(--pr-accent);padding:23px}
body.nwa-page .nwa-bz-download h3{margin:0 0 9px;font-size:17px;font-weight:600;line-height:1.35;color:var(--pr-ink)}
body.nwa-page .nwa-bz-download p{flex:1 1 auto;margin:0 0 18px;color:var(--pr-muted);font-size:14px;line-height:1.55}
body.nwa-page .nwa-bz-download__links{display:flex;flex-wrap:wrap;gap:10px}
body.nwa-page .nwa-bz-download__links .nwa-pr-btn{min-height:42px;padding:10px 18px;font-size:12px}
body.nwa-page .nwa-bz-download-help{display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px;margin:20px 0 0;font-size:14px}
body.nwa-page .nwa-bz-download-help a{color:var(--pr-accent)!important;font-weight:600;text-decoration:none!important}
body.nwa-page .nwa-bz-download-help a:hover{color:var(--pr-hot)!important}
body.nwa-page .nwa-bz-download-help span{color:var(--pr-muted)}

/* --- Нижний призыв ------------------------------------------------------- */
/* ⚠️ Заголовок в тёмном блоке красится с !important: nwa-inner.css задаёт
   всем h2 внутренних страниц color:var(--nwa-text) !important, и белый цвет
   из nwa-pricing.css проигрывает — заголовок выходил тёмным по тёмному. */
body.nwa-page .nwa-bz .nwa-pr-cta .nwa-pr-h2{color:#fff!important}
body.nwa-page .nwa-bz .nwa-pr-cta p a{color:#FFB08E!important;text-decoration:underline!important;text-underline-offset:3px}

/*
 * Плашка дилера по ширинам. Всё, что должно стоять в одну строку, — название
 * «ЛАБОРАТОРИЯ NESTING» и «Базис-Центр» — подобрано замером (28.09.2026) так,
 * чтобы не рваться и не вылезать за поле. Уже 1380px контейнер сужается
 * (1300 → 1170 → 970), плашка вместе с ним:
 *  - от 1380 и планшеты (576…991, плашка во всю ширину): знак 66px, название
 *    20px — самый крупный вариант (владелец: «ещё чуть больше, место есть»);
 *  - 1200…1379: поля плашки 28 (см. --bz-pad), знак 58 / название 18,
 *    знак Базиса 92px;
 *  - 992…1199 и телефоны: знак 46 / название 15, «Базис-Центр» 30px, знак
 *    Базиса 72px;
 *  - ≤374: название ещё на ступень меньше.
 */
@media(min-width:1200px) and (max-width:1379px){
	body.nwa-page .nwa-bz-dealer{--bz-mark:92px}
	body.nwa-page .nwa-bz-dealer__brand{gap:14px}
	body.nwa-page .nwa-bz-dealer__logo{height:58px}
	body.nwa-page .nwa-bz-dealer__name-main{font-size:18px;letter-spacing:.16em}
	body.nwa-page .nwa-bz-dealer__name-sub{font-size:10px;letter-spacing:.28em}
}
@media(max-width:1199px){
	body.nwa-page .nwa-bz-dealer{--bz-mark:72px}
	body.nwa-page .nwa-bz-dealer strong{font-size:30px}
}
@media(min-width:992px) and (max-width:1199px),(max-width:575px){
	body.nwa-page .nwa-bz-dealer__brand{gap:12px}
	body.nwa-page .nwa-bz-dealer__logo{height:46px}
	body.nwa-page .nwa-bz-dealer__name-main{font-size:15px;letter-spacing:.12em}
	body.nwa-page .nwa-bz-dealer__name-sub{font-size:9px;letter-spacing:.24em}
}
@media(max-width:374px){
	body.nwa-page .nwa-bz-dealer__name-main{font-size:13px;letter-spacing:.1em}
	body.nwa-page .nwa-bz-dealer__name-sub{font-size:8px;letter-spacing:.2em}
}
@media(max-width:1199px){
	body.nwa-page .nwa-bz-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}
	body.nwa-page .nwa-bz-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
	body.nwa-page .nwa-bz [id]{scroll-margin-top:100px}
	body.nwa-page .nwa-bz-modules,body.nwa-page .nwa-bz-licenses,body.nwa-page .nwa-bz-downloads{grid-template-columns:1fr}

	/* На телефоне таблица уезжала вбок, и цены оказывались за краем экрана.
	   Столбец «Для чего» прячем — то же написано в карточках ниже, — и
	   таблица помещается целиком. */
	body.nwa-page .nwa-bz-table{min-width:0}
	body.nwa-page .nwa-bz-table thead th:nth-child(2),body.nwa-page .nwa-bz-table td.nwa-bz-table__what{display:none}
	body.nwa-page .nwa-bz-table th,body.nwa-page .nwa-bz-table td{padding:13px 10px;font-size:13px}
	body.nwa-page .nwa-bz-table tbody th{width:auto}
	body.nwa-page .nwa-bz-table thead th{font-size:12px}
	body.nwa-page .nwa-bz-table .nwa-bz-table__group th{padding:10px}
}
@media(max-width:575px){
	body.nwa-page .nwa-bz-reasons{grid-template-columns:1fr}
	body.nwa-page .nwa-bz-module,body.nwa-page .nwa-bz-download{padding:20px}
	body.nwa-page .nwa-bz-download.is-main{padding:19px}
	body.nwa-page .nwa-bz-download__links .nwa-pr-btn{width:100%}
	body.nwa-page .nwa-bz-installment__actions .nwa-pr-btn{width:100%}
}