/* Подписка на экосистему NWA, 21.09.2026.
   Палитра и приёмы — те же, что у генераторов (nwa-facade.css): единый вид у
   всех страниц NWA, оформление не придумывается заново.

   Переменные объявлены на самом блоке: он выводится в обвязке магазина, и
   рассчитывать на класс у body нельзя. */
.nwa-ms{
	--rc-page:#F4F5F7;
	--rc-panel:#FFFFFF;
	--rc-input:#FFFFFF;
	--rc-hover:#F1F3F5;
	--rc-border:#D9DEE3;
	--rc-border-strong:#BFC7CE;
	--rc-text:#1F2328;
	--rc-dim:#6B7280;
	--rc-orange:#DE4E10;
	--rc-orange-hover:#F06529;
	--rc-orange-text:#BD420E;
	--rc-orange-soft:rgba(222,78,16,.08);
	/* Подложка выбранного варианта под оранжевым текстом — серая: оранжевое
	   на оранжевом читалось плохо (владелец, 23.09.2026). */
	--rc-neutral-soft:#EEEEEA;
	--rc-danger:#D22B2F;

	background:var(--rc-page);
	color:var(--rc-text);
	font-size:15px;
	line-height:1.5;
	padding:24px 0 48px;
}

/* ── Защита от стилей магазина ─────────────────────────────────
   Блок живёт внутри чужой страницы, и на голые теги внутри него ложатся
   правила bootstrap и темы: у заголовков свои отступы, у dl — свои. */
.nwa-ms h1,
.nwa-ms h2,
.nwa-ms p,
.nwa-ms dl,
.nwa-ms dt,
.nwa-ms dd{
	margin:0;
	padding:0;
	font-family:inherit;
}
.nwa-ms button{
	font-family:inherit;
	font-size:inherit;
}

/* Ширину и боковые поля держит .container темы — как на остальных внутренних
   страницах. Свои 1100px делали страницу уже соседних и сбивали общий ритм
   сайта; крошки тоже теперь общие, из .breadcrumb. */
.nwa-ms__inner{
	margin:0;
	padding:0;
}

.nwa-ms__title{
	font-size:28px;
	font-weight:700;
	margin-bottom:6px;
}
.nwa-ms__lead{
	color:var(--rc-dim);
	margin-bottom:20px;
}

/* ── Выбор операции ────────────────────────────────────────────── */
.nwa-ms__kinds{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
	margin-bottom:20px;
}
.nwa-ms__kind{
	display:flex;
	flex-direction:column;
	gap:2px;
	padding:12px 14px;
	border:1px solid var(--rc-border);
	border-radius:10px;
	background:var(--rc-panel);
	text-align:left;
	cursor:pointer;
}
.nwa-ms__kind:hover{
	border-color:var(--rc-border-strong);
	background:var(--rc-hover);
}
.nwa-ms__kind.is-active{
	border-color:var(--rc-orange);
	background:var(--rc-neutral-soft);
}
.nwa-ms__kind-name{font-weight:600}
.nwa-ms__kind.is-active .nwa-ms__kind-name{color:var(--rc-orange-text)}
.nwa-ms__kind-hint{
	font-size:12px;
	color:var(--rc-dim);
}

/* ── Раскладка ─────────────────────────────────────────────────── */
.nwa-ms__grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) 320px;
	gap:20px;
	align-items:start;
}
.nwa-ms__form{
	display:flex;
	flex-direction:column;
	gap:14px;
}
.nwa-ms__card{
	padding:16px;
	border:1px solid var(--rc-border);
	border-radius:12px;
	background:var(--rc-panel);
}
.nwa-ms__card[hidden]{display:none}
.nwa-ms__card-title{
	font-size:14px;
	font-weight:600;
	margin-bottom:12px !important;
}

