/* New storefront design — loaded only when body.design-new */

/* Палитра снята пипеткой с макета new_design/ns.png */
body.design-new {
	--nd-navy: #013369;        /* плашки категорий, футер */
	--nd-navy-menu-top: #003c83;   /* полоса главного меню, градиент сверху */
	--nd-navy-menu-bottom: #014086; /* полоса главного меню, градиент снизу */
	--nd-navy-deep: #012a56;
	--nd-red: #ee2a32;
	--nd-blue-accent: #38a0e8;
	--nd-blue-bg: #e8f6fe;
	--nd-blue-soft: #e8f1fb;
	--nd-text: #1a2a4a;
	--nd-product-title: #004695; /* названия/цены/вкладки в карточках — с макета */
	--nd-phone: #063f88;       /* номер телефона в шапке */
	--nd-phone-icon: #033f83;  /* кружок с трубкой */
	--nd-email: #466994;       /* e-mail в шапке */
	--nd-schedule: #96a6bd;    /* «с 8:30 до 17:00» */
	--nd-menu-link: #566887;   /* пункты выпадающего меню каталога */
	--nd-menu-item-bg: #fdfefe;   /* фон пункта левого каталога */
	--nd-menu-border: #e8edf3;    /* разделитель пунктов */
	--nd-menu-chevron: #9dacc3;   /* стрелка справа */
	--nd-menu-icon: #2c3f66;      /* иконки категорий */
	--nd-city-label: #8999ad;  /* «Ваш город:» */
	--nd-city-link: #2357a3;   /* выбранный город */
	--nd-field-bg: #eff4f7;    /* поле поиска */
	--nd-subscribe-btn: #014594;
	--nd-subscribe-bg: #eff5fa;
	--nd-subscribe-title: #304873;
	--nd-card-shadow: 0 2px 10px rgba(1, 51, 105, .08);
	--nd-card-border: #e4f1f9;   /* рамка карточек товаров в макете */
	--nd-card-img-bg: #f7fbfe;   /* подложка под фото в карточке */
	--nd-muted: #6b7a93;
}

body.design-new .nd-section-title {
	margin: 0 0 28px;
	color: var(--nd-navy);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* В макете секции лежат на светло-голубой подложке, а не на белом */
body.design-new .nd-section-inner {
	margin: 0 0 30px;
	padding: 28px 32px 32px;
	background: var(--nd-blue-bg);
}

/* Business tasks — красная полоса проходит через низ цифр, как в макете */
body.design-new .nd-business-tasks__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px 32px;
}

body.design-new .nd-business-tasks__item {
	min-width: 0;
}

body.design-new .nd-business-tasks__num {
	display: inline-block;
	margin: 0 0 12px;
	padding: 0;
	border: none;
	color: var(--nd-navy);
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.01em;
	/* Полоса за глифами, а не border под номером */
	background-image: linear-gradient(
		to top,
		var(--nd-red) 0,
		var(--nd-red) 9px,
		transparent 9px
	);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 100%;
}

body.design-new .nd-business-tasks__label {
	color: var(--nd-navy);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

/* Industries — красные квадраты с белым щитом, как в макете */
body.design-new .nd-industries .nd-section-inner {
	padding: 20px 24px 22px;
}

body.design-new .nd-industries .nd-section-title {
	margin-bottom: 18px;
}

body.design-new .nd-industries__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px 20px;
}

body.design-new .nd-industries__item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	min-width: 0;
	color: var(--nd-navy);
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}

body.design-new .nd-industries__item:hover {
	color: var(--nd-red);
	text-decoration: none;
	transform: translateY(-1px);
}

body.design-new .nd-industries__icon {
	flex: 0 0 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 4px;
	box-sizing: border-box;
	background: var(--nd-red);
	border-radius: 3px;
}

body.design-new .nd-industries__icon svg {
	width: 22px;
	height: 24px;
	display: block;
}

body.design-new .nd-industries__label {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

/* Trust bar (footer bottom) — как на макете: logo + пункты | голубой скос у правого края */
body.design-new .nd-trust-bar {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-height: 104px;
	background: var(--nd-navy);
	color: #fff;
	overflow: hidden; /* не даём skew вылезать полоской сверху */
	border: none;
	box-shadow: none;
}

body.design-new .nd-trust-bar__main {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
	padding: 14px 12px 14px max(16px, calc((100% - 1200px) / 2));
	box-sizing: border-box;
}

body.design-new .nd-trust-bar__logo {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	margin-right: 28px;
	text-decoration: none;
	line-height: 0;
}

body.design-new .nd-trust-bar__logo img {
	display: block;
	max-height: 68px;
	width: auto;
	height: auto;
	filter: none !important;
}

body.design-new .nd-trust-bar__items {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-between;
	gap: 18px 28px;
	min-width: 0;
	padding-right: 20px;
}

body.design-new .nd-trust-bar__item {
	display: flex;
	align-items: center;
	gap: 14px;
	flex: 1 1 0;
	min-width: 0;
	max-width: 280px;
}

body.design-new .nd-trust-bar__icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	line-height: 0;
}

body.design-new .nd-trust-bar__icon img {
	display: block;
	width: 52px;
	height: 52px;
	object-fit: contain;
}

/* Грузовик в PNG шире и ниже — в 52×52 выглядит мельче щита/гарнитуры */
body.design-new .nd-trust-bar__icon--truck {
	width: 86px;
	height: 52px;
}

body.design-new .nd-trust-bar__icon--truck img {
	width: 86px;
	height: 48px;
}

body.design-new .nd-trust-bar__text {
	font-size: 13px;
	line-height: 1.25;
	font-weight: 600;
	/* На макете тот же голубой, что у иконок — не #fff */
	color: #6ec4f2 !important;
}

