/*
 * Шаблон главной boxx_main. Шаблон aspro_max на главной не подключается —
 * здесь все её стили. Размеры сняты с макета шириной 1280px.
 */

@font-face { font-family: "NM Montserrat"; font-weight: 400; font-style: normal; font-display: swap; src: url("/bitrix/templates/aspro_max/css/fonts/montserrat/fonts/montserrat-v15-latin_cyrillic-ext-regular.woff2") format("woff2"); }
@font-face { font-family: "NM Montserrat"; font-weight: 500; font-style: normal; font-display: swap; src: url("/bitrix/templates/aspro_max/css/fonts/montserrat/fonts/montserrat-v15-latin_cyrillic-ext-500.woff2") format("woff2"); }
@font-face { font-family: "NM Montserrat"; font-weight: 600; font-style: normal; font-display: swap; src: url("/bitrix/templates/aspro_max/css/fonts/montserrat/fonts/montserrat-v15-latin_cyrillic-ext-600.woff2") format("woff2"); }
@font-face { font-family: "NM Montserrat"; font-weight: 700; font-style: normal; font-display: swap; src: url("/bitrix/templates/aspro_max/css/fonts/montserrat/fonts/montserrat-v15-latin_cyrillic-ext-700.woff2") format("woff2"); }

body.new-main {
	--nm-font: "NM Montserrat", Montserrat, Arial, sans-serif;
	--nm-ink: #1b1a18;
	--nm-text: #4a4540;
	--nm-muted: #8c857c;
	--nm-yellow: #f6be2c;
	--nm-yellow-hover: #edb11a;
	--nm-accent: #e3a01a;
	--nm-bg: #faf8f5;
	--nm-surface: #ffffff;
	--nm-field: #f1eeea;
	--nm-line: #ebe6df;
	--nm-dark: #1f1d1b;
	--nm-radius: 6px;
	--nm-radius-lg: 10px;
	--nm-gutter: 32px;
	--nm-header-h: 137px;

	margin: 0;
	background: var(--nm-bg);
	color: var(--nm-ink);
	font-family: var(--nm-font);
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}
/* :where — нулевая специфичность, чтобы не перебивать размеры картинок в блоках */
:where(body.new-main img) { max-width: 100%; height: auto; border: 0; }
:where(body.new-main h1, body.new-main h2, body.new-main p) { margin: 0; }

.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal {
	font-family: var(--nm-font);
	color: var(--nm-ink);
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}
:is(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) *,
:is(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) *::before,
:is(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) *::after {
	box-sizing: border-box;
}
:where(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) :where(ul, ol) {
	list-style: none;
	margin: 0;
	padding: 0;
}
:where(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) :where(li) {
	margin: 0;
	padding: 0;
}
:where(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) :where(li)::before {
	content: none;
	display: none;
}
:where(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) :where(a) {
	color: inherit;
	text-decoration: none;
}
:where(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) :where(button) {
	font-family: inherit;
	cursor: pointer;
}
:where(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) :where(svg) {
	display: block;
	flex-shrink: 0;
}
:is(.nm-header, .nm-drawer, .nm-hero, .nm-sections, .nm-promos, .nm-benefits, .nm-hits, .nm-blog, .nm-footer, .nm-foot, .nm-modal) :focus-visible {
	outline: 2px solid var(--nm-accent);
	outline-offset: 2px;
}

/* h1 приходит из /index.php (общая с шаблоном aspro_max страница) с inline opacity:0 — прячем как надо */
.nm-visually-hidden,
body.new-main main > h1 {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.nm-container {
	width: 100%;
	max-width: 1344px;
	margin: 0 auto;
	padding: 0 var(--nm-gutter);
}

/* ---------- кнопки ---------- */
.nm-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 48px;
	padding: 0 28px;
	border: 0;
	border-radius: var(--nm-radius);
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	transition: background-color .2s, color .2s, border-color .2s, transform .2s;
}
.nm-btn--primary { background: var(--nm-yellow); color: var(--nm-ink) !important; }
.nm-btn--primary:hover { background: var(--nm-yellow-hover); }
.nm-btn--primary svg { transition: transform .2s; }
.nm-btn--primary:hover svg { transform: translateX(3px); }
.nm-btn--outline { background: transparent; border: 1.5px solid var(--nm-ink); color: var(--nm-ink); }
.nm-btn--outline:hover { background: var(--nm-ink); color: #fff; }
.nm-btn[disabled] { opacity: .5; pointer-events: none; }

.nm-round-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1.5px solid currentColor;
	border-radius: 50%;
	background: transparent;
	color: inherit;
	transition: background-color .2s, color .2s;
}

/* ---------- шапка ---------- */
.nm-header {
	position: sticky;
	top: 0;
	z-index: 900;
	background: var(--nm-bg);
	transition: box-shadow .2s;
}
.nm-header.is-scrolled { box-shadow: 0 6px 24px rgba(31, 29, 27, .08); }

.nm-header__top { border-bottom: 1px solid var(--nm-line); }
.nm-header__row {
	display: flex;
	align-items: center;
	gap: 18px;
	min-height: 96px;
}

.nm-logo { display: block; flex-shrink: 0; color: var(--nm-ink); }
.nm-logo img { display: block; width: 132px; height: auto; }

.nm-burger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	width: 40px;
	height: 40px;
	padding: 9px;
	border: 0;
	border-radius: var(--nm-radius);
	background: transparent;
}
.nm-burger span { display: block; height: 2px; border-radius: 2px; background: var(--nm-ink); }

.nm-catalog-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	height: 42px;
	margin-left: 18px;
	padding: 0 24px 0 20px;
	border-radius: var(--nm-radius);
	background: var(--nm-yellow);
	color: var(--nm-ink) !important;
	font-size: 15px;
	font-weight: 500;
	transition: background-color .2s;
}
.nm-catalog-btn:hover { background: var(--nm-yellow-hover); }
button.nm-catalog-btn { border: 0; font-family: var(--nm-font); line-height: 1; }
/* бургер в кнопке «Каталог» превращается в крестик, пока открыт попап */
.nm-catalog-btn__icon { position: relative; display: block; width: 18px; height: 14px; }
.nm-catalog-btn__icon span { position: absolute; left: 0; width: 18px; height: 2px; border-radius: 2px; background: currentColor; transition: transform .2s, opacity .2s, top .2s; }
.nm-catalog-btn__icon span:nth-child(1) { top: 0; }
.nm-catalog-btn__icon span:nth-child(2) { top: 6px; }
.nm-catalog-btn__icon span:nth-child(3) { top: 12px; }
.nm-catalog-btn[aria-expanded="true"] .nm-catalog-btn__icon span:nth-child(1) { top: 6px; transform: rotate(45deg); }
.nm-catalog-btn[aria-expanded="true"] .nm-catalog-btn__icon span:nth-child(2) { opacity: 0; }
.nm-catalog-btn[aria-expanded="true"] .nm-catalog-btn__icon span:nth-child(3) { top: 6px; transform: rotate(-45deg); }

