/* ===========================================================================
   Страница программы NWA Viewer — information/nwa_viewer

   Черновик от 12.09.2026. Оформление взято у карточек каталога (nwa-catalog.css)
   и внутренних страниц (nwa-inner.css), чтобы страница не выбивалась из сайта:
   белые блоки на светлом поле, рамка #E2E2DE, бежевый акцент #CD802D, при
   наведении рамка светлеет до #DEA568 и блок поднимается на 3 пикселя.

   ⚠️ Палитру здесь НЕ переопределяем. Светлые страницы получают её от
   body.nwa-page в nwa-inner.css; свои цвета прописаны прямыми значениями лишь
   там, где в теме стоят такие же прямые — иначе правило молча проиграет.

   Подключается из контроллера страницы: см. addStyle в
   catalog/controller/information/nwa_viewer.php. Правите файл — поднимайте там
   номер версии, иначе браузеры покупателей отдадут старое из кэша.

   ⚠️ ПОЧЕМУ ВЕЗДЕ `body:is(.nwa-page, .nwa-home)`, А НЕ ПРОСТО `body.nwa-page`.
   13.09.2026 калькулятор подписки научился открываться всплывающим окном на
   ЛЮБОЙ странице — его подгружает nwa-topbar.js. Главная при этом единственная
   со своим классом: у неё `nwa-home`, у всех остальных `nwa-page`. Пока все 98
   правил этого файла начинались с `body.nwa-page`, окно на главной выводилось
   голой разметкой — стили просто не срабатывали, хотя файл подгружался.

   Специфичность от такой записи НЕ меняется: `:is()` весит по самому тяжёлому
   аргументу, то есть как один класс, и вся пара считается (0,1,1) — ровно
   столько же, сколько весило `body.nwa-page`. Порядок правил менять не пришлось.

   Новые правила писать так же. Пишете `body.nwa-page` — на главной оно не
   сработает, и найдётся это не сразу: там, где калькулятора нет, всё выглядит
   правильно.
   =========================================================================== */

body:is(.nwa-page, .nwa-home) .nwa-vw-page{
	padding-bottom:40px;
	/* ⚠️ Цвет текста задан странице явно, и убирать его нельзя.
	   Тема тёмная: `body` красит текст в белый через --body-c, и абзацы
	   наследуют белый. Заголовкам nwa-inner.css цвет назначает поимённо,
	   поэтому они видны, а весь остальной текст на белых карточках оказался
	   белым по белому — на первом же снимке страницы карточки вышли пустыми,
	   с одними подписями. Значение то же, что у заголовков внутренних
	   страниц. */
	color:#2A2C2E;
}

/* Переходы по якорям внутри страницы: кнопки первого экрана ведут к подписке и
   скачиванию.

   ⚠️ Отступ обязателен. Панель сайта липкая и высотой 186 пикселей: без запаса
   браузер подводит цель под её нижний край, и заголовок раздела оказывается
   закрыт. Переменная приходит из nwa-inner.css, число рядом — на случай, если
   правило панели не подключилось. */
body:is(.nwa-page, .nwa-home) .nwa-vw-section[id],
body:is(.nwa-page, .nwa-home) #nwa-vw-plans,
body:is(.nwa-page, .nwa-home) #nwa-vw-download,
body:is(.nwa-page, .nwa-home) #nwa-vw-demo{
	scroll-margin-top:calc(var(--nwa-topbar-h, 186px) + 16px);
}