/*
  Правый блок макета:
  — скос слева (clip-path);
  — одна светлая полоска вдоль скоса (::before);
  — справа снизу чуть виден светлый треугольник (::after);
  — без skew всего блока (иначе снизу справа вылезает navy).
*/
body.design-new .nd-trust-bar__slogan {
	--nd-slogan-skew: -25deg;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 270px;
	width: 270px;
	max-width: 28vw;
	min-width: 200px;
	margin: 0;
	padding: 18px 36px 18px 56px;
	overflow: hidden;
	border: none;
	align-self: stretch;
	box-sizing: border-box;
	transform: none;
	background: linear-gradient(160deg, #4eb0ee 0%, #38a0e8 48%, #2f96de 100%);
	clip-path: polygon(48px 0, 100% 0, 100% 100%, 0 100%);
}

/* Светлая полоска слева — параллельно скосу, внутри видимой зоны */
body.design-new .nd-trust-bar__slogan::before {
	content: "";
	position: absolute;
	top: -40%;
	bottom: -40%;
	left: 22px;
	width: 22px;
	z-index: 0;
	background: #8fd8fb;
	transform: skewX(var(--nd-slogan-skew));
	transform-origin: center center;
	pointer-events: none;
}

/* Справа снизу — треугольник */
body.design-new .nd-trust-bar__slogan::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 74px;
	height: 57px;
	background: #327fbd;
	clip-path: polygon(100% 0%, 100% 100%, 60% 100%);
	pointer-events: none;
}

body.design-new .nd-trust-bar__slogan-text {
	position: relative;
	z-index: 1;
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff !important;
	transform: none;
}

/* Hide legacy blocks in new design */
body.design-new .nd-hide-on-new {
	display: none !important;
}

/* Существующие блоки шаблона — под палитру макета.
   Селекторы с body.design-new перебивают #ff0000 из инлайнового <style> в header.php. */
/* .noborder — кнопка поиска, .send_btn — подписка: у них свои цвета.
   .fa-phone — кружок с трубкой в шапке, он тоже .callback_btn, но синий. */
body.design-new .callback_btn:not(.fa-phone),
body.design-new button.button:not(.noborder):not(.send_btn),
body.design-new input.button:not(.noborder):not(.send_btn),
body.design-new .button:not(.noborder):not(.send_btn) {
	background: var(--nd-red);
}

/* Кнопка «Подписаться»: только background-color — иначе shorthand
   затирает стрелку из background-image (ai.svg / data-uri). */
body.design-new .subscribe-form input.send_btn,
body.design-new .subscribe-form .button.send_btn,
body.design-new input.button.send_btn {
	background-color: var(--nd-subscribe-btn) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 7h14M11 2l5 5-5 5'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 16px 12px !important;
	border-color: var(--nd-subscribe-btn) !important;
	color: transparent !important;
	font-size: 0 !important;
	text-indent: -9999px;
}

/* Подписка: в макете две отдельные карточки — текст и форма */
body.design-new .subscribe-form {
	background: transparent !important;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 20px;
}

body.design-new .subscribe-form:before {
	display: none !important;
}

body.design-new .subscribe-form .wrap_bg {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	border-radius: 0;
}

body.design-new .subscribe-form .top_block {
	margin: 0 0 20px;
	padding: 16px 18px;
	background: var(--nd-subscribe-bg) !important;
	border-radius: 2px;
	box-shadow: var(--nd-card-shadow);
}

body.design-new .subscribe-form form.sform {
	position: relative;
	margin: 0 !important;
	padding: 14px 16px 16px;
	background: var(--nd-subscribe-bg) !important;
	border-radius: 2px;
	box-shadow: var(--nd-card-shadow);
}

/* Нижняя синяя полоска — только у карточки с формой */
body.design-new .subscribe-form form.sform:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--nd-subscribe-title);
}

body.design-new .subscribe-form .top_block .title,
body.design-new .subscribe-form .top_block .title div {
	color: var(--nd-subscribe-title) !important;
}

body.design-new .subscribe-form .top_block .more,
body.design-new .subscribe-form .top_block .more div {
	color: var(--nd-schedule) !important;
}

/* Полоса меню. Тема грузится после этого файла, поэтому !important.
   :not(:hover) — чтобы не убить подсветку пункта под курсором. */
/* Красим .wrap_menu — он внутри .wrapper_inner, то есть по ширине контейнера.
   Внешний .catalog_menu тянется во всё окно, поэтому у него фон снимаем. */
body.design-new #header .catalog_menu .wrap_menu,
body.design-new header .wrap_menu {
	background: linear-gradient(to bottom, var(--nd-navy-menu-top), var(--nd-navy-menu-bottom)) !important;
}

body.design-new #header .catalog_menu,
body.design-new .has_menu.m_color_colored #header .catalog_menu {
	background: transparent !important;
}

body.design-new #header .catalog_menu ul.menu > li:not(:hover):not(.current) {
	background: linear-gradient(to bottom, var(--nd-navy-menu-top), var(--nd-navy-menu-bottom)) !important;
}

body.design-new #header .catalog_menu ul.menu > li,
body.design-new #header .catalog_menu ul.menu > li:not(.current):not(.stretch):hover {
	border-color: rgba(255, 255, 255, .15);
}

/* Пункт «КАТАЛОГ»: тема custom_im красит его в #233b77 отдельно от полосы.
   В макете он того же синего (#004490), что и остальное меню. */
body.design-new header .menu_top_block > li.catalog,
body.design-new header .menu_top_block > li.catalog > a,
body.design-new header .menu_top_block > li.catalog.current > a {
	background: linear-gradient(to bottom, var(--nd-navy-menu-top), var(--nd-navy-menu-bottom)) !important;
	background-color: var(--nd-navy-menu-bottom) !important;
}

/* Вертикальная белая полоска справа у «КАТАЛОГ» из template_styles.css */
body.design-new .menu_top_block li.catalog > a:after {
	opacity: .15;
	background: #fff;
}

/* Поле поиска. Фон задан на самом input в template_styles.css:
   #header .middle-h-row .center_block .stitle_form .text { background:#eee } */
body.design-new #header .middle-h-row .center_block .stitle_form .text,
body.design-new .stitle_form input.text,
body.design-new .middle_form input.text,
body.design-new input[id^=title-search-input] {
	background: var(--nd-field-bg) !important;
	border-color: transparent !important;
}