/* ── Логин ─────────────────────────────────────────────────────── */
.nwa-ms__login-row{
	display:flex;
	gap:8px;
}
.nwa-ms__code-row{
	margin-top:8px;
}
.nwa-ms__code-row[hidden]{display:none}
.nwa-ms__input{
	flex:1 1 auto;
	min-width:0;
	height:38px;
	padding:0 12px;
	border:1px solid var(--rc-border);
	border-radius:8px;
	background:var(--rc-input);
	color:var(--rc-text);
	font-size:15px;
}
.nwa-ms__input:focus{
	outline:none;
	border-color:var(--rc-orange);
}
.nwa-ms__state{
	margin-top:8px !important;
	font-size:13px;
	color:var(--rc-dim);
	min-height:18px;
}

/* ── Опции ─────────────────────────────────────────────────────── */
.nwa-ms__option{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto auto;
	align-items:center;
	gap:12px;
	padding:10px 0;
	border-top:1px solid var(--rc-border);
}
.nwa-ms__option:first-child{border-top:0}
.nwa-ms__option-name{font-weight:600}
.nwa-ms__option--soon{
	grid-template-columns:minmax(0,1fr) auto auto;
}
.nwa-ms__option-status{
	justify-self:end;
	color:var(--rc-dim);
	font-size:13px;
	font-weight:400;
	white-space:nowrap;
}
.nwa-ms__option-price{
	font-size:13px;
	color:var(--rc-dim);
	white-space:nowrap;
}

.nwa-ms__count{
	display:flex;
	align-items:center;
	gap:4px;
}
.nwa-ms__count-btn{
	width:30px;
	height:30px;
	border:1px solid var(--rc-border);
	border-radius:8px;
	background:var(--rc-input);
	color:var(--rc-text);
	cursor:pointer;
	line-height:1;
}
.nwa-ms__count-btn:hover{
	border-color:var(--rc-orange);
	color:var(--rc-orange-text);
}
.nwa-ms__count-btn:disabled,
.nwa-ms__kind:disabled,
.nwa-ms__term:disabled{
	cursor:not-allowed;
	opacity:.65;
}
.nwa-ms__count-btn:disabled:hover{
	border-color:var(--rc-border);
	color:var(--rc-text);
}
.nwa-ms__count-value{
	min-width:58px;
	text-align:center;
	font-weight:600;
	white-space:nowrap;
}

/* Переключатель «включено / выключено». */
.nwa-ms__toggle{
	position:relative;
	display:inline-flex;
	width:60px;
	min-width:60px;
	height:28px;
	margin:0;
	padding:0 !important;
	cursor:pointer;
}
.nwa-ms .nwa-ms__toggle > input{
	position:absolute !important;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	opacity:0;
	width:100% !important;
	height:100% !important;
	margin:0 !important;
	cursor:pointer;
}
.nwa-ms__toggle-mark{
	position:relative;
	flex:0 0 100%;
	width:100%;
	border:1px solid var(--rc-border);
	border-radius:14px;
	background:var(--rc-hover);
	overflow:hidden;
	transition:background .15s, border-color .15s;
}
.nwa-ms__toggle-mark::after{
	content:'';
	position:absolute;
	top:3px;
	left:3px;
	width:20px;
	height:20px;
	margin:0;
	border-radius:50%;
	background:#FFF;
	box-shadow:0 1px 3px rgba(0,0,0,.25);
	transition:transform .15s;
}
.nwa-ms__toggle input:checked + .nwa-ms__toggle-mark{
	background:var(--rc-orange);
	border-color:var(--rc-orange);
}
.nwa-ms__toggle input:checked + .nwa-ms__toggle-mark::after{
	transform:translateX(32px);
}
.nwa-ms__toggle.is-disabled,
.nwa-ms__toggle.is-disabled input{
	cursor:not-allowed;
}
.nwa-ms__toggle.is-disabled{
	opacity:.65;
}