/* ── Первый экран ───────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-hero{
	display:flex;
	/* Ниже 900px колонки встают друг под друга: на планшете картинка рядом с
	   текстом ужимается до нечитаемой полоски. */
	flex-wrap:wrap;
	align-items:center;
	gap:28px;
	margin:8px 0 40px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-hero__text{
	/* Растягивается, но не ужимается ниже 320px — иначе строки рвутся по
	   два-три слова. */
	flex:1 1 320px;
	min-width:280px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-hero__shot{
	flex:1 1 420px;
	min-width:280px;
	border-radius:12px;
	overflow:hidden;
	border:1px solid #E2E2DE;
	background:#FFFFFF;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-hero__shot img{
	display:block;
	width:100%;
	height:auto;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-hero__title{
	margin:0 0 6px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-hero__subtitle{
	margin:0 0 14px;
	font-size:17px;
	font-weight:500;
	color:#DE4E10;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-hero__lead{
	margin:0 0 22px;
	font-size:16px;
	line-height:1.6;
	max-width:56ch;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-hero__actions{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

/* ── Кнопки ─────────────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-btn{
	display:inline-flex;
	align-items:center;
	gap:9px;
	padding:12px 22px;
	border-radius:10px;
	border:1px solid #F38454;
	background:#FFFFFF;
	color:#3A3A38 !important;
	font-size:15px;
	font-weight:600;
	line-height:1;
	text-decoration:none !important;
	transition:background .15s ease, border-color .15s ease, transform .15s ease;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-btn:hover{
	border-color:#DE4E10;
	transform:translateY(-2px);
}
/* Главная кнопка — заливкой, чтобы среди двух рядом стоящих было видно, какая
   ведёт к покупке. Цвет текста задан поимённо и с !important: правило темы для
   ссылок внутри .uni-wrapper иначе красит её в тёмный цвет страницы. */
body:is(.nwa-page, .nwa-home) .nwa-vw-btn--main{
	background:#DE4E10;
	border-color:#DE4E10;
	color:#FFFFFF !important;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-btn--main:hover{
	background:#BD420E;
	border-color:#BD420E;
}

/* Размер файла рядом с названием: тем же кеглем он спорил бы с самой надписью,
   а нужен только как предупреждение, что качать это по мобильному интернету
   не стоит. */
body:is(.nwa-page, .nwa-home) .nwa-vw-btn__note{
	font-weight:400;
	font-size:13px;
	opacity:.75;
}

/* ── Секции и заголовки ─────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-section{
	margin:0 0 42px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-h2{
	margin:0 0 18px;
	/* Отбивка слева — тот же приём, что у заголовков внутренних страниц: там
	   вертикальная черта перед словом. Здесь она нарисована рамкой. */
	padding-left:12px;
	border-left:3px solid #DE4E10;
}

/* ── Живой пример ───────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-demo__frame{
	position:relative;
	/* Пропорция взята под саму программу: панель инструментов у неё справа и
	   занимает около 300 пикселей, поэтому вытянутый по ширине кадр 16:9
	   оставляет модели слишком узкую полосу. 4:3 даёт шкафу высоту. */
	aspect-ratio:4 / 3;
	margin:0 0 14px;
	border-radius:12px;
	overflow:hidden;
	border:1px solid #E2E2DE;
	background:#EDEFF1;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-demo__frame iframe{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	border:0;
	display:block;
}
@media (max-width:767px){
	body:is(.nwa-page, .nwa-home) .nwa-vw-demo__frame{
		/* На телефоне панель программы занимает почти весь экран, и в
		   приплюснутом кадре смотреть нечего. Выше — лучше. */
		aspect-ratio:3 / 4;
	}
}

/* ── Возможности ────────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-features{
	display:grid;
	/* Две колонки на широком экране, одна на узком. Пунктов десять, в три
	   колонки строки получаются рваными по высоте. */
	grid-template-columns:repeat(auto-fit, minmax(380px, 1fr));
	gap:14px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-feature{
	display:flex;
	align-items:flex-start;
	gap:14px;
	padding:16px 18px;
	border-radius:12px;
	border:1px solid #E2E2DE;
	background:#FFFFFF;
	transition:border-color .15s ease;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-feature:hover{
	border-color:#F38454;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-feature__icon{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border-radius:9px;
	/* Оранжевый — цвет самой программы: в её панели активная кнопка и круглые
	   значки помощи именно такие. На странице он встречается только здесь, на
	   значках возможностей, чтобы блок читался как «это про программу».
	   Подложка серая: оранжевый значок на оранжевом читался плохо (владелец,
	   23.09.2026). */
	background:#EEEEEA;
	color:#F06529;
	font-size:16px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-feature__title{
	margin:0 0 5px;
	font-size:16px;
	font-weight:600;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-feature__text{
	margin:0;
	font-size:14px;
	line-height:1.55;
}

/* ── Видеообзор ─────────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-video__grid{
	display:grid;
	/* Плеер и список рядом на широком экране, друг под другом на узком.
	   320px справа хватает на картинку 160px и название в две строки. */
	grid-template-columns:minmax(0, 1fr) 320px;
	gap:18px;
	align-items:start;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-video__player{
	position:relative;
	/* 16:9 задаётся пропорцией контейнера, а не высотой iframe: при любой
	   ширине экрана кадр остаётся целым, без чёрных полей и обрезки. */
	aspect-ratio:16 / 9;
	border-radius:12px;
	overflow:hidden;
	border:1px solid #E2E2DE;
	background:#0C0D0F;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-video__frame{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	border:0;
	display:block;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-video__list{
	display:flex;
	flex-direction:column;
	gap:8px;
	/* Список выше плеера: прокручиваем его, а не растягиваем секцию.
	   Ограничение по высоте плеера, чтобы низ списка совпадал с низом кадра. */
	max-height:calc((100vw - 360px) * 0.5625);
	overflow-y:auto;
	padding-right:4px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-video__item{
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	padding:8px;
	border-radius:10px;
	border:1px solid #E2E2DE;
	background:#FFFFFF;
	text-align:left;
	cursor:pointer;
	transition:border-color .15s ease, background .15s ease;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-video__item:hover{
	border-color:#F38454;
}
/* Текущий ролик отмечен заливкой и рамкой: иначе в списке из семи штук
   непонятно, что именно сейчас в плеере. */
body:is(.nwa-page, .nwa-home) .nwa-vw-video__item.is-active{
	border-color:#DE4E10;
	background:rgba(222,78,16,.10);
}
body:is(.nwa-page, .nwa-home) .nwa-vw-video__thumb{
	flex:0 0 auto;
	width:96px;
	height:54px;
	border-radius:6px;
	object-fit:cover;
	display:block;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-video__name{
	font-size:14px;
	line-height:1.35;
}

@media (max-width:900px){
	body:is(.nwa-page, .nwa-home) .nwa-vw-video__grid{
		grid-template-columns:1fr;
	}
	body:is(.nwa-page, .nwa-home) .nwa-vw-video__list{
		/* Под плеером список идёт лентой вбок: вертикальный на телефоне
		   занял бы пол-экрана ещё до текста страницы. */
		flex-direction:row;
		max-height:none;
		overflow-x:auto;
		padding-bottom:4px;
	}
	body:is(.nwa-page, .nwa-home) .nwa-vw-video__item{
		flex:0 0 210px;
	}
}

/* ── Карточки «что решает» ──────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-cards{
	display:grid;
	/* auto-fit + minmax: на широком экране три в ряд, на узком столько,
	   сколько влезает, без единого медиазапроса. */
	grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
	gap:18px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-card{
	padding:22px;
	border-radius:12px;
	border:1px solid #E2E2DE;
	background:#FFFFFF;
	transition:border-color .15s ease, transform .15s ease;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-card:hover{
	border-color:#F38454;
	transform:translateY(-3px);
}
body:is(.nwa-page, .nwa-home) .nwa-vw-card__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	margin-bottom:14px;
	border-radius:10px;
	/* Серая подложка под оранжевым значком (владелец, 23.09.2026). */
	background:#EEEEEA;
	color:#DE4E10;
	font-size:19px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-card__title{
	margin:0 0 8px;
	font-size:17px;
	font-weight:600;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-card__text{
	margin:0;
	font-size:15px;
	line-height:1.6;
}

/* ── Шаги ───────────────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-steps{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
	gap:18px;
	margin:0 0 18px;
	padding:0;
	/* Нумерация своя, кружками — списочные точки убираем. */
	list-style:none;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-step{
	display:flex;
	align-items:flex-start;
	gap:14px;
	padding:18px;
	border-radius:12px;
	border:1px solid #E2E2DE;
	background:#FFFFFF;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-step__n{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	border-radius:50%;
	background:#DE4E10;
	color:#FFFFFF;
	font-weight:700;
	line-height:1;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-step__body{
	display:block;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-step__title{
	display:block;
	margin-bottom:4px;
	font-size:16px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-step__text{
	display:block;
	font-size:15px;
	line-height:1.55;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-result{
	margin:0;
	padding:14px 18px;
	border-radius:10px;
	background:rgba(222,78,16,.10);
	font-size:15px;
	line-height:1.6;
}

/* ── Снимки экрана ──────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-shots{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
	gap:16px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-shot{
	display:block;
	border-radius:12px;
	overflow:hidden;
	border:1px solid #E2E2DE;
	background:#FFFFFF;
	transition:border-color .15s ease, transform .15s ease;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-shot:hover{
	border-color:#F38454;
	transform:translateY(-3px);
}
body:is(.nwa-page, .nwa-home) .nwa-vw-shot img{
	display:block;
	width:100%;
	height:auto;
}

/* ── Всплывающее окно с калькулятором ───────────────────────────────────── */
/* Явно скрываем подложку до открытия: правило display:flex у темы может
   перекрыть браузерное оформление атрибута hidden. */
body:is(.nwa-page, .nwa-home) .nwa-vw-modal[hidden]{
	display:none;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-modal{
	position:fixed;
	inset:0;
	/* Выше панели сайта (1000) и её выпадающих списков: окно модальное и
	   обязано перекрывать всё. Ниже 2000 не опускать — на этом слое у темы
	   живут собственные всплывающие окна. */
	z-index:1500;
	display:none;
	align-items:center;
	justify-content:center;
	padding:20px;
}
/* Окно получает display:flex только после осознанного нажатия пользователя. */
body:is(.nwa-page, .nwa-home) .nwa-vw-modal.is-open{
	display:flex;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__back{
	position:absolute;
	inset:0;
	background:rgba(12,13,15,.55);
}
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__box{
	position:relative;
	width:100%;
	/* Калькулятор должен сохранять ту же раскладку, что и в разделе подписки:
	   при прежних 860px строка объёмов переносилась под подпись, а строка срока
	   оставалась справа от неё. */
	max-width:1240px;
	/* ⚠️ Цвет текста задан здесь ОТДЕЛЬНО, и это не дубль правила страницы.
	   Окно лежит вне контейнера .nwa-vw-page, поэтому его цвет не наследует, а
	   берёт белый от тёмной темы. На первом же снимке в окне остались одни
	   проценты: названия объёмов, сроков и подписи строк были белыми по
	   белому. */
	color:#2A2C2E;
	/* Окно не должно вырастать выше экрана: на телефоне калькулятор с шестью
	   объёмами и четырьмя сроками занимает много места. */
	max-height:calc(100vh - 40px);
	overflow-y:auto;
	border-radius:14px;
	background:#FFFFFF;
	box-shadow:0 24px 60px rgba(0,0,0,.35);
}
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:18px 22px 0;
}
/* ⚠️ Цвет И ШРИФТ окну задаются ЯВНО, а не берутся по наследству.
   Окно белое, но содержимое наследует оформление той страницы, где открыто.
   На внутренних всё совпадало само: там nwa-inner.css уже задаёт Montserrat и
   тёмный текст. На главной этих правил нет — заголовок приезжал белым по
   белому (потом: чёрным, но шрифтом темы Roboto 700 без разрядки), и окно
   выглядело чужим.

   Замерено на эталоне — странице программы: Montserrat 300, 20px, прописные,
   межбуквенный интервал 2.4px (это 0.12em при таком кегле), интерлиньяж 26px
   (1.3). Здесь повторено ровно это.

   Правило на __box задаёт шрифт всему содержимому окна, включая подписи
   калькулятора: на главной они тоже приезжали в Roboto. */
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__box{
	color:#2A2C2E;
	font-family:'Montserrat', 'Helvetica Neue', Arial, sans-serif;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__title{
	margin:0;
	font-size:20px;
	font-weight:300;
	line-height:1.3;
	text-transform:uppercase;
	letter-spacing:.12em;
	color:#2A2C2E;
}

/* Название подписки над строками расчёта — «Подписка NWA Viewer».
   Набрано как подписи слева («Объём хранилища», «Срок»), только приглушённее:
   это уточнение, а не заголовок, и спорить с ним за внимание не должно. */
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__plan{
	margin:0 0 14px;
	font-size:13px;
	font-weight:500;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#BD420E;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__x{
	flex:0 0 auto;
	width:34px;
	height:34px;
	border:0;
	border-radius:8px;
	background:transparent;
	font-size:26px;
	line-height:1;
	cursor:pointer;
	color:#2A2C2E;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__x:hover{
	background:rgba(0,0,0,.06);
}
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__body{
	padding:16px 22px 22px;
}
/* Внутри окна у калькулятора своей рамки и полей быть не должно: они уже есть
   у самого окна, иначе выходит рамка в рамке. */
body:is(.nwa-page, .nwa-home) .nwa-vw-modal__body .nwa-vw-calc{
	margin:0;
	padding:0;
	border:0;
}
/* Пока окно открыто, страница под ним не прокручивается. */
body:is(.nwa-page, .nwa-home).nwa-vw-locked{
	overflow:hidden;
}

/* ── Калькулятор подписки ───────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-calc{
	padding:22px;
	margin:0 0 26px;
	border-radius:12px;
	border:1px solid #E2E2DE;
	background:#FFFFFF;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__row{
	display:flex;
	/* Ниже 700px подпись встаёт над кнопками: рядом с шестью вариантами
	   объёма ей остаётся полоска в два слова. */
	flex-wrap:wrap;
	align-items:center;
	gap:12px 16px;
	margin:0 0 16px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__label{
	flex:0 0 160px;
	font-size:15px;
	font-weight:600;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__opts{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__account{
	flex:1 1 420px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__login{
	max-width:420px;
	margin-top:12px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__login[hidden]{
	display:none;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__login label{
	display:block;
	margin-bottom:6px;
	font-size:14px;
	font-weight:600;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__login input{
	display:block;
	width:100%;
	height:42px;
	padding:9px 12px;
	border:1px solid #D5D5CF;
	border-radius:9px;
	background:#FFFFFF;
	color:#252525;
	font-size:15px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__login input:focus{
	border-color:#DE4E10;
	outline:2px solid rgba(222,78,16,.16);
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__login small{
	display:block;
	margin-top:6px;
	font-size:13px;
	line-height:1.4;
	opacity:.72;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-opt{
	display:inline-flex;
	align-items:center;
	gap:7px;
	padding:9px 15px;
	border-radius:9px;
	border:1px solid #E2E2DE;
	background:#FFFFFF;
	font-size:15px;
	line-height:1;
	cursor:pointer;
	transition:border-color .15s ease, background .15s ease;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-opt:hover{
	border-color:#F38454;
}
/* Выбранный вариант — заливкой, а не только рамкой: при шести кнопках в ряд
   одна лишь рамка теряется, и непонятно, что выбрано. */
body:is(.nwa-page, .nwa-home) .nwa-vw-opt.is-active{
	border-color:#DE4E10;
	/* Серая заливка: внутри оранжевая скидка «−37,5%», а оранжевое на
	   оранжевом читалось плохо (владелец, 23.09.2026). */
	background:#EEEEEA;
	font-weight:600;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-opt__save{
	font-size:13px;
	font-weight:600;
	color:#F06529;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-check{
	display:inline-flex;
	align-items:center;
	gap:9px;
	font-size:15px;
	cursor:pointer;
	margin:0;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__total{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:12px 20px;
	padding-top:18px;
	border-top:1px solid #EFEFEC;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__sum{
	display:flex;
	align-items:baseline;
	gap:10px;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__now{
	font-size:30px;
	font-weight:700;
	color:#DE4E10;
	line-height:1.1;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__was{
	font-size:17px;
	text-decoration:line-through;
	opacity:.55;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__note{
	margin:0;
	font-size:14px;
	opacity:.8;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__btn{
	margin-left:auto;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__msg{
	flex:1 0 100%;
	margin:0;
	font-size:14px;
	color:#B3261E;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__msg.is-ok{
	color:#2E7D32;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-calc__sub{
	margin:0 0 10px;
	font-size:17px;
	font-weight:600;
}
@media (max-width:700px){
	body:is(.nwa-page, .nwa-home) .nwa-vw-calc__label{
		flex:1 0 100%;
	}
	body:is(.nwa-page, .nwa-home) .nwa-vw-calc__btn{
		margin-left:0;
	}
}

/* ── Подписка ───────────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-connect{
	margin:0 0 24px;
	padding-left:20px;
	font-size:15px;
	line-height:1.7;
}

/* ── Скачивание ─────────────────────────────────────────────────────────── */
body:is(.nwa-page, .nwa-home) .nwa-vw-note{
	margin:0 0 16px;
	font-size:15px;
	line-height:1.6;
}
body:is(.nwa-page, .nwa-home) .nwa-vw-files{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
}

/* ── Телефон ────────────────────────────────────────────────────────────── */
@media (max-width:575px){
	body:is(.nwa-page, .nwa-home) .nwa-vw-hero{gap:20px;margin-bottom:30px}
	body:is(.nwa-page, .nwa-home) .nwa-vw-section{margin-bottom:32px}
	body:is(.nwa-page, .nwa-home) .nwa-vw-card{padding:18px}
	/* Кнопки во всю ширину: рядом две штуки на 360px не помещаются, а
	   половинки с переносом слов выглядят сломанными. */
	body:is(.nwa-page, .nwa-home) .nwa-vw-btn{width:100%;justify-content:center}
}