/* E-mail в шапке и футере — приглушённый синий, а не чёрный */
body.design-new a.email.txt,
body.design-new .phones a.email,
body.design-new #header a.email,
body.design-new .middle_phone .phones .phone_text .email {
	color: var(--nd-email) !important;
}

/* Режим работы под e-mail */
body.design-new #header .phone_text .value,
body.design-new .middle_phone .phones .phone_text .value {
	color: var(--nd-schedule) !important;
}

/* Телефон: номер и кружок с трубкой */
body.design-new .phones a[href^="tel:"],
body.design-new #header a[href^="tel:"],
body.design-new .phone_text a[href^="tel:"] {
	color: var(--nd-phone) !important;
}

body.design-new .icons.fa-phone.callback_btn {
	background-color: var(--nd-phone-icon) !important;
	color: #fff !important;
}

/* Левый каталог. В шаблоне пункт — серая плашка #f9f9f9 в рамке #eaebec
   (template_styles.css, строка 596), в макете он белый с тонкой линией снизу. */
body.design-new .menu_top_block.catalog_block {
	background: #fff;
	box-shadow: var(--nd-card-shadow);
	border-radius: 2px;
}

body.design-new .menu_top_block.catalog_block .dropdown > li.full > a {
	color: var(--nd-menu-link) !important;
	background: var(--nd-menu-item-bg) !important;
	border-color: var(--nd-menu-border) !important;
	font-weight: 400;
}

body.design-new .menu_top_block.catalog_block .dropdown > li.full:hover > a,
body.design-new .menu_top_block.catalog_block .dropdown > li.full.current > a {
	background: var(--nd-blue-bg) !important;
}

/* Шеврон справа */
body.design-new .menu_top_block.catalog_block .dropdown > li.full > a:after {
	color: var(--nd-menu-chevron) !important;
}

/* Иконки категорий — инлайновый SVG из поля раздела, цвет зашит в самом коде.
   Перебиваем и заливку, и обводку; fill="none" не трогаем, иначе контурные
   иконки зальются целиком. */
body.design-new .menu_top_block.catalog_block .dropdown > li.full > a .icon svg {
	color: var(--nd-menu-icon);
}

body.design-new .menu_top_block.catalog_block .dropdown > li.full > a .icon svg *:not([fill="none"]) {
	fill: var(--nd-menu-icon) !important;
}

body.design-new .menu_top_block.catalog_block .dropdown > li.full > a .icon svg *[stroke]:not([stroke="none"]) {
	stroke: var(--nd-menu-icon) !important;
}

/* Блок выбора города */
body.design-new .city-select__heading {
	color: var(--nd-city-label) !important;
}

body.design-new .city-select a[data-target="#changecityModal"],
body.design-new .mobile_menu_city a[data-target="#changecityModal"],
body.design-new a[data-target="#changecityModal"] {
	color: var(--nd-city-link) !important;
}

/* Стикеры: голубые (распродажа — красная). Уголок одним clip-path,
   без :before — иначе белая щель между плашкой и треугольником. */
body.design-new .stickers > div > div:not(.sticker_sale_text) {
	background: var(--nd-blue-accent);
	color: #fff;
	padding-right: 14px;
	clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 0 100%);
}

body.design-new .stickers .sticker_sale_text {
	padding-right: 14px;
	clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 50%, calc(100% - 6px) 100%, 0 100%);
}

body.design-new .stickers [class*="sticker_"]:before,
body.design-new .stickers .sticker_sale_text:before {
	display: none !important;
	content: none !important;
}

/* Плашка «Под заказ» на карточке товара — поверх галереи */
body.design-new .catalog_detail .img_wrapper {
	position: relative;
	overflow: visible;
}

body.design-new .catalog_detail .item_main_info .stickers {
	top: 16px !important;
	left: 0 !important;
	z-index: 6;
	pointer-events: none;
}

body.design-new .catalog_detail .item_main_info .stickers .sticker_order {
	background: var(--nd-blue-accent) !important;
	color: #fff !important;
}

/* Блок «Под заказ» / «Хит продаж» на главной — ближе к макету */
body.design-new .tab_slider_wrapp {
	padding-top: 12px;
}

body.design-new .tab_slider_wrapp ul.tabs > li span,
body.design-new .specials_slider_wrapp ul.tabs > li span {
	color: #6b8eb8;
	font-weight: 500;
}

body.design-new .tab_slider_wrapp ul.tabs > li.cur span,
body.design-new .specials_slider_wrapp ul.tabs > li.cur span {
	color: var(--nd-product-title) !important;
	border-bottom-color: var(--nd-product-title) !important;
	font-weight: 700;
}

body.design-new .tab_slider_wrapp ul.tabs > li:hover span,
body.design-new .specials_slider_wrapp ul.tabs > li:hover span,
body.design-new .tab_slider_wrapp ul.tabs > li.cur:hover span,
body.design-new .specials_slider_wrapp ul.tabs > li.cur:hover span {
	color: var(--nd-product-title) !important;
}

body.design-new .best_block.tab_slider_wrapp ul.tabs_content {
	margin-top: 10px;
}

/* Карточки: холодная голубая рамка вместо серой #eaebec */
body.design-new .best_block.tab_slider_wrapp ul.tabs_content li.tab .catalog_block .catalog_item_wrapp .catalog_item .inner_wrap {
	border-color: var(--nd-card-border);
	padding: 0 0 18px;
	overflow: hidden;
	background: #fff;
}

body.design-new .best_block.tab_slider_wrapp ul.tabs_content li.tab .catalog_block .catalog_item_wrapp .catalog_item:hover .inner_wrap {
	border-color: var(--nd-card-border);
	box-shadow: var(--nd-card-shadow);
}

/* Зона фото на всю ширину + голубой фон. Ссылка с явным 170×170 —
   иначе absolute-img схлопывает контейнер и фото пропадает. */
body.design-new .best_block.tab_slider_wrapp .catalog_item .image_wrapper_block {
	position: relative;
	max-width: none !important;
	width: 100%;
	height: 198px;
	line-height: normal;
	margin: 0 0 14px !important;
	padding: 14px 16px;
	box-sizing: border-box;
	background: var(--nd-card-img-bg);
}