.nm-search { position: relative; flex: 1 1 auto; min-width: 180px; max-width: 420px; margin: 0; }
.nm-search__icon { position: absolute; top: 50%; left: 15px; color: var(--nm-muted); transform: translateY(-50%); pointer-events: none; }
.nm-search__input {
	width: 100%;
	height: 42px;
	padding: 0 16px 0 44px;
	border: 1px solid transparent;
	border-radius: var(--nm-radius);
	background: var(--nm-field);
	color: var(--nm-ink);
	font-family: var(--nm-font);
	font-size: 13px;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color .2s, background-color .2s;
}
.nm-search__input::placeholder { color: #a39c93; opacity: 1; }
.nm-search__input:focus { border-color: var(--nm-yellow); background: #fff; outline: 0; }
.nm-search__input::-webkit-search-cancel-button { cursor: pointer; }

.nm-region { position: relative; margin-left: 10px; }
.nm-region__toggle {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--nm-ink);
	font-size: 12px;
	line-height: 1.35;
	text-align: left;
}
.nm-region__toggle[disabled] { cursor: default; opacity: 1; }
.nm-region__toggle[disabled] .nm-region__arrow { display: none; }
.nm-region__name { max-width: 84px; }
.nm-region__arrow { color: var(--nm-muted); transition: transform .2s; }
.js-nm-region .nm-region__toggle:hover .nm-region__name { color: var(--nm-accent); }
.nm-region.is-open .nm-region__arrow { transform: rotate(180deg); }
.nm-region__list {
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	z-index: 5;
	display: none;
	min-width: 220px;
	padding: 8px 0;
	border-radius: var(--nm-radius);
	background: #fff;
	box-shadow: 0 12px 32px rgba(31, 29, 27, .14);
}
.nm-region.is-open .nm-region__list { display: block; }
.nm-region__list a { display: block; padding: 8px 16px; font-size: 13px; }
.nm-region__list a:hover, .nm-region__list a[aria-current] { color: var(--nm-accent); }

.nm-phone {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-left: 24px;
	border-left: 1px solid var(--nm-line);
}
.nm-phone__text { display: flex; flex-direction: column; }
.nm-phone__number { font-size: 14px; font-weight: 500; white-space: nowrap; }
.nm-phone__number:hover { color: var(--nm-accent); }
.nm-phone__caption { color: #a39c93; font-size: 11px; }

.nm-actions { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.nm-action {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	color: var(--nm-ink);
	transition: color .2s;
}
.nm-action:hover { color: var(--nm-accent); }
.nm-action__count {
	position: absolute;
	top: -2px;
	right: -6px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 16px;
	height: 16px;
	padding: 0 4px;
	border-radius: 8px;
	background: var(--nm-yellow);
	color: var(--nm-ink);
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
}

.nm-header__nav { background: var(--nm-bg); border-bottom: 1px solid var(--nm-line); }
.nm-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 40px;
	overflow-x: auto;
	scrollbar-width: none;
}
.nm-nav::-webkit-scrollbar { display: none; }
.nm-nav li { flex-shrink: 0; }
.nm-nav a { display: block; padding: 10px 0; font-size: 12.5px; white-space: nowrap; transition: color .2s; }
.nm-nav a:hover { color: var(--nm-accent); }
.nm-nav__sep { align-self: center; width: 1px; height: 16px; background: var(--nm-yellow); }
.nm-header .nm-nav__accent, .nm-drawer .nm-nav__accent { color: var(--nm-accent); }

/* ---------- попап «Каталог» ---------- */
.nm-catalog {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	padding-top: 12px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-8px);
	transition: opacity .2s, transform .2s, visibility 0s linear .2s;
}
.nm-header.is-catalog-open .nm-catalog { opacity: 1; visibility: visible; transform: none; transition: opacity .2s, transform .2s; }
/* прозрачная обёртка во всю ширину не должна перехватывать клики мимо панели */
.nm-catalog, .nm-catalog__inner { pointer-events: none; }
.nm-catalog__panel { pointer-events: auto; }
.nm-catalog__panel {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	max-height: calc(100vh - 170px);
	overflow: hidden;
	border-radius: var(--nm-radius-lg);
	background: var(--nm-surface);
	box-shadow: 0 24px 60px rgba(31, 29, 27, .18);
}
.nm-catalog__aside { display: flex; flex-direction: column; gap: 16px; padding: 16px 12px 20px; overflow-y: auto; background: #f6f2ec; }
.nm-catalog__mobile-head, .nm-catalog__back { display: none; }
.nm-catalog__roots { display: flex; flex-direction: column; gap: 2px; }
.nm-catalog__root {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 14px;
	border-radius: var(--nm-radius);
	font-size: 14px;
	line-height: 1.3;
	transition: background-color .15s, color .15s;
}
.nm-catalog__chevron { color: var(--nm-muted); transition: transform .15s, color .15s; }
.nm-catalog__root:hover { background: rgba(255, 255, 255, .6); }
.nm-catalog__root.is-active { background: #fff; box-shadow: 0 1px 3px rgba(31, 29, 27, .06); font-weight: 600; }
.nm-catalog__root.is-active .nm-catalog__chevron { color: var(--nm-accent); transform: translateX(2px); }
.nm-catalog__chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 14px; }
.nm-catalog__chip { padding: 8px 14px; border-radius: 18px; background: var(--nm-yellow); color: var(--nm-ink); font-size: 13px; font-weight: 600; transition: background-color .15s; }
.nm-catalog__chip:hover { background: var(--nm-yellow-hover); }
.nm-catalog__all { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding: 8px 14px 0; font-size: 14px; font-weight: 600; }
.nm-catalog__all:hover { color: var(--nm-accent); }

.nm-catalog__panes { overflow-y: auto; }
.nm-catalog__pane { display: none; padding: 28px 36px 32px; }
.nm-catalog__pane.is-active { display: block; }
.nm-catalog__pane-head { display: flex; align-items: baseline; gap: 20px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--nm-line); }
.nm-catalog__pane-title { font-size: 24px; font-weight: 700; letter-spacing: -.01em; }
.nm-catalog__pane-title:hover { color: var(--nm-accent); }
.nm-catalog__pane-all { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; color: var(--nm-text); font-size: 13px; font-weight: 500; white-space: nowrap; }
.nm-catalog__pane-all:hover { color: var(--nm-accent); }
.nm-catalog__groups { columns: 3 200px; column-gap: 36px; }
.nm-catalog__group { margin-bottom: 24px; break-inside: avoid; }
.nm-catalog__group-title { display: inline-block; margin-bottom: 8px; font-size: 15px; font-weight: 600; line-height: 1.3; }
.nm-catalog__group-title:hover { color: var(--nm-accent); }
.nm-catalog__links { display: flex; flex-direction: column; gap: 7px; }
.nm-catalog__links a { color: var(--nm-text); font-size: 13.5px; line-height: 1.35; transition: color .15s; }
.nm-catalog__links a:hover { color: var(--nm-accent); }
.nm-catalog__empty { color: var(--nm-text); font-size: 14px; }
.nm-catalog__empty a { color: var(--nm-accent); text-decoration: underline; }

.nm-catalog-overlay {
	position: fixed;
	inset: 0;
	z-index: 899;
	background: rgba(31, 29, 27, .4);
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s, visibility 0s linear .2s;
}
body.nm-catalog-open .nm-catalog-overlay { opacity: 1; visibility: visible; transition: opacity .2s; }

/* мобильное меню */
.nm-drawer { position: fixed; inset: 0; z-index: 3000; visibility: hidden; }
.nm-drawer.is-open { visibility: visible; }
.nm-drawer__overlay { position: absolute; inset: 0; background: rgba(31, 29, 27, .45); opacity: 0; transition: opacity .25s; }
.nm-drawer.is-open .nm-drawer__overlay { opacity: 1; }
.nm-drawer__panel {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: min(340px, 88vw);
	padding: 18px 20px 28px;
	overflow-y: auto;
	background: var(--nm-bg);
	transform: translateX(-100%);
	transition: transform .25s ease;
}
.nm-drawer.is-open .nm-drawer__panel { transform: none; }
.nm-drawer__head { display: flex; align-items: center; justify-content: space-between; }
.nm-logo--drawer img { width: 104px; }
.nm-drawer__close { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; background: none; color: var(--nm-ink); }
.nm-catalog-btn--wide { justify-content: center; margin: 0; }
.nm-drawer__list a { display: block; padding: 11px 0; border-bottom: 1px solid var(--nm-line); font-size: 15px; }
.nm-drawer__list--info a { font-size: 14px; color: var(--nm-text); }
.nm-drawer__contacts { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
.nm-drawer__region { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 13px; }
.nm-drawer__phone { font-size: 18px; font-weight: 600; }
body.nm-lock { overflow: hidden; }

/* ---------- заглушки картинок ---------- */
.nm-ph {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background:
		radial-gradient(120% 90% at 85% 15%, rgba(255, 255, 255, .55), transparent 60%),
		linear-gradient(135deg, #efe5d8 0%, #e3d2bc 55%, #d5bf9f 100%);
}
.nm-ph__label {
	padding: 6px 10px;
	border-radius: 4px;
	background: rgba(255, 255, 255, .6);
	color: #8c7a63;
	font-family: var(--nm-font);
	font-size: 11px;
	line-height: 1.3;
	text-align: center;
}

/* ---------- слайдер ---------- */
.nm-hero { position: relative; overflow: hidden; background: #efe6da; color: var(--nm-ink); }
.nm-hero__slides { position: relative; height: clamp(420px, 40.3vw, 640px); }
.nm-hero__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .7s ease, visibility 0s linear .7s;
}
.nm-hero__slide.is-active { opacity: 1; visibility: visible; transition: opacity .7s ease; }
.nm-hero__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nm-hero__media.nm-ph {
	align-items: flex-end;
	justify-content: flex-end;
	padding: 0 48px 104px 0;
	background:
		radial-gradient(70% 90% at 12% 40%, rgba(255, 252, 247, .95) 0%, rgba(255, 252, 247, 0) 70%),
		radial-gradient(60% 70% at 78% 30%, #f6ead9 0%, rgba(246, 234, 217, 0) 70%),
		linear-gradient(100deg, #f3ebe1 0%, #e9dccb 45%, #cdb08c 100%);
}
.nm-hero__slide:nth-child(2) .nm-hero__media.nm-ph { background: radial-gradient(70% 90% at 12% 40%, rgba(255, 252, 247, .95) 0%, rgba(255, 252, 247, 0) 70%), linear-gradient(100deg, #f1ebe3 0%, #e1d6c8 45%, #b9a487 100%); }
.nm-hero__slide:nth-child(3) .nm-hero__media.nm-ph { background: radial-gradient(70% 90% at 12% 40%, rgba(255, 252, 247, .95) 0%, rgba(255, 252, 247, 0) 70%), linear-gradient(100deg, #f2ede6 0%, #e4dbd0 45%, #c3ad93 100%); }

.nm-hero__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 40px;
	padding-left: calc(var(--nm-gutter) + 28px);
}
.nm-hero__overline {
	margin-bottom: 16px;
	color: #6f665c;
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .42em;
	text-transform: uppercase;
}
.nm-hero__title {
	margin: 0 0 14px;
	color: var(--nm-ink);
	font-size: clamp(34px, 5.3vw, 72px);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: -.02em;
	/* заголовок приходит из названия слайда без <br>: делим на ровные строки */
	max-width: 10em;
	text-wrap: balance;
}
.nm-hero__text {
	margin-bottom: 26px;
	color: var(--nm-text);
	font-size: clamp(15px, 1.45vw, 19px);
	line-height: 1.38;
}
.nm-hero__btn { min-height: 56px; padding: 0 34px; font-size: 17px; }

.nm-hero__controls {
	position: absolute;
	right: 0;
	bottom: 26px;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	color: #fff;
	pointer-events: none;
}
.nm-hero__controls > * { pointer-events: auto; }
.nm-hero__counter { display: flex; align-items: center; gap: 10px; margin-right: 12px; font-size: 12px; font-weight: 500; letter-spacing: .04em; text-shadow: 0 1px 3px rgba(0, 0, 0, .25); }
.nm-hero { --nm-hero-delay: 6s; }
/* черта между номерами = полоса времени показа слайда */
.nm-hero__counter-line { position: relative; width: 40px; height: 2px; overflow: hidden; border-radius: 1px; background: rgba(255, 255, 255, .35); }
.nm-hero__progress { position: absolute; inset: 0; background: currentColor; transform: scaleX(0); transform-origin: left center; }
.nm-hero.is-playing .nm-hero__progress { animation: nm-hero-progress var(--nm-hero-delay) linear forwards; }
.nm-hero.is-paused .nm-hero__progress { animation-play-state: paused; }
.nm-hero.is-static .nm-hero__progress { transform: none; }
@keyframes nm-hero-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.nm-hero .nm-round-btn { color: #fff; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .2)); }
/* при наведении: белый фон, стрелка и граница оранжевые (border = currentColor) */
.nm-hero .nm-round-btn:hover, .nm-hero .nm-round-btn:focus-visible { background: #fff; color: var(--nm-accent); filter: none; }

/* ---------- плитки разделов ---------- */
.nm-sections { padding: 18px 0 30px; background: var(--nm-bg); }
.nm-sections .nm-container { padding: 0 calc(var(--nm-gutter) - 2px); }
.nm-sections__list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 13px; }
.nm-section-card {
	position: relative;
	display: block;
	aspect-ratio: 193 / 130;
	overflow: hidden;
	border-radius: var(--nm-radius);
	background: #efe7dc;
	box-shadow: 0 1px 2px rgba(31, 29, 27, .06);
	transition: box-shadow .25s, transform .25s;
}
.nm-section-card:hover { box-shadow: 0 10px 24px rgba(31, 29, 27, .12); transform: translateY(-2px); }
.nm-section-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.nm-section-card__img.nm-ph { align-items: flex-end; justify-content: flex-end; padding: 0 8px 8px 0; }
.nm-section-card__img .nm-ph__label { font-size: 9px; padding: 3px 6px; }
.nm-section-card:hover .nm-section-card__img { transform: scale(1.04); }
/* светлая подложка под подписью, чтобы текст читался на любом фото */
.nm-section-card::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(250, 247, 242, .94) 0%, rgba(250, 247, 242, .82) 34%, rgba(250, 247, 242, .35) 56%, rgba(250, 247, 242, 0) 74%),
		linear-gradient(180deg, rgba(250, 247, 242, .5) 0%, rgba(250, 247, 242, 0) 45%);
	pointer-events: none;
}
/* подпись, цена «от» и стрелка — сеткой: цена под названием, стрелка прижата к низу */
.nm-section-card__body {
	position: absolute;
	inset: 13px 12px 15px 15px;
	z-index: 1;
	display: grid;
	grid-template: "title title" auto "price price" auto "arrow ." 1fr / auto 1fr;
	align-items: start;
	justify-items: start;
}
.nm-section-card__title {
	grid-area: title;
	font-size: clamp(12px, 1.1vw, 14.5px);
	font-weight: 600;
	line-height: 1.3;
	text-wrap: balance;
}
.nm-section-card__price {
	grid-area: price;
	margin-top: 7px;
	padding: 2px 7px;
	border: 1.5px solid var(--nm-yellow);
	border-radius: 4px;
	font-size: clamp(11px, .95vw, 12.5px);
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
}
.nm-section-card__arrow {
	grid-area: arrow;
	align-self: end;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	border: 1.5px solid var(--nm-yellow);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 6px rgba(31, 29, 27, .12);
	transition: background-color .2s;
}
.nm-section-card:hover .nm-section-card__arrow { background: var(--nm-yellow); }

/* ---------- акции: лента баннеров по два в ряд ---------- */
.nm-promos { padding: 56px 0 60px; background: var(--nm-surface); }
.nm-promos__nav { display: flex; gap: 10px; }
.nm-promos .nm-round-btn { border-color: var(--nm-line); color: var(--nm-ink); }
.nm-promos .nm-round-btn:hover, .nm-promos .nm-round-btn:focus-visible { border-color: var(--nm-accent); color: var(--nm-accent); }
.nm-promos .nm-round-btn[disabled] { opacity: .35; pointer-events: none; }
.nm-promos__track {
	display: flex;
	gap: 24px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
}
.nm-promos__track::-webkit-scrollbar { display: none; }
.nm-promos__item { flex: 0 0 calc((100% - 24px) / 2); scroll-snap-align: start; }
/* пропорции слоя с текстом (960×470): он помещается целиком, фон обрезается по бокам */
.nm-promo {
	position: relative;
	display: block;
	aspect-ratio: 960 / 470;
	overflow: hidden;
	border-radius: var(--nm-radius-lg);
	background: #efe7dc;
}
.nm-promo__back { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.nm-promo__front { position: relative; display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .4s ease; }
.nm-promo:hover .nm-promo__front { transform: scale(1.03); }
.nm-promos__dots { display: flex; justify-content: center; gap: 8px; margin-top: 22px; }
.nm-promos__dots:empty { display: none; }
.nm-promos__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 4px; background: var(--nm-line); cursor: pointer; transition: width .25s, background-color .25s; }
.nm-promos__dot.is-active { width: 24px; background: var(--nm-yellow); }

/* ---------- преимущества ---------- */
.nm-benefits { padding: 30px 0; background: var(--nm-surface); }
.nm-benefits__list { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 8px; }
.nm-benefit { display: flex; align-items: center; gap: 16px; }
/* разделитель — отдельный пункт: space-between ставит его ровно посередине между буллетами */
.nm-benefits__sep { flex: 0 0 1px; align-self: stretch; min-height: 44px; background: var(--nm-line); }
.nm-benefit__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	border: 1.5px solid var(--nm-yellow);
	border-radius: 50%;
	color: var(--nm-ink);
}
.nm-benefit__body { display: flex; flex-direction: column; gap: 4px; }
.nm-benefit__title { font-size: 13px; font-weight: 500; }
.nm-benefit__text { color: #a39c93; font-size: 12px; }

/* ---------- заголовок блока ---------- */
.nm-block-head { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 32px; margin-bottom: 28px; }
body.new-main .nm-block-head__title { margin: 0; color: var(--nm-ink); font-family: var(--nm-font); font-size: clamp(24px, 2.4vw, 32px); font-weight: 700; line-height: 1.15; letter-spacing: -.01em; }
.nm-block-head__link { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; font-size: 14px; font-weight: 500; transition: color .2s; }
.nm-block-head__link:hover { color: var(--nm-accent); }

.nm-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.nm-tabs__item {
	height: 36px;
	padding: 0 18px;
	border: 1px solid var(--nm-line);
	border-radius: 18px;
	background: var(--nm-surface);
	color: var(--nm-text);
	font-size: 13px;
	font-weight: 500;
	transition: background-color .2s, border-color .2s, color .2s;
}
.nm-tabs__item:hover { border-color: var(--nm-yellow); color: var(--nm-ink); }
.nm-tabs__item.is-active { border-color: var(--nm-yellow); background: var(--nm-yellow); color: var(--nm-ink); }

/* ---------- товары: карточка как в блоке хитов главной сайта (catalog_block), цвета и размеры сняты с boxx.ru ---------- */
.nm-hits { padding: 64px 0 72px; background: var(--nm-bg); }
.nm-hits__body { position: relative; min-height: 200px; transition: opacity .2s; }
.nm-hits__body.is-loading { opacity: .45; pointer-events: none; }
/* сетка с линиями 1px между карточками: каждая рисует рамку тенью и заходит на соседнюю на 1px */
.nm-hits__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 1px 1px 0; }
/* отступ больше высоты выезжающей панели карточки, чтобы она не накрывала кнопку */
.nm-hits__more { display: flex; justify-content: center; margin-top: 76px; }
.nm-hits__more[hidden] { display: none; }
.nm-hits__more .nm-btn { min-width: 240px; }
.nm-hits__more .nm-btn.is-loading { opacity: .6; pointer-events: none; }

.nm-card {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0 -1px -1px 0;
	padding: 25px 25px 22px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #ececec;
	color: #333;
	transition: box-shadow .2s;
}
.nm-card:hover, .nm-card:focus-within { z-index: 3; box-shadow: inset 0 0 0 1px #ececec, 0 12px 34px rgba(0, 0, 0, .12); }

.nm-card__media { position: relative; margin-bottom: 20px; }
.nm-card__img { position: relative; display: block; aspect-ratio: 1 / 1; }
/* фото вынуто из потока: иначе высокое фото (шкаф, пенал) растягивает квадрат по своей высоте */
.nm-card__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.nm-card__noimage { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #999; font-size: 12px; }
/* полоски галереи: наведение на полоску показывает своё фото */
.nm-card__nav { position: absolute; inset: 0; z-index: 1; display: flex; }
.nm-card__nav > span { position: relative; flex: 1; margin: 0 1px; }
.nm-card__nav > span::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #e5e5e5; transition: background-color .2s; }
.nm-card__nav > span.is-active::before { background: #fdc224; }

.nm-card__stickers, .nm-qv__media .nm-card__stickers { position: absolute; top: 0; left: 0; z-index: 2; display: flex; flex-wrap: wrap; gap: 4px; max-width: calc(100% - 44px); pointer-events: none; }
.nm-sticker { padding: 2px 7px; border-radius: 2px; background: #2992d9; color: #fff; font-size: 12px; font-weight: 400; line-height: 20px; }
.nm-sticker--hit { background: #2992d9; }
.nm-sticker--new { background: #60c339; }
.nm-sticker--uspei { background: #ff9c00; }
.nm-sticker--v_puti { background: #7a5cc7; }
.nm-sticker--sale { background: #fc482d; }

/* иконки справа на фото — видны при наведении, как на сайте */
.nm-card__icons { position: absolute; top: 0; right: 0; z-index: 2; display: flex; flex-direction: column; gap: 4px; opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s; }
.nm-card:hover .nm-card__icons, .nm-card:focus-within .nm-card__icons { opacity: 1; visibility: visible; }
.nm-card__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
	color: #999;
	transition: background-color .2s, color .2s;
}
.nm-card__icon:hover { background: #fdc224; color: #fff; }
.nm-card__fav.is-active { color: #fdc224; }
.nm-card__fav.is-active:hover { color: #fff; }
.nm-card__fav.is-active path { fill: currentColor; }
.nm-card__fav.is-loading { opacity: .5; pointer-events: none; }

.nm-card__info { display: flex; flex: 1; flex-direction: column; }
.nm-rating { display: inline-flex; align-items: center; gap: 8px; min-height: 20px; color: #333; font-size: 12px; }
.nm-rating__stars { display: flex; gap: 3px; }
.nm-rating__star { color: #dcdcdc; }
.nm-rating__star.is-filled { color: #fdc224; }
.nm-card__rating { margin-bottom: 6px; }

.nm-card__colors { margin-bottom: 6px; }
.nm-card__colors-title { color: #000; font-size: 14px; font-weight: 500; line-height: 25px; }
.nm-card__colors-list { display: flex; align-items: center; gap: 4px; }
.nm-card__color { display: flex; flex: 0 1 70px; align-items: center; justify-content: center; min-width: 0; height: 40px; padding: 2px; border: 1px solid #dedede; transition: border-color .2s; }
.nm-card__color:hover { border-color: #fdc224; }
.nm-card__color img { width: 34px; height: 34px; object-fit: contain; }
.nm-card__colors-more { padding: 0 4px; color: #999; font-size: 13px; }
.nm-card__colors-more:hover { color: #333; }

.nm-card__name { margin: 4px 0 8px; color: #333; font-size: 14px; line-height: 21px; transition: color .2s; }
.nm-card__name:hover { color: #e0a800; }

.nm-stock { display: flex; align-items: center; gap: 8px; color: #5fa800; font-size: 12px; line-height: 15px; }
.nm-stock::before { content: ""; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.nm-stock--order { color: #999; }
.nm-card__article { margin-top: 6px; color: #999; font-size: 12px; line-height: 15px; }

.nm-card__price { margin-top: auto; padding-top: 18px; }
.nm-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
.nm-price__current { color: #333; font-size: 16px; font-weight: 700; line-height: 23px; white-space: nowrap; }
.nm-price__current--empty { font-size: 14px; font-weight: 500; }
.nm-price__old { color: #999; font-size: 13px; line-height: 22px; text-decoration: line-through; white-space: nowrap; }
.nm-economy { display: inline-flex; align-items: center; margin-top: 4px; padding: 1px; border-radius: 2px; background: #ffd83a; color: #333; font-size: 11px; line-height: 14px; }
.nm-economy__percent { padding: 0 4px 0 5px; }
.nm-economy__text { padding: 2px 5px 1px; border-radius: 1px; background: #fff8db; white-space: nowrap; }

/* панель со счётчиком и кнопкой выезжает под карточкой при наведении и накрывает следующий ряд */
.nm-card__foot {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	display: flex;
	margin-top: -1px;
	background: #fff;
	box-shadow: inset 0 0 0 1px #ececec, 0 12px 34px rgba(0, 0, 0, .12);
	clip-path: inset(0 -40px -40px -40px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s, visibility .2s;
}
.nm-card:hover .nm-card__foot, .nm-card:focus-within .nm-card__foot { opacity: 1; visibility: visible; }

.nm-counter { display: flex; flex: 1 1 50%; align-items: stretch; min-width: 0; height: 56px; background: #fafafa; }
.nm-counter__btn { display: flex; flex: 0 0 44px; align-items: center; justify-content: center; padding: 0; border: 0; background: none; color: #999; transition: color .2s; }
.nm-counter__btn:hover { color: #333; }
.nm-counter__input { flex: 1; width: 100%; min-width: 0; padding: 0; border: 0; background: none; color: #333; font: inherit; font-size: 13px; text-align: center; outline: none; }

.nm-card__buy {
	display: flex;
	flex: 1 1 50%;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 56px;
	padding: 0 8px;
	border: 0;
	background: #fdc224;
	color: #000;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .8px;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	transition: background-color .2s;
}
.nm-card__buy:hover { background: #f5b400; }
.nm-card__buy.is-loading { opacity: .6; pointer-events: none; }
.nm-card__buy--in, .nm-card__buy--more { flex-basis: 100%; }
.nm-card__buy--more { background: #fff; box-shadow: inset 0 0 0 1px #ececec; }
.nm-card__buy--more:hover { background: #fafafa; }

/* без наведения (телефоны, планшеты) панель стоит в карточке, иконок нет — как в мобильной версии сайта */
@media (hover: none) {
	.nm-card__icons { display: none; }
	.nm-card__foot { position: static; margin: 18px -25px -22px; box-shadow: none; clip-path: none; opacity: 1; visibility: visible; }
	.nm-card:hover, .nm-card:focus-within { box-shadow: inset 0 0 0 1px #ececec; }
}

/* ---------- окна: «Быстрый просмотр», «Купить в 1 клик» ---------- */
.nm-modal { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center; padding: 24px; }
.nm-modal__overlay { position: absolute; inset: 0; background: rgba(20, 20, 20, .55); animation: nm-fade .2s; }
.nm-modal__dialog {
	position: relative;
	width: 100%;
	max-width: 980px;
	max-height: calc(100vh - 48px);
	max-height: calc(100dvh - 48px);
	overflow-y: auto;
	overscroll-behavior: contain;
	background: #fff;
	color: #333;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
	animation: nm-pop .2s;
}
.nm-modal--oneclick .nm-modal__dialog { max-width: 460px; }
.nm-modal__dialog:focus { outline: none; }
.nm-modal.is-loading .nm-modal__dialog { min-height: 240px; }
.nm-modal.is-loading .nm-modal__dialog::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	border: 3px solid #ececec;
	border-top-color: #fdc224;
	border-radius: 50%;
	animation: nm-spin .8s linear infinite;
}
.nm-modal__close { position: absolute; top: 16px; right: 16px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; background: none; color: #999; transition: color .2s; }
.nm-modal__close:hover { color: #333; }
.nm-modal__title { color: #333; font-size: 24px; font-weight: 400; line-height: 1.3; }
@keyframes nm-fade { from { opacity: 0; } }
@keyframes nm-pop { from { opacity: 0; transform: translateY(12px); } }
@keyframes nm-spin { to { transform: rotate(360deg); } }

.nm-qv__head { padding: 32px 70px 22px 36px; border-bottom: 1px solid #ececec; }
.nm-qv__rating { margin-top: 12px; }
.nm-qv__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.nm-qv__media { position: relative; padding: 30px 36px; border-right: 1px solid #ececec; }
.nm-qv__media .nm-card__stickers { top: 30px; left: 36px; }
.nm-qv__info { min-width: 0; padding: 30px 36px 34px; }
.nm-qv__gallery { position: relative; }
.nm-qv__slides { display: flex; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.nm-qv__slides::-webkit-scrollbar { display: none; }
.nm-qv__slide { position: relative; flex: 0 0 100%; aspect-ratio: 1 / 1; scroll-snap-align: start; }
.nm-qv__slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.nm-qv__noimage { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; color: #999; font-size: 13px; }
.nm-qv__arrow { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-top: -18px; padding: 0; border: 0; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); color: #333; opacity: .85; transition: opacity .2s; }
.nm-qv__arrow:hover { opacity: 1; }
.nm-qv__arrow--prev { left: -12px; }
.nm-qv__arrow--next { right: -12px; }
.nm-qv__arrow[disabled] { opacity: .3; pointer-events: none; }
.nm-qv__dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }
.nm-qv__dots span { width: 8px; height: 8px; border-radius: 50%; background: #e0e0e0; cursor: pointer; transition: background-color .2s; }
.nm-qv__dots span.is-active { background: #fdc224; }

.nm-qv__price .nm-price__current { font-size: 24px; line-height: 32px; }
.nm-qv__price .nm-price__old { font-size: 15px; }
.nm-qv .nm-stock { margin-top: 12px; }
.nm-qv__sku { margin-top: 18px; }
.nm-qv__sku-title { margin-bottom: 8px; color: #777; font-size: 13px; }
.nm-qv__sku-title span { color: #333; }
.nm-qv__sku-values { display: flex; flex-wrap: wrap; gap: 6px; }
.nm-qv__sku-value { min-height: 32px; padding: 5px 12px; border: 1px solid #dedede; background: #fff; color: #333; font-size: 12px; line-height: 1.3; transition: border-color .2s, background-color .2s; }
.nm-qv__sku-value:hover { border-color: #fdc224; }
.nm-qv__sku-value.is-active { border-color: #fdc224; background: #fdc224; color: #fff; }
.nm-qv__sku-value.is-unavailable { opacity: .45; }
.nm-qv__buy { display: flex; gap: 8px; margin-top: 24px; }
.nm-qv__buy .nm-counter { flex: 0 1 50%; height: 48px; border: 1px solid #ececec; }
.nm-qv__cart { display: flex; flex: 1 1 50%; align-items: center; justify-content: center; height: 48px; padding: 0 12px; border: 0; background: #fdc224; color: #000; font-size: 12px; letter-spacing: .8px; text-transform: uppercase; transition: background-color .2s; }
.nm-qv__cart:hover { background: #f5b400; }
.nm-qv__cart.is-loading { opacity: .6; pointer-events: none; }
.nm-qv__cart--more { background: #fff; box-shadow: inset 0 0 0 1px #dedede; }
.nm-qv__cart--more:hover { background: #fafafa; }
.nm-qv__oneclick { width: 100%; height: 42px; margin-top: 8px; border: 1px solid #dedede; background: #fff; color: #333; font-size: 12px; letter-spacing: .8px; text-transform: uppercase; transition: border-color .2s; }
.nm-qv__oneclick:hover { border-color: #fdc224; }
.nm-qv__text { margin-top: 22px; color: #777; font-size: 13px; line-height: 1.6; }
.nm-qv__props-title { margin-top: 22px; color: #333; font-size: 15px; }
.nm-qv__props { margin: 10px 0 0; font-size: 13px; line-height: 1.75; }
.nm-qv__prop { display: flex; flex-wrap: wrap; gap: 0 6px; }
.nm-qv__prop dt { color: #999; }
.nm-qv__prop dt::after { content: " —"; }
.nm-qv__prop dd { margin: 0; color: #333; }
.nm-qv__more { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px; border-top: 1px solid #ececec; background: #fafafa; color: #333; font-size: 12px; letter-spacing: .8px; text-transform: uppercase; transition: background-color .2s; }
.nm-qv__more:hover { background: #f3f3f3; }

.nm-oc { padding: 36px 40px 38px; }
.nm-oc .nm-modal__title { margin: 0 40px 24px 0; }
.nm-field { margin-bottom: 14px; }
.nm-field__label { display: block; margin-bottom: 6px; color: #777; font-size: 12px; }
.nm-field__star { color: #fc482d; }
.nm-field__input { display: block; width: 100%; height: 46px; padding: 0 14px; border: 1px solid #e5e5e5; border-radius: 3px; background: #fafafa; color: #333; font: inherit; font-size: 14px; outline: none; transition: border-color .2s, background-color .2s; }
.nm-field__input:focus { border-color: #fdc224; background: #fff; }
.nm-field__input--area { height: 104px; padding: 12px 14px; resize: vertical; }
.nm-field.is-error .nm-field__input { border-color: #fc482d; }
.nm-field__error { margin-top: 4px; color: #fc482d; font-size: 12px; }
.nm-field__error:empty, .nm-oc__error:empty { display: none; }
.nm-check { position: relative; display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; color: #777; font-size: 12px; line-height: 1.5; cursor: pointer; }
.nm-check input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.nm-check__box { position: relative; flex-shrink: 0; width: 16px; height: 16px; margin-top: 1px; border: 1px solid #cfcfcf; border-radius: 2px; background: #fff; transition: border-color .2s, background-color .2s; }
.nm-check input:checked + .nm-check__box { border-color: #fdc224; background: #fdc224; }
.nm-check input:checked + .nm-check__box::after { content: ""; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.nm-check input:focus-visible + .nm-check__box { outline: 2px solid var(--nm-accent); outline-offset: 2px; }
.nm-check.is-error .nm-check__box { border-color: #fc482d; }
.nm-check__text a { color: #333; text-decoration: underline; }
.nm-oc__error { margin-top: 14px; color: #fc482d; font-size: 13px; white-space: pre-line; }
.nm-oc__submit { height: 44px; margin-top: 20px; padding: 0 30px; border: 0; border-radius: 3px; background: #fdc224; color: #000; font-size: 12px; letter-spacing: .8px; text-transform: uppercase; transition: background-color .2s; }
.nm-oc__submit:hover { background: #f5b400; }
.nm-oc__submit.is-loading { opacity: .6; pointer-events: none; }
.nm-oc__result { color: #777; font-size: 14px; line-height: 1.6; }
.nm-oc__result-title { margin-bottom: 8px; color: #333; font-size: 20px; }

@media (max-width: 767px) {
	.nm-modal { align-items: flex-end; padding: 0; }
	.nm-modal__dialog { max-height: 94vh; max-height: 94dvh; }
	.nm-modal__title { font-size: 19px; }
	.nm-qv__head { padding: 22px 56px 16px 18px; }
	.nm-qv__body { grid-template-columns: minmax(0, 1fr); }
	.nm-qv__media { padding: 18px; border-right: 0; border-bottom: 1px solid #ececec; }
	.nm-qv__media .nm-card__stickers { top: 18px; left: 18px; }
	.nm-qv__info { padding: 20px 18px 26px; }
	.nm-qv__arrow--prev { left: 0; }
	.nm-qv__arrow--next { right: 0; }
	.nm-oc { padding: 26px 20px 30px; }
}

/* телефон: как мобильная версия сайта — две колонки, кнопка всегда видна, без счётчика, рейтинга и иконок */
@media (max-width: 599px) {
	.nm-card { padding: 12px 12px 0; }
	.nm-card__media { margin-bottom: 12px; }
	.nm-card__icons, .nm-card__rating, .nm-card .nm-counter { display: none; }
	.nm-card__foot { position: static; margin: 14px -12px 0; box-shadow: none; clip-path: none; opacity: 1; visibility: visible; }
	.nm-card:hover, .nm-card:focus-within { box-shadow: inset 0 0 0 1px #ececec; }
	.nm-card__buy { height: 48px; }
	.nm-card__color { height: 32px; }
	.nm-card__color img { width: 26px; height: 26px; }
	.nm-card__name { font-size: 13px; line-height: 19px; }
	.nm-sticker { padding: 1px 5px; font-size: 10px; line-height: 16px; }
	.nm-price__current { font-size: 15px; }
	.nm-price__old { font-size: 12px; }
	.nm-economy { font-size: 10px; }
	.nm-hits__more { margin-top: 28px; }
}

/* уведомление о добавлении */
.nm-toast {
	position: fixed;
	bottom: 24px;
	left: 50%;
	z-index: 4000;
	max-width: calc(100vw - 32px);
	padding: 14px 22px;
	border-radius: var(--nm-radius);
	background: var(--nm-ink);
	color: #fff;
	font-family: var(--nm-font);
	font-size: 14px;
	box-shadow: 0 12px 32px rgba(31, 29, 27, .25);
	opacity: 0;
	visibility: hidden;
	transform: translate(-50%, 12px);
	transition: opacity .2s, transform .2s, visibility 0s linear .2s;
}
.nm-toast.is-visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .2s, transform .2s; }
.nm-toast a { color: var(--nm-yellow); text-decoration: underline; }

/* ---------- кнопка «Наверх» ---------- */
/* как на старой главной (Аспро: SCROLLTOTOP_TYPE = ROUND_COLOR, right 75px, bottom 150px из custom.css —
   выше кнопки чата Verbox); на телефоне там её нет, здесь тоже */
.nm-to-top {
	position: fixed;
	right: 75px;
	bottom: 150px;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--nm-yellow);
	color: #fff;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s, background-color .2s;
}
.nm-to-top.is-visible { opacity: 1; visibility: visible; }
.nm-to-top:hover, .nm-to-top:focus-visible { background: var(--nm-yellow-hover); }
.nm-to-top:focus-visible { outline: 2px solid var(--nm-ink); outline-offset: 2px; }
@media (max-width: 767px) {
	.nm-to-top { display: none; }
}

/* ---------- блог ---------- */
.nm-blog { padding: 64px 0 80px; background: var(--nm-bg); }
.nm-blog__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.nm-post { display: flex; flex-direction: column; gap: 10px; }
.nm-post__media { display: block; aspect-ratio: 3 / 2; margin-bottom: 6px; overflow: hidden; border-radius: var(--nm-radius-lg); background: #efe7dc; }
.nm-post__media img, .nm-post__media .nm-ph { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.nm-post:hover .nm-post__media img { transform: scale(1.04); }
.nm-post__date { color: var(--nm-muted); font-size: 12px; }
.nm-post__title {
	display: -webkit-box;
	overflow: hidden;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	transition: color .2s;
}
.nm-post:hover .nm-post__title { color: var(--nm-accent); }

/* ---------- подвал ---------- */
.nm-footer { padding: 56px 0 28px; background: var(--nm-dark); color: #cfc8bf; }
.nm-footer__top {
	display: grid;
	grid-template-columns: 1.4fr repeat(3, 1fr) 1.3fr;
	gap: 32px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.nm-logo--footer { color: #fff; }
.nm-logo--footer img { width: 132px; }
.nm-footer__about { max-width: 260px; margin: 18px 0 20px; color: #a49c92; font-size: 13px; line-height: 1.5; }
.nm-footer__socials { display: flex; gap: 10px; }
.nm-footer__social {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	color: #fff;
	transition: background-color .2s, border-color .2s, color .2s;
}
.nm-footer__social:hover { border-color: var(--nm-yellow); background: var(--nm-yellow); color: var(--nm-ink); }
.nm-footer__title { margin-bottom: 18px; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.nm-footer__menu { display: flex; flex-direction: column; gap: 10px; }
.nm-footer__menu a, .nm-footer__contacts a { font-size: 14px; transition: color .2s; }
.nm-footer__menu a:hover, .nm-footer__contacts a:hover { color: var(--nm-yellow); }
.nm-footer__contacts { display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.nm-footer__phone { display: flex; flex-direction: column; }
.nm-footer__phone a { color: #fff; font-size: 17px; font-weight: 600; }
.nm-footer__phone span { color: #8f877d; font-size: 12px; }
.nm-footer__callback { align-self: flex-start; color: var(--nm-yellow); font-size: 13px; font-weight: 500; border-bottom: 1px dashed currentColor; cursor: pointer; }
.nm-footer__address { color: #a49c92; font-size: 13px; line-height: 1.5; }
.nm-footer__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-top: 24px; }
.nm-footer__copy { color: #8f877d; font-size: 12px; }
.nm-footer__pays { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body.new-main .nm-footer__pays img { width: auto; height: 26px; padding: 4px 8px; border-radius: 4px; background: #fff; object-fit: contain; }

/* ---------- подвал, второй вариант (светлый) ---------- */
.nm-foot { padding: 40px 0 28px; border-top: 1px solid var(--nm-line); background: var(--nm-surface); color: var(--nm-text); }
.nm-foot__help {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 24px 48px;
	padding: 32px 40px;
	border-radius: 14px;
	background: var(--nm-yellow);
	color: var(--nm-ink);
}
.nm-foot__help-title { margin-bottom: 8px; font-size: 24px; font-weight: 700; line-height: 1.2; }
.nm-foot__help p { max-width: 380px; color: rgba(27, 26, 24, .75); font-size: 14px; line-height: 1.5; }
.nm-foot__phones { display: flex; gap: 32px; }
.nm-foot__phone { display: flex; flex-direction: column; gap: 2px; }
.nm-foot__phone a { font-size: 20px; font-weight: 700; white-space: nowrap; }
.nm-foot__phone span { color: rgba(27, 26, 24, .7); font-size: 12px; }
.nm-foot__messengers { display: flex; gap: 10px; }
.nm-foot__messenger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 48px;
	padding: 0 20px;
	border-radius: var(--nm-radius);
	background: var(--nm-ink);
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
	transition: background-color .2s, color .2s;
}
.nm-foot__messenger:hover { background: #fff; color: var(--nm-ink) !important; }
.nm-foot__main { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 32px; padding: 48px 0 40px; }
.nm-foot__logo img { width: 120px; }
.nm-foot__about { max-width: 300px; margin: 16px 0 18px; color: var(--nm-muted); font-size: 13px; line-height: 1.55; }
.nm-foot__contact { display: flex; align-items: flex-start; gap: 10px; margin-top: 10px; font-size: 13px; line-height: 1.5; }
.nm-foot__contact svg { margin-top: 2px; color: var(--nm-accent); }
.nm-foot__contact a { transition: color .2s; }
.nm-foot__contact a:hover { color: var(--nm-accent); }
.nm-foot__title { margin-bottom: 16px; color: var(--nm-ink); font-size: 15px; font-weight: 700; }
.nm-foot__menu { display: flex; flex-direction: column; gap: 10px; }
.nm-foot__menu a { font-size: 14px; transition: color .2s; }
.nm-foot__menu a:hover { color: var(--nm-accent); }
.nm-foot__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-top: 24px; border-top: 1px solid var(--nm-line); }
.nm-foot__copy { color: var(--nm-muted); font-size: 12px; }
.nm-foot__pays { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
body.new-main .nm-foot__pays img { width: auto; height: 28px; padding: 5px 9px; border: 1px solid var(--nm-line); border-radius: 4px; background: #fff; object-fit: contain; }

/* ---------- адаптив ---------- */
@media (max-width: 1279px) {
	body.new-main { --nm-gutter: 24px; }
	.nm-header__row { gap: 14px; }
	.nm-catalog-btn { margin-left: 6px; }
	.nm-phone { padding-left: 16px; }
	.nm-phone__caption { display: none; }
	.nm-actions { gap: 16px; }
	.nm-nav a { font-size: 12px; }
	/* плитка ниже — цена не помещается между названием и стрелкой, ставим её рядом со стрелкой */
	.nm-section-card__body { grid-template: "title title" auto ". ." 1fr "arrow price" auto / auto 1fr; column-gap: 6px; }
	.nm-section-card__price { align-self: center; margin-top: 0; padding: 2px 5px; font-size: 11px; }
	.nm-footer__top { grid-template-columns: repeat(3, 1fr); }
	.nm-footer__brand { grid-column: 1 / -1; }
	.nm-foot__help { grid-template-columns: minmax(0, 1fr) auto; }
	.nm-foot__help-text { grid-column: 1 / -1; }
}

@media (max-width: 1099px) {
	.nm-region { display: none; }
	.nm-benefits__list { gap: 14px; padding: 0; }
	.nm-benefit { gap: 12px; }
}

@media (max-width: 1023px) {
	body.new-main { --nm-gutter: 16px; }
	.nm-header__row { flex-wrap: wrap; gap: 8px 12px; min-height: 0; padding-top: 10px; padding-bottom: 10px; }
	.nm-burger { display: flex; margin-left: -8px; }
	.nm-logo img { width: 96px; }
	.nm-header__top > .nm-container > .nm-catalog-btn,
	.nm-header__top .nm-phone,
	.nm-header__nav { display: none; }
	.nm-actions { gap: 12px; }
	.nm-search { order: 10; flex: 1 0 100%; max-width: none; }

	/* попап каталога — на весь экран, подразделы открываются отдельным экраном */
	.nm-catalog { position: fixed; inset: 0; padding: 0; transform: translateY(12px); }
	.nm-catalog__inner { height: 100%; padding: 0; }
	.nm-catalog__panel { display: block; position: relative; height: 100%; max-height: none; border-radius: 0; box-shadow: none; }
	.nm-catalog__aside { height: 100%; padding: 0 16px 24px; background: var(--nm-surface); }
	.nm-catalog__mobile-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin: 0 -16px; padding: 12px 16px; border-bottom: 1px solid var(--nm-line); background: var(--nm-surface); }
	.nm-catalog__mobile-title { font-size: 18px; font-weight: 700; }
	.nm-catalog__close { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; border: 0; background: none; color: var(--nm-ink); }
	.nm-catalog__root { padding: 14px 4px; border-bottom: 1px solid var(--nm-line); border-radius: 0; font-size: 15px; }
	.nm-catalog__root.is-active { background: none; box-shadow: none; font-weight: 400; }
	.nm-catalog__root.is-active .nm-catalog__chevron { color: var(--nm-muted); transform: none; }
	.nm-catalog__chips, .nm-catalog__all { padding-left: 4px; padding-right: 4px; }
	.nm-catalog__all { margin-top: 8px; }
	.nm-catalog__panes { position: absolute; inset: 0; background: var(--nm-surface); transform: translateX(100%); transition: transform .25s ease; }
	.nm-catalog.is-sub .nm-catalog__panes { transform: none; }
	.nm-catalog__pane { padding: 0 16px 28px; }
	.nm-catalog__pane-head { position: sticky; top: 0; z-index: 1; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0 -16px 20px; padding: 12px 16px; background: var(--nm-surface); }
	.nm-catalog__back { display: inline-flex; align-items: center; gap: 8px; flex: 1 0 100%; padding: 4px 0; border: 0; background: none; color: var(--nm-text); font-size: 13px; }
	.nm-catalog__pane-title { font-size: 20px; }
	.nm-catalog__groups { columns: 1; }
	.nm-catalog__group { margin-bottom: 20px; }
	.nm-catalog__links { gap: 10px; }
	.nm-catalog__links a { font-size: 14px; }
	.nm-catalog-overlay { display: none; }

	.nm-hero__slides { height: 460px; }
	.nm-hero__content { z-index: 2; justify-content: flex-start; padding-top: 44px; padding-left: var(--nm-gutter); }
	/* на узком экране фото кадрируется по центру — подсвечиваем зону текста */
	.nm-hero__slide::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background: linear-gradient(180deg, rgba(250, 246, 240, .85) 0%, rgba(250, 246, 240, .55) 38%, rgba(250, 246, 240, 0) 62%);
		pointer-events: none;
	}
	.nm-hero__media.nm-ph { padding: 0 16px 84px 0; }
	.nm-hero__controls { bottom: 18px; }
	.nm-hero .nm-round-btn { width: 40px; height: 40px; }

	.nm-sections { padding: 16px 0 24px; }
	.nm-sections .nm-container { padding: 0; }
	.nm-sections__list {
		display: flex;
		gap: 10px;
		padding: 0 var(--nm-gutter) 4px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 var(--nm-gutter);
		scrollbar-width: none;
	}
	.nm-sections__list::-webkit-scrollbar { display: none; }
	.nm-sections__item { flex: 0 0 clamp(150px, 38vw, 220px); scroll-snap-align: start; }

	.nm-benefits { padding: 24px 0; }
	.nm-benefits__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
	.nm-benefits__sep { display: none; }

	.nm-promos { padding: 40px 0 44px; }
	.nm-promos__nav { display: none; }
	/* лента до краёв экрана, первая карточка — с отступом страницы */
	.nm-promos__track { gap: 12px; margin: 0 calc(var(--nm-gutter) * -1); padding: 0 var(--nm-gutter); scroll-padding: 0 var(--nm-gutter); }
	.nm-promos__item { flex-basis: 78%; }
	.nm-promos__dots { margin-top: 16px; }

	.nm-hits, .nm-blog { padding: 44px 0 52px; }
	.nm-hits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nm-blog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 14px; }
	.nm-block-head { gap: 14px; margin-bottom: 20px; }
	.nm-tabs { order: 3; flex: 1 0 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	.nm-tabs__item { flex-shrink: 0; }

	.nm-footer { padding-top: 40px; }
	.nm-footer__top { grid-template-columns: repeat(2, 1fr); gap: 28px 20px; }
	.nm-footer__contacts { grid-column: 1 / -1; }

	.nm-foot { padding-top: 24px; }
	.nm-foot__help { gap: 20px 32px; padding: 28px; }
	.nm-foot__main { grid-template-columns: repeat(3, 1fr); gap: 28px 20px; padding: 36px 0 32px; }
	.nm-foot__brand { grid-column: 1 / -1; }
}

@media (max-width: 599px) {
	.nm-hero__slides { height: 440px; }
	.nm-hero__overline { font-size: 9.5px; letter-spacing: .28em; }
	.nm-hero__title br, .nm-hero__text br { display: none; }
	.nm-hero__text { max-width: 320px; }
	.nm-hero__btn { min-height: 50px; padding: 0 24px; font-size: 15px; }
	.nm-hero__counter { margin-right: auto; padding-left: var(--nm-gutter); }

	.nm-benefits__list { grid-template-columns: 1fr; gap: 16px; }

	.nm-hits__more .nm-btn { width: 100%; }

	/* scroll-padding — иначе прилипание прокрутки ставит первую статью вплотную к краю экрана */
	.nm-blog__grid { display: flex; overflow-x: auto; margin: 0 calc(var(--nm-gutter) * -1); padding: 0 var(--nm-gutter); scroll-snap-type: x mandatory; scroll-padding: 0 var(--nm-gutter); scrollbar-width: none; }
	.nm-post { flex: 0 0 76%; scroll-snap-align: start; }
	.nm-post__title { font-size: 15px; }

	.nm-footer__top { grid-template-columns: 1fr; }
	.nm-footer__bottom { flex-direction: column; align-items: flex-start; }

	.nm-promos__item { flex-basis: 90%; }

	.nm-foot { padding-top: 16px; }
	.nm-foot__help { grid-template-columns: 1fr; padding: 24px 20px; }
	.nm-foot__help-title { font-size: 21px; }
	.nm-foot__phones { flex-direction: column; gap: 12px; }
	.nm-foot__messenger { flex: 1; padding: 0 14px; }
	.nm-foot__main { grid-template-columns: repeat(2, 1fr); }
	.nm-foot__bottom { flex-direction: column; align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
	.nm-hero__slide, .nm-hero__slide.is-active, .nm-drawer__panel, .nm-drawer__overlay { transition: none; }
	.nm-section-card, .nm-section-card__img, .nm-post__media img, .nm-promo__front { transition: none; }
	.nm-modal__overlay, .nm-modal__dialog { animation: none; }
	.nm-qv__slides { scroll-behavior: auto; }
	.nm-promos__track { scroll-behavior: auto; }
}