/* ── Срок ──────────────────────────────────────────────────────── */
.nwa-ms__terms{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
	gap:8px;
}
.nwa-ms__terms.is-trial{
	grid-template-columns:1fr;
}
.nwa-ms__term{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:2px;
	padding:10px 8px;
	border:1px solid var(--rc-border);
	border-radius:10px;
	background:var(--rc-input);
	cursor:pointer;
}
.nwa-ms__term:hover{
	border-color:var(--rc-border-strong);
	background:var(--rc-hover);
}
.nwa-ms__term.is-active{
	border-color:var(--rc-orange);
	background:var(--rc-neutral-soft);
}
.nwa-ms__term-label{font-weight:600}
.nwa-ms__term.is-active .nwa-ms__term-label{color:var(--rc-orange-text)}
.nwa-ms__term-save{
	font-size:12px;
	color:var(--rc-orange-text);
	font-weight:600;
}
.nwa-ms__term-rubles{
	font-size:11px;
	color:var(--rc-dim);
	font-weight:400;
}
.nwa-ms__term-rubles[hidden]{display:none}

/* ── Итог ──────────────────────────────────────────────────────── */
.nwa-ms__summary{
	position:sticky;
	top:16px;
	padding:18px;
	border:1px solid var(--rc-border);
	border-radius:12px;
	background:var(--rc-panel);
}
.nwa-ms__summary-title{
	font-size:14px;
	font-weight:600;
	margin-bottom:12px !important;
}
.nwa-ms__lines{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:4px 12px;
	font-size:14px;
	margin-bottom:14px !important;
}
.nwa-ms__lines dt{color:var(--rc-dim)}
.nwa-ms__lines dd{text-align:right;font-weight:600}

.nwa-ms__total{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	gap:8px;
	padding-top:12px;
	border-top:1px solid var(--rc-border);
}
.nwa-ms__total-value{
	font-size:26px;
	font-weight:700;
}
.nwa-ms__total-full{
	color:var(--rc-dim);
	text-decoration:line-through;
}
.nwa-ms__total-save{
	font-size:13px;
	font-weight:600;
	color:var(--rc-orange-text);
}

.nwa-ms__note{
	margin:10px 0 14px !important;
	font-size:13px;
	color:var(--rc-dim);
}

.nwa-ms__btn{
	height:38px;
	padding:0 16px;
	border:1px solid var(--rc-border);
	border-radius:8px;
	background:var(--rc-input);
	color:var(--rc-text);
	cursor:pointer;
}
.nwa-ms__btn:hover{
	border-color:var(--rc-border-strong);
	background:var(--rc-hover);
}
.nwa-ms__btn--primary{
	width:100%;
	height:44px;
	border-color:var(--rc-orange);
	background:var(--rc-orange);
	color:#FFF;
	font-weight:600;
}
.nwa-ms__btn--primary:hover{
	background:var(--rc-orange-hover);
	border-color:var(--rc-orange-hover);
}
.nwa-ms__btn:disabled{
	opacity:.5;
	cursor:not-allowed;
}

.nwa-ms__error{
	margin-top:10px !important;
	font-size:13px;
	color:var(--rc-danger);
}
.nwa-ms__error[hidden]{display:none}

/* ── Узкие экраны ──────────────────────────────────────────────── */
@media (max-width:900px){
	.nwa-ms__grid{grid-template-columns:minmax(0,1fr)}
	.nwa-ms__summary{position:static}
}
@media (max-width:640px){
	.nwa-ms__kinds{grid-template-columns:minmax(0,1fr)}
	.nwa-ms__title{font-size:23px}
	.nwa-ms__option{
		grid-template-columns:minmax(0,1fr) auto;
		row-gap:6px;
	}
	.nwa-ms__option--soon{grid-template-columns:minmax(0,1fr) auto auto}
	.nwa-ms__option-price{grid-column:1 / -1;order:3}
}

/* Плашка «оформление пока закрыто»: страница работает и считает, но купить
   может только владелец, пока идёт проверка на живом сайте. */
.nwa-ms__closed{
	margin:0 0 18px;
	padding:12px 16px;
	border:1px solid rgba(222,78,16,.35);
	border-left:4px solid #DE4E10;
	border-radius:10px;
	background:rgba(222,78,16,.08);
	color:#5A3C14;
	font-size:15px;
	line-height:1.45;
}

@media (prefers-color-scheme: dark){
	.nwa-ms__closed{ background:rgba(222,78,16,.14); color:#F0D9BC; }
}