body.design-new .best_block.tab_slider_wrapp .catalog_item .image_wrapper_block > a {
	position: relative;
	display: block;
	width: 170px;
	max-width: 170px;
	min-width: 70px;
	height: 170px;
	line-height: 170px;
	margin: 0 auto;
}

body.design-new .best_block.tab_slider_wrapp .catalog_item .image_wrapper_block > a img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

body.design-new .best_block.tab_slider_wrapp .catalog_item .stickers {
	left: 0;
	top: 14px;
}

/* Название и цена — брендовый синий #004695 (не почти-чёрный #1d2029 / #1a2a4a) */
body.design-new .best_block.tab_slider_wrapp .catalog_item .item-title,
body.design-new .best_block.tab_slider_wrapp .catalog_item .item-title a,
body.design-new .best_block.tab_slider_wrapp .catalog_item .item-title a span,
body.design-new .best_block.tab_slider_wrapp .catalog_item a.dark_link {
	color: var(--nd-product-title) !important;
}

body.design-new .best_block.tab_slider_wrapp .catalog_item .item_info {
	padding: 0 16px;
}

body.design-new .best_block.tab_slider_wrapp .catalog_item .article_block {
	color: var(--nd-muted);
}

body.design-new .best_block.tab_slider_wrapp .catalog_item .item-stock,
body.design-new .best_block.tab_slider_wrapp .catalog_item .item-stock span,
body.design-new .best_block.tab_slider_wrapp .catalog_item .item-stock .value {
	color: var(--nd-muted) !important;
}

body.design-new .best_block.tab_slider_wrapp .catalog_item .cost.prices .price,
body.design-new .best_block.tab_slider_wrapp .catalog_item .cost.prices .price span,
body.design-new .best_block.tab_slider_wrapp .catalog_item .cost.prices .price .price_value,
body.design-new .best_block.tab_slider_wrapp .catalog_item .cost.prices .price .values_wrapper,
body.design-new .best_block.tab_slider_wrapp .catalog_item .cost.prices .price .price_value_block {
	color: var(--nd-product-title) !important;
}

body.design-new .best_block.tab_slider_wrapp .catalog_item .cost.prices .price.discount,
body.design-new .best_block.tab_slider_wrapp .catalog_item .cost.prices .price.discount span {
	color: #999 !important;
}

/* ========== Product detail (карточка товара) — как в макете ========== */

body.design-new #pagetitle {
	color: var(--nd-navy);
	font-weight: 700;
}

body.design-new .breadcrumbs {
	margin: 0 0 12px;
	font-size: 12px;
	line-height: 1.4;
}

body.design-new .breadcrumbs a,
body.design-new .breadcrumbs a:hover,
body.design-new .breadcrumbs a:focus {
	text-decoration: none !important;
	border-bottom: none !important;
}

/* Ссылки и «>» — жирные, синие; текущий товар — обычный, светлее */
body.design-new .breadcrumbs a,
body.design-new .breadcrumbs a span,
body.design-new .container .breadcrumbs a span,
body.design-new .breadcrumbs > .separator {
	color: #1e4685 !important;
	font-size: 12px;
	font-weight: 700 !important;
	border-bottom: none !important;
}

body.design-new .breadcrumbs > .separator {
	margin: 0 8px;
	bottom: 0;
}

body.design-new .breadcrumbs .drop a span {
	border-bottom: none !important;
}

body.design-new .breadcrumbs > span[itemprop="itemListElement"],
body.design-new .breadcrumbs > span[itemprop="itemListElement"] > span,
body.design-new .breadcrumbs > span[itemprop="itemListElement"] span[itemprop="name"],
body.design-new .container .breadcrumbs > span,
body.design-new .container .breadcrumbs > span span {
	color: #aeb6c4 !important;
	font-size: 12px;
	font-weight: 400 !important;
	border-bottom: none !important;
}

body.design-new .catalog_detail .item_main_info {
	display: flex;
	align-items: stretch;
	border-color: var(--nd-card-border);
	background: #fff;
	overflow: visible; /* иначе обрезается плашка «Под заказ» */
}

/* clearfix Aspro не должен ломать flex */
body.design-new .catalog_detail .item_main_info::after,
body.design-new .catalog_detail .item_main_info::before {
	display: none !important;
	content: none !important;
}

/* Равные высоты: галерея и правый блок */
body.design-new .catalog_detail .item_main_info > .img_wrapper {
	float: none !important;
	flex: 0 0 50%;
	width: 50%;
	max-width: 50%;
	box-sizing: border-box;
	background: #f5fafd;
	display: flex;
	flex-direction: column;
}

body.design-new .catalog_detail .item_main_info .item_slider {
	float: none !important;
	width: 100% !important;
	flex: 1 1 auto;
	box-sizing: border-box;
}

body.design-new .catalog_detail .item_main_info > .right_info {
	float: none !important;
	flex: 0 0 50%;
	width: 50%;
	max-width: 50%;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

/* Правая колонка: светло-голубая подложка на всю высоту */
body.design-new .catalog_detail .right_info .info_item {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex: 1 1 auto;
	height: 100%;
	min-height: 100%;
	padding: 16px 18px 18px;
	background: #eef6fc;
	box-sizing: border-box;
}

body.design-new .catalog_detail .right_info .info_item > .top_info {
	margin: 0 0 6px !important;
	padding: 0 !important;
	border: none !important;
	border-bottom: none !important;
	overflow: visible;
}

body.design-new .catalog_detail .right_info .info_item > .middle_info {
	margin: 0 0 10px !important;
	padding: 0 !important;
	float: none !important;
	overflow: visible;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

body.design-new .catalog_detail .right_info .middle_info .prices_block {
	padding: 0 !important;
	margin: 0 !important;
}

body.design-new .catalog_detail .item_main_info:not(.noffer) .middle_info .buy_block {
	display: none !important; /* у товаров с размерами кнопки в nd-buy-actions */
}

body.design-new .catalog_detail .item_main_info.noffer .buy_block {
	display: block;
	margin-top: auto;
	width: 100%;
	padding: 0;
}

body.design-new .catalog_detail .item_main_info.noffer .buy_block .nd-buy-actions {
	margin-top: 0;
	padding-top: 16px;
}

/* Кнопки noffer в колонке 220px; текст справа */
body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns .counter_wrapp,
body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns .button_block,
body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns .button_block.wide,
body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns .wrapp_one_click {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns .counter_wrapp {
	display: flex !important;
	flex-direction: column;
	gap: 14px;
	align-items: stretch;
}

/* Порядок как в макете: 1 клик → корзина/под заказ → избранное */
body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns .wrapp_one_click {
	order: 1;
}

body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns .counter_wrapp {
	order: 2;
}

body.design-new .catalog_detail .item_main_info.noffer .nd-buy-actions__btns .nd-wish-btn {
	order: 3;
}

/* «Под заказ» — компактная navy-кнопка, как «В корзину» */
body.design-new .catalog_detail .buy_block .to-order.button,
body.design-new .catalog_detail .button_block .to-order,
body.design-new .catalog_detail .buy_block .button.to-order {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 10px 14px !important;
	min-height: 38px !important;
	height: 38px !important;
	background: var(--nd-navy) !important;
	border: 1px solid var(--nd-navy) !important;
	border-radius: 0 !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	box-shadow: none !important;
}

body.design-new .catalog_detail .buy_block .to-order.button:before,
body.design-new .catalog_detail .buy_block .to-order.button:after,
body.design-new .catalog_detail .button_block .to-order:before,
body.design-new .catalog_detail .button_block .to-order:after {
	display: none !important;
	content: none !important;
}

/* Текст «менеджеры свяжутся» убираем — рядом уже дисклеймер про цену */
body.design-new .catalog_detail .buy_block .more_text,
body.design-new .catalog_detail .counter_wrapp .more_text,
body.design-new .catalog_detail .button_block .more_text {
	display: none !important;
}

/* Запасной скрытие избранного у «Под заказ» */
body.design-new .catalog_detail .buy_block:has(.to-order) .nd-wish-btn,
body.design-new .catalog_detail .nd-buy-under-order .nd-wish-btn {
	display: none !important;
}

/* У noffer в новом дизайне пустой element_detail_text не раздувает высоту */
body.design-new .catalog_detail .item_main_info.noffer .element_detail_text {
	display: none !important;
}

/* «В наличии» скрываем; «Под заказ» оставляем */
body.design-new .catalog_detail .right_info .quantity_block_wrapper,
body.design-new .catalog_detail .right_info .p_block,
body.design-new .catalog_detail .right_info .view_sale_block,
body.design-new .catalog_detail .right_info .cheaper_form {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

body.design-new .catalog_detail .right_info .item-stock {
	display: block !important;
	height: auto !important;
	overflow: visible !important;
	margin: 10px 0 4px !important;
	padding: 0 !important;
	color: #8a9bb0;
	font-size: 13px;
	line-height: 1.3;
	white-space: normal;
}

/* Иконка «В наличии» (.icon.stock) — прячем весь блок */
body.design-new .catalog_detail .right_info .item-stock:has(.icon.stock) {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}

body.design-new .catalog_detail .article,
body.design-new .catalog_detail .article .block_title,
body.design-new .catalog_detail .article .value {
	color: #8a9bb0 !important;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3;
	padding: 0 !important;
	margin: 0 !important;
}

/* Цены — плотнее */
body.design-new .catalog_detail .price-types {
	display: flex;
	gap: 28px;
	margin: 0 0 6px !important;
}

body.design-new .catalog_detail .price-type .price {
	color: var(--nd-navy) !important;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.15;
}

body.design-new .catalog_detail .price-type .price-name,
body.design-new .catalog_detail .retail-price .price-hint {
	color: #7a8ea8 !important;
	font-size: 12px;
	font-weight: 400;
	border-bottom: none !important;
	cursor: help;
}

body.design-new .catalog_detail .cost.prices {
	margin: 0 !important;
	padding: 0 !important;
}

body.design-new .catalog_detail .cost.prices .price,
body.design-new .catalog_detail .cost.prices .price .values_wrapper,
body.design-new .catalog_detail .cost.prices .price .price_value,
body.design-new .catalog_detail .cost.prices .price span {
	color: var(--nd-navy) !important;
	font-size: 26px !important;
	font-weight: 700;
	line-height: 1.1;
}

body.design-new .catalog_detail .retail-price {
	margin: 2px 0 0 !important;
	padding: 0 !important;
}

/* Иконки избранного/сравнения у фото — в макете кнопка «В избранное» */
body.design-new .catalog_detail .img_wrapper .like_icons {
	display: none !important;
}

/* «Поделиться» скрываем — в макете его нет */
body.design-new .catalog_detail .element_detail_text .sh {
	display: none !important;
}

/* У offers текст цены уже в nd-buy-actions — пустой wrap не мешает высоте */
body.design-new .catalog_detail .item_main_info:not(.noffer) .element_detail_text {
	display: none !important;
}

body.design-new .catalog_detail .element_detail_text {
	margin: 0;
}

body.design-new .catalog_detail .element_detail_text .price_txt,
body.design-new .catalog_detail .nd-buy-actions__note {
	float: none !important;
	width: auto !important;
	max-width: 100%;
	color: #8a9bb0;
	font-size: 11px;
	line-height: 1.4;
}

/* Кнопки слева, текст справа и ниже (у низа кнопок); блок у низа равной высоты */
body.design-new .catalog_detail .nd-buy-actions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-end;
	gap: 18px;
	margin-top: auto;
	padding-top: 24px;
	width: 100%;
}

body.design-new .catalog_detail .nd-buy-actions__btns {
	flex: 0 0 auto;
	width: 220px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	gap: 14px; /* больше расстояние между кнопками */
}

body.design-new .catalog_detail .nd-buy-actions__btns > * {
	margin: 0 !important;
	padding-bottom: 0 !important;
}

body.design-new .catalog_detail .nd-buy-actions__btns .sizes-block,
body.design-new .catalog_detail .nd-buy-actions__btns .nd-offers-one-click,
body.design-new .catalog_detail .nd-buy-actions__btns .hover_block1 {
	margin: 0 !important;
	margin-bottom: 0 !important;
	display: block;
	width: 100%;
}

body.design-new .catalog_detail .nd-buy-actions__note {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 200px;
	padding: 0;
	margin: 0 0 2px;
	align-self: flex-end; /* ниже — у уровня 2–3 кнопок */
}

/* Buy block — без счётчика количества */
body.design-new .catalog_detail .buy_block .counter_wrapp {
	flex-direction: column;
	align-items: stretch;
}

body.design-new .catalog_detail .counter_block.big_basket {
	display: none;
}

body.design-new .catalog_detail .wrapp_one_click {
	margin: 0 !important;
}

/* 1) Купить в 1 клик — красная + иконка корзины */
body.design-new .catalog_detail .wrapp_one_click .one_click,
body.design-new .catalog_detail .nd-buy-one-click,
body.design-new .catalog_detail .fast_view_block--offers,
body.design-new .catalog_detail .nd-offers-one-click .button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 10px 14px !important;
	min-height: 38px;
	height: 38px;
	background: var(--nd-red) !important;
	border: 1px solid var(--nd-red) !important;
	border-radius: 0 !important;
	color: #fff !important;
	text-align: center;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	box-shadow: none !important;
}

body.design-new .catalog_detail .fast_view_block--offers:before,
body.design-new .catalog_detail .nd-offers-one-click .button:before,
body.design-new .catalog_detail .wrapp_one_click .one_click:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 13px;
	flex: 0 0 15px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 14'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M1 1h2l1.5 8h8L14 4H4'/%3E%3Ccircle cx='6.5' cy='12.5' r='1.2' fill='%23fff'/%3E%3Ccircle cx='11.5' cy='12.5' r='1.2' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat;
}

body.design-new .catalog_detail .nd-offers-one-click {
	display: block !important;
	width: 100%;
	margin: 0 !important;
}

body.design-new .catalog_detail .nd-offers-one-click .counter_wrapp {
	display: block;
	width: 100%;
	margin: 0 !important;
}

/* 2) В корзину — navy */
body.design-new .catalog_detail .button_block .button,
body.design-new .catalog_detail .button_block .to-cart,
body.design-new .catalog_detail .button_block .in-cart,
body.design-new .catalog_detail .nd-add-to-cart,
body.design-new .catalog_detail .buy_block .button_block .button,
body.design-new .catalog_detail .show-sizes-btn,
body.design-new .catalog_detail .sizes-block .add-to-cart {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 10px 14px !important;
	min-height: 38px;
	height: 38px;
	background: var(--nd-navy) !important;
	border: 1px solid var(--nd-navy) !important;
	border-radius: 0 !important;
	color: #fff !important;
	text-align: center;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1.2;
	text-transform: none;
	box-shadow: none !important;
}

body.design-new .catalog_detail .show-sizes-btn:before,
body.design-new .catalog_detail .show-sizes-btn:after {
	display: none !important;
	content: none !important;
}

body.design-new .catalog_detail .sizes-block {
	margin: 0 !important;
}

body.design-new .catalog_detail .buy_block .wrapp_one_click .button.one_click {
	background: var(--nd-red) !important;
	border-color: var(--nd-red) !important;
	color: #fff !important;
}

/* 3) В избранное — прозрачная (просвечивает #eef6fc) + обводка + сердце */
body.design-new .catalog_detail button.nd-wish-btn,
body.design-new .catalog_detail .nd-wish-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: 100%;
	margin: 0 !important;
	padding: 9px 14px !important;
	min-height: 38px;
	height: 38px;
	border: 1px solid #2a5080 !important;
	border-radius: 0 !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	color: #1a3a66 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.2;
	text-transform: none !important;
	box-shadow: none !important;
	cursor: pointer;
	text-decoration: none !important;
	box-sizing: border-box;
}

body.design-new .catalog_detail button.nd-wish-btn:hover,
body.design-new .catalog_detail button.nd-wish-btn:focus,
body.design-new .catalog_detail button.nd-wish-btn:active,
body.design-new .catalog_detail .nd-wish-btn:hover,
body.design-new .catalog_detail .nd-wish-btn:focus,
body.design-new .catalog_detail .nd-wish-btn:active {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: #1a3a66 !important;
	text-decoration: none !important;
	opacity: .85;
}

body.design-new .catalog_detail .nd-wish-btn__icon {
	display: inline-block;
	width: 13px;
	height: 12px;
	flex: 0 0 13px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 13'%3E%3Cpath fill='%231a3a66' d='M7 12.2S1.2 8.2 1.2 4.1A2.9 2.9 0 0 1 7 2.9a2.9 2.9 0 0 1 5.8 1.2c0 4.1-5.8 8.1-5.8 8.1z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Галерея — светло-голубой фон; фото чуть крупнее 340, но не на всю ширину колонки */
body.design-new .catalog_detail .img_wrapper,
body.design-new .catalog_detail .item_slider,
body.design-new .catalog_detail .item_slider .slides,
body.design-new .catalog_detail .item_slider ul.slides li,
body.design-new .catalog_detail .item_slider .slides li {
	background: #f5fafd !important;
}

body.design-new .catalog_detail .item_main_info .item_slider {
	padding: 22px 40px 18px !important;
	box-sizing: border-box;
	text-align: center;
}

/* Квадрат по центру: шире 340, без растягивания на всю колонку */
body.design-new .catalog_detail .item_slider .slides {
	max-width: 400px !important;
	width: 400px !important;
	height: 400px !important;
	line-height: 400px !important;
	margin: 0 auto 16px !important;
}

body.design-new .catalog_detail .item_slider:not(.flex) .slides li {
	width: 100% !important;
	height: 400px !important;
	line-height: 400px !important;
	overflow: hidden;
}

/* Лёгкий zoom: у JPG белые поля вокруг товара — чуть заполняем кадр */
body.design-new .catalog_detail .item_slider .slides li img,
body.design-new .catalog_detail .item_slider .slides .offers_img img,
body.design-new .catalog_detail .img_wrapper .item_slider .slides img {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain;
	transform: scale(1.08);
	transform-origin: center center;
}

body.design-new .catalog_detail .item_slider .thumbs {
	max-width: 280px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

body.design-new .catalog_detail .item_slider #thumbs {
	width: 256px !important;
	height: 54px !important;
}

body.design-new .catalog_detail .item_slider .thumbs .slides_block li {
	width: 54px !important;
	height: 54px !important;
	line-height: 54px !important;
	margin-right: 10px !important;
}

body.design-new .catalog_detail .item_slider .thumbs li {
	border: 1px solid var(--nd-card-border) !important;
	box-sizing: border-box;
	background: #fff !important;
}

body.design-new .catalog_detail .item_slider .thumbs li.current {
	border-color: var(--nd-navy) !important;
}

body.design-new .catalog_detail .item_slider .thumbs li:hover {
	border-color: var(--nd-blue-accent) !important;
}

body.design-new .catalog_detail .img_wrapper .flex-direction-nav a,
body.design-new .catalog_detail .img_wrapper .thumbs_navigation .flex-direction-nav a {
	opacity: .85;
}

@media (max-width: 1200px) {
	body.design-new .catalog_detail .item_slider .slides {
		max-width: 360px !important;
		width: 360px !important;
		height: 360px !important;
		line-height: 360px !important;
	}

	body.design-new .catalog_detail .item_slider:not(.flex) .slides li {
		height: 360px !important;
		line-height: 360px !important;
	}
}

@media (max-width: 1024px) {
	body.design-new .catalog_detail .item_main_info .item_slider {
		padding: 16px 20px !important;
	}

	body.design-new .catalog_detail .item_slider .slides {
		max-width: 340px !important;
		width: 100% !important;
		height: 340px !important;
		line-height: 340px !important;
	}

	body.design-new .catalog_detail .item_slider:not(.flex) .slides li {
		height: 340px !important;
		line-height: 340px !important;
	}
}

/* Вкладки — компактные, как в макете: без вертикальных разделителей */
body.design-new .catalog_detail .tabs_section {
	margin-top: 28px;
}

body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	background: #eef6fc !important;
	border: 1px solid #d7e8f5 !important;
	border-bottom: none !important;
	overflow: visible;
	min-height: 0;
}

body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	border-right: none !important;
	border-radius: 0 !important;
	position: relative;
}

body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li:last-child {
	border-right: none !important;
}

/* Тема custom_im: толстая navy-полоска сверху у активной вкладки */
body.design-new .catalog_detail .tabs_section .tabs-head li.current:before,
body.design-new .catalog_detail .tabs_section .tabs-head li:before {
	display: none !important;
	content: none !important;
	background: none !important;
	height: 0 !important;
}

body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li > span,
body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li > a {
	display: block !important;
	margin: 0 !important;
	padding: 8px 18px !important; /* компактнее макету */
	color: #2a5080 !important;
	font-size: 14px !important;
	font-weight: 400 !important; /* неактивные — обычный вес */
	line-height: 1.25 !important;
	white-space: nowrap;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	cursor: pointer;
}

body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li:hover > span,
body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li:hover > a {
	color: var(--nd-navy) !important;
}

body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li.current {
	background: #fff !important;
	border-left: 1px solid #d7e8f5 !important;
	border-right: 1px solid #d7e8f5 !important;
	margin-bottom: -1px !important;
	padding: 0 !important;
	z-index: 1;
}

body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li.current:first-child {
	border-left: none !important;
}

body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li.current > span,
body.design-new .catalog_detail .tabs_section ul.tabs1.main_tabs1.tabs-head > li.current > a {
	background: #fff !important;
	color: var(--nd-navy) !important;
	font-weight: 700 !important;
	border: none !important;
	box-shadow: none !important;
}

body.design-new .catalog_detail .tabs_section .tabs_content.tabs-body {
	margin: 0;
	padding: 22px 28px 28px;
	background: #fff;
	border: 1px solid #d7e8f5;
	border-top: 1px solid #d7e8f5;
}

body.design-new .catalog_detail .detail_text,
body.design-new .catalog_detail .detail_text p,
body.design-new .catalog_detail .detail_text li,
body.design-new .catalog_detail .detail_text span {
	color: var(--nd-text);
	line-height: 1.55;
}

body.design-new .catalog_detail .detail_text b,
body.design-new .catalog_detail .detail_text strong {
	color: var(--nd-navy);
}

/* Галочки в описании — как в макете (ul/li + автоконверт строк с «*») */
body.design-new .catalog_detail .detail_text ul,
body.design-new .catalog_detail .detail_text ul.nd-check-list {
	list-style: none !important;
	margin: 14px 0 18px;
	padding: 0 !important;
}

body.design-new .catalog_detail .detail_text ul li,
body.design-new .catalog_detail .detail_text ul.nd-check-list li {
	position: relative;
	list-style: none !important;
	padding: 0 0 0 28px !important;
	margin: 0 0 10px !important;
	background: none !important;
	color: var(--nd-text);
	line-height: 1.45;
}

body.design-new .catalog_detail .detail_text ul li:before,
body.design-new .catalog_detail .detail_text ul.nd-check-list li:before {
	content: "" !important;
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #53a4d9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M1.2 5.2l3 3.1L10.8 1.4'/%3E%3C/svg%3E") center/9px 8px no-repeat !important;
	border: none !important;
	font-size: 0 !important;
	box-shadow: none !important;
}

/* Вложенные списки — тоже с галочками, чуть плотнее */
body.design-new .catalog_detail .detail_text ul ul {
	margin: 8px 0 4px;
}

body.design-new .catalog_detail .detail_text ul ul li {
	margin-bottom: 8px !important;
}

/* Product feature strip */
body.design-new .nd-product-features {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	margin: 36px 0 24px;
}

body.design-new .nd-product-features__item {
	text-align: center;
}

body.design-new .nd-product-features__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 56px;
	margin: 0 auto 12px;
	background: var(--nd-navy);
	clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
	color: #fff;
}

body.design-new .nd-product-features__title {
	margin: 0 0 8px;
	color: var(--nd-navy);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3;
}

body.design-new .nd-product-features__text {
	margin: 0;
	color: var(--nd-muted);
	font-size: 12px;
	line-height: 1.4;
}

/* Плавающие баннеры на главной: сетка как в макете
   | 2×1 | 1×1 |     |
   | 1×1 | 1×1 | 1×1 | 1×2 (справа на 2 ряда) | */

/* Без зазора сверху (к блоку «задачи бизнеса»), с отступом снизу (к «отраслям») */
body.design-new .nd-business-tasks .nd-section-inner {
	margin-bottom: 0;
}

body.design-new .wrapper_inner1.float_banners {
	margin: 0 0 14px !important;
}

body.design-new .wrapper_inner1.float_banners .start_promo,
body.design-new .start_promo {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr 1fr;
	gap: 5px;
	width: 100%;
	aspect-ratio: 2 / 1;
	margin: 0;
}

body.design-new .start_promo .item,
body.design-new .start_promo .item.wide50,
body.design-new .start_promo .item.wide100,
body.design-new .start_promo .item.normal {
	float: none !important;
	width: auto !important;
	height: auto !important;
	padding-bottom: 0 !important;
	border: none !important;
	min-height: 0;
}

body.design-new .start_promo .item:nth-child(1) {
	grid-column: 1 / span 2;
	grid-row: 1;
}

body.design-new .start_promo .item:nth-child(2) {
	grid-column: 3;
	grid-row: 1;
}

body.design-new .start_promo .item:nth-child(3) {
	grid-column: 4;
	grid-row: 1 / span 2;
}

body.design-new .start_promo .item:nth-child(4) {
	grid-column: 1;
	grid-row: 2;
}

body.design-new .start_promo .item:nth-child(5) {
	grid-column: 2;
	grid-row: 2;
}

body.design-new .start_promo .item:nth-child(6) {
	grid-column: 3;
	grid-row: 2;
}

/* Плашки с названиями на баннерах */
body.design-new .start_promo .wrap_tizer .wrap_outer,
body.design-new .start_promo .wrap_tizer .wrap_outer .outer_text,
body.design-new .start_promo .wrap_tizer .wrap_outer .inner_text {
	background: #004695 !important;
}

/* Footer adjustments */
body.design-new #footer .footer_inner {
	background: #eef2f7;
}

body.design-new #footer .callback_btn {
	background: var(--nd-red);
}

@media (max-width: 1024px) {
	body.design-new .nd-business-tasks__grid,
	body.design-new .nd-industries__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	body.design-new .nd-industries__label {
		white-space: normal;
		font-size: 13px;
	}

	body.design-new .nd-product-features {
		grid-template-columns: repeat(3, 1fr);
	}

	body.design-new .nd-trust-bar {
		flex-wrap: wrap;
		min-height: 0;
	}

	body.design-new .nd-trust-bar__main {
		flex: 1 1 100%;
		padding: 16px 20px;
		flex-wrap: wrap;
	}

	body.design-new .nd-trust-bar__slogan {
		flex: 1 1 100%;
		width: 100%;
		max-width: none;
		min-width: 0;
		margin: 0;
		transform: none;
		clip-path: none;
		padding: 16px 20px;
	}

	body.design-new .nd-trust-bar__slogan::before,
	body.design-new .nd-trust-bar__slogan::after {
		display: none;
	}

	body.design-new .nd-trust-bar__slogan-text {
		transform: none;
		padding: 0;
	}

	body.design-new .nd-trust-bar__logo {
		margin-right: 20px;
		margin-bottom: 8px;
	}

	body.design-new .nd-trust-bar__logo img {
		max-height: 52px;
	}

	/* Карточка: колонки друг под другом на планшете */
	body.design-new .catalog_detail .item_main_info {
		flex-direction: column;
	}

	body.design-new .catalog_detail .item_main_info > .img_wrapper,
	body.design-new .catalog_detail .item_main_info > .right_info {
		flex: 1 1 auto;
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	body.design-new .nd-section-title {
		font-size: 22px;
	}

	body.design-new .nd-business-tasks__grid,
	body.design-new .nd-industries__grid,
	body.design-new .nd-product-features {
		grid-template-columns: 1fr;
	}

	body.design-new .nd-trust-bar__items {
		flex-direction: column;
		align-items: flex-start;
	}

	body.design-new .nd-business-tasks__num {
		font-size: 34px;
	}

	body.design-new .start_promo {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
		aspect-ratio: auto;
		gap: 4px;
	}

	body.design-new .start_promo .item:nth-child(n) {
		grid-column: auto !important;
		grid-row: auto !important;
		aspect-ratio: 1 / 1;
		min-height: 140px;
	}

	body.design-new .start_promo .item:nth-child(1),
	body.design-new .start_promo .item:nth-child(3) {
		grid-column: 1 / span 2 !important;
		aspect-ratio: 2 / 1;
	}
}

/* Левые блоки «Новости» / «Статьи»: в макете белые карточки с тенью
   на общем светлом фоне (не заливка #eff5fa как у подписки). */
body.design-new .news_blocks {
	background: #fff !important;
	border-color: #e8edf3 !important;
	box-shadow: var(--nd-card-shadow);
}

body.design-new .news_blocks .top_block .title_block {
	color: var(--nd-subscribe-title) !important;
}

body.design-new .news_blocks .top_block a {
	color: var(--nd-city-link) !important;
}

body.design-new .news_blocks .info_block .item {
	border-bottom-color: #e8edf3 !important;
}

body.design-new .news_blocks .info_block .item .date {
	color: var(--nd-schedule) !important;
}

body.design-new .news_blocks .info_block .item .name,
body.design-new .news_blocks .info_block .item a.name,
body.design-new .news_blocks .info_block .item a.dark_link {
	color: var(--nd-subscribe-title) !important;
}