@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//test.neomedrem.kz/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//test.neomedrem.kz/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//test.neomedrem.kz/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//test.neomedrem.kz/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//test.neomedrem.kz/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//test.neomedrem.kz/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//test.neomedrem.kz/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//test.neomedrem.kz/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//test.neomedrem.kz/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 14px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-transform: none;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 8px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,135,209);
	--wd-alternative-color: rgb(28,161,179);
	--btn-default-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 500;
	--btn-default-transform: none;
	--btn-default-bgcolor: rgb(0,135,209);
	--btn-default-bgcolor-hover: rgb(0,160,222);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-font-family: "Manrope", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 500;
	--btn-accented-transform: none;
	--btn-accented-bgcolor: rgb(0,135,209);
	--btn-accented-bgcolor-hover: #00A0DE;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(0,135,209);
	--wd-link-decor-color: rgb(51,51,51);
	--wd-link-decor-color-hover: rgb(0,135,209);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-nav-mobile > li > a {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 13px;
	text-transform: none;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 18px;
	text-transform: none;
}
html .wd-nav.wd-nav-main > li > a, html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: none;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a, .whb-general-header .wd-nav.wd-nav-secondary > li > a, .whb-header-bottom .wd-nav.wd-nav-secondary > li > a, html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li > a, html .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp > .wd-sub-menu > li > a {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 13px;
	text-transform: none;
}
html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 13px;
	text-transform: none;
}
html .wd-product .price {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	color: rgb(0,0,0);
}
html .wd-product .wd-entities-title a {
	font-size: 13px;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del, html .wd-product-nav-desc .price, html .product-quick-view .summary-inner > .price {
	font-weight: 600;
	font-size: 14px;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .btn.wd-buy-now-btn, html .woocommerce-mini-cart__buttons .btn-cart, html .woocommerce-mini-cart__buttons .checkout, html .wd-empty-mini-cart .btn {
	font-family: "Manrope", Arial, Helvetica, sans-serif;
	font-weight: 500;
	text-transform: none;
	color: rgb(255,255,255);
	background: rgb(0,135,209);
}
html .btn.wd-buy-now-btn:hover, html .woocommerce-mini-cart__buttons .btn-cart:hover, html .woocommerce-mini-cart__buttons .checkout:hover, html .wd-empty-mini-cart .btn:hover {
	background: rgb(0,160,222);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 640px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1230px;
--wd-form-brd-radius: 5px;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-cat-brd-radius: 12px;
}

@media (min-width: 1230px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(28,97,231);
}

@font-face {
	font-family: "Manrope";
	src: url("//test.neomedrem.kz/wp-content/uploads/2025/07/Manrope.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

/* NM MANROPE 800 */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_G-bnBeA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E9_C-bk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =========================================================
   HEADER
   ========================================================= */

/* =========================================================
   ШРИФТ DAYS
   ========================================================= */

@font-face {
  font-family: 'Days';
  src:
    url('/wp-content/themes/woodmart-child/fonts/Days.woff2') format('woff2'),
    url('/wp-content/themes/woodmart-child/fonts/Days.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* =========================================================
   ПЕРЕМЕННЫЕ
   ========================================================= */

:root {
  --neu-bg: #eef2f7;
  --neu-dark: #adb8c8;
  --neu-light: #ffffff;

  --accent: #0087d1;
  --accent-light: #33a3e0;
  --accent-teal: #0091ad;

  --text-primary: #2a3f5a;
  --text-muted: #5a7390;
  --text-light: #8ba3bc;

  --sh-r-xs: 3px 3px 7px var(--neu-dark), -3px -3px 7px var(--neu-light);
  --sh-r-s:  6px 6px 12px var(--neu-dark), -6px -6px 12px var(--neu-light);
  --sh-r-m:  7px 7px 16px var(--neu-dark), -7px -7px 16px var(--neu-light);
  --sh-r-l:  9px 9px 20px var(--neu-dark), -9px -9px 20px var(--neu-light);
  --sh-i-m:  inset 5px 5px 13px var(--neu-dark), inset -5px -5px 13px var(--neu-light);
	--sh-i-s:  inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);
	
	--nm-header-icon-compare: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E");

  --nm-header-icon-wishlist: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");

  --nm-header-icon-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
}


/* =========================================================
   ТОП БАР: ОБЩАЯ ПАНЕЛЬ
   ========================================================= */

.whb-top-bar-inner {
  padding-top: 5px;
}

.whb-col-right,
.whb-mobile-right {
  margin-right: 0 !important;
}

.whb-header_648594 .whb-top-bar {
  border-bottom: 1px solid rgba(173, 184, 200, 0.4) !important;
}

@media (min-width: 1025px) {
  .whb-top-bar .whb-col-right .wd-header-text {
    padding-right: 0 !important;
  }
}


/* =========================================================
   ТОП БАР: КОНТАКТНЫЙ БЛОК (телефоны + WhatsApp + CTA)
   ========================================================= */

html body .nm-header-contact-box {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  white-space: nowrap;
}

.nm-header-phones {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  line-height: 1;
  white-space: nowrap;
}

.nm_headphone,
.nm-headphone-mobile {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  line-height: 1;
}

.nm-headphone-mobile {
  position: relative;
  padding-left: 14px;
}

.nm-headphone-mobile::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  background: rgba(173, 184, 200, 0.5);
  transform: translateY(-50%);
}

.nm_headphone > a:not(.nm-header-whatsapp),
.nm-headphone-mobile > a:not(.nm-header-whatsapp) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.25s ease;
}

.nm_headphone > a:not(.nm-header-whatsapp):hover,
.nm-headphone-mobile > a:not(.nm-header-whatsapp):hover {
  color: var(--accent);
}

.nm-phone-inline-icon {
  display: block;
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  fill: none;
  stroke: var(--accent-teal);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* WhatsApp иконка — лёгкая, без обводки */
.nm-header-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  text-decoration: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.nm-header-whatsapp img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.nm-header-whatsapp:hover {
  opacity: 0.9;
  transform: translateY(-1px) scale(1.06);
}

/* Кнопка "Заказать звонок" — неоморфная плитка */
.nm-header-call-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 16px;
  border: 0;
  border-radius: 10px;
  background: var(--neu-bg);
  box-shadow: var(--sh-r-xs);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.nm-header-call-btn:hover {
  box-shadow: var(--sh-r-s);
  transform: translateY(-1px);
  text-decoration: none;
}

.nm-header-call-text {
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  transition: color 0.25s ease;
}

.nm-header-call-btn:hover .nm-header-call-text {
  color: var(--accent-teal);
}

.nm-header-call-btn::after {
  content: "";
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: url('/wp-content/uploads/2026/03/nm_phone.svg') center / contain no-repeat;
  transition: transform 0.25s ease;
}

.nm-header-call-btn:hover::after {
  transform: rotate(-8deg);
}

@media (max-width: 1360px) {
  html body .nm-header-contact-box { gap: 12px; }
  .nm-header-phones { gap: 12px; }
  .nm_headphone > a,
  .nm-headphone-mobile > a { font-size: 12px !important; }
  .nm-header-call-text { font-size: 12px; }
}


/* =========================================================
   ОСНОВНАЯ ШАПКА: ТЕНЬ (sticky)
   ========================================================= */

@media (min-width: 1025px) {
  .whb-header_648594 .whb-main-header .whb-row.whb-general-header,
  .whb-header_648594 .whb-main-header .whb-general-header,
  .whb-header_648594 .whb-main-header .whb-sticky-row,
  .whb-header_648594 .whb-main-header .whb-row.whb-general-header.whb-sticky-row {
    box-shadow: none !important;
  }

  .whb-header_648594.whb-sticked .whb-main-header .whb-row.whb-general-header.whb-sticky-row,
  .whb-header_648594.whb-sticked .whb-main-header .whb-sticky-row,
  .whb-header_648594.whb-sticked .whb-main-header .whb-general-header {
    position: relative !important;
    z-index: 20 !important;
    box-shadow: 0 6px 18px rgba(12, 26, 46, 0.14) !important;
  }
}

@media (max-width: 1024px) {
  .whb-header_648594 > .whb-main-header > .whb-row.whb-general-header {
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.18) !important;
  }
  .whb-clone.whb-sticked {
    box-shadow: 0 1px 10px -2px rgba(0, 0, 0, 0.28) !important;
  }
}


/* =========================================================
   ЛОГОТИП: марка + текст НЕО·МЕД·РЕМ
   ========================================================= */

.whb-header_648594 .whb-col-left.whb-visible-lg {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.whb-header_648594 .whb-col-left .site-logo {
  display: flex !important;
  align-items: center !important;
}

html body .site-logo a.wd-logo img {
  width: 60px !important;
  height: 60px !important;
  padding: 4px !important;
  border-radius: 14px !important;
  object-fit: contain !important;
  mix-blend-mode: multiply !important;
  box-shadow: var(--sh-r-m) !important;
}

.nm-logo-text {
  display: inline-flex !important;
  align-items: center !important;
  font-family: 'Days', sans-serif !important;
  font-size: 26px !important;
  font-weight: normal !important;
  letter-spacing: -0.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.nm-logo-text .neo,
.nm-logo-text .rem { color: var(--text-primary) !important; }
.nm-logo-text .med { color: var(--accent) !important; }


/* =========================================================
   ПРАВАЯ КОЛОНКА: gap между поиском и иконками
   ========================================================= */

html body .whb-col-right.whb-column10.whb-visible-lg {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}


/* =========================================================
   ПОИСК: минималистичный с синей рамкой при фокусе (v7)
   ========================================================= */

html body .wd-search-form.wd-header-search-form {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  height: 50px !important;
  padding: 1px 1px 1px 18px !important;
  border: 1.5px solid rgba(0, 135, 209, 0.15) !important;
  border-radius: 10px !important;
  background: var(--neu-bg) !important;
  box-shadow: 6px 6px 14px var(--neu-dark), -6px -6px 14px var(--neu-light) !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

html body .wd-search-form.wd-header-search-form:focus-within {
  border-color: rgba(0, 135, 209, 0.45) !important;
  box-shadow: 7px 7px 18px var(--neu-dark), -7px -7px 18px var(--neu-light) !important;
}

html body .wd-search-form .searchform {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .wd-search-form .searchform input.s {
  flex: 1 !important;
  height: 100% !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-primary) !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
}

html body .wd-search-form .searchform input.s::placeholder {
  color: var(--text-light) !important;
}

/* Разделитель между полем и кнопкой */
html body .wd-search-form .searchform::before {
  content: "" !important;
  width: 1px !important;
  height: 24px !important;
  background: rgba(173, 184, 200, 0.4) !important;
  margin-right: 10px !important;
  flex-shrink: 0 !important;
  order: 2 !important;
}

/* Кнопка поиска — лупа */
html body .wd-search-form .searchform button.searchsubmit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  flex-shrink: 0 !important;
  border: none !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--accent), var(--accent-teal)) !important;
  box-shadow: 2px 2px 8px rgba(0, 135, 209, 0.35) !important;
  cursor: pointer !important;
  order: 3 !important;
  transition: box-shadow 0.2s ease, transform 0.15s ease !important;
}

html body .wd-search-form .searchform button.searchsubmit:hover {
  box-shadow: 3px 3px 14px rgba(0, 135, 209, 0.55) !important;
  transform: translateY(-1px) !important;
}

html body .wd-search-form .searchform button.searchsubmit::after {
  content: "" !important;
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")
    center / contain no-repeat !important;
}

html body .wd-search-form .searchform button.searchsubmit span {
  display: none !important;
}


/* =========================================================
   ИКОНКИ: СРАВНЕНИЕ И КОРЗИНА (парящие плитки)
   ========================================================= */

html body .wd-header-compare.wd-tools-element > a,
html body .wd-header-wishlist.wd-tools-element > a,
html body .wd-header-cart.wd-tools-element > a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--neu-bg) !important;
  box-shadow: var(--sh-r-s) !important;
  color: var(--text-muted) !important;
) !important;
  text-decoration: none !important;
  overflow: visible !important;
  transition:
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease !important;
}

html body .wd-header-compare.wd-tools-element > a:hover,
html body .wd-header-wishlist.wd-tools-element > a:hover,
html body .wd-header-cart.wd-tools-element > a:hover {
  box-shadow: var(--sh-r-s) !important;
  transform: translateY(-1px) !important;
}

html body .wd-header-compare.wd-tools-element > a:active,
html body .wd-header-wishlist.wd-tools-element > a:active,
html body .wd-header-cart.wd-tools-element > a:active {
	box-shadow: var(--sh-i-s); 
	transform: none; 
}

/* Контейнер иконки */
html body .wd-header-compare .wd-tools-icon,
html body .wd-header-wishlist .wd-tools-icon,
html body .wd-header-cart .wd-tools-icon {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html body .wd-header-compare .wd-tools-icon:hover,
html body .wd-header-wishlist .wd-tools-icon:hover,
html body .wd-header-cart .wd-tools-icon:hover {
  color: var(--accent) !important;
}

/* Скрываем только штатные картинки/иконки, но не счетчики */
html body .wd-header-compare .wd-tools-icon > img,
html body .wd-header-wishlist .wd-tools-icon > img,
html body .wd-header-cart .wd-tools-icon > img,
html body .wd-header-compare .wd-tools-icon > svg,
html body .wd-header-wishlist .wd-tools-icon > svg,
html body .wd-header-cart .wd-tools-icon > svg,
html body .wd-header-compare .wd-tools-icon .wd-custom-icon,
html body .wd-header-wishlist .wd-tools-icon .wd-custom-icon,
html body .wd-header-cart .wd-tools-icon .wd-custom-icon {
  display: none !important;
}

html body .wd-header-compare .wd-tools-icon::after,
html body .wd-header-wishlist .wd-tools-icon::after,
html body .wd-header-cart .wd-tools-icon::after {
  display: none !important;
}

html body .wd-header-compare .wd-tools-icon::before,
html body .wd-header-wishlist .wd-tools-icon::before,
html body .wd-header-cart .wd-tools-icon::before {
  content: "" !important;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 18px !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

/* Сравнение */
html body .wd-header-compare .wd-tools-icon::before {
  -webkit-mask-image: var(--nm-header-icon-compare) !important;
  mask-image: var(--nm-header-icon-compare) !important;
}

/* Избранное */
html body .wd-header-wishlist .wd-tools-icon::before {
  -webkit-mask-image: var(--nm-header-icon-wishlist) !important;
  mask-image: var(--nm-header-icon-wishlist) !important;
}

/* Корзина */
html body .wd-header-cart .wd-tools-icon::before {
  -webkit-mask-image: var(--nm-header-icon-cart) !important;
  mask-image: var(--nm-header-icon-cart) !important;
}


/* =========================================================
   БЕЙДЖИ СЧЁТЧИКОВ (корзина / сравнение)
   ========================================================= */

html body .wd-tools-count,
html body .wd-cart-number {
  position: absolute; 
	top: 4px; 
	right: 5px;
  width: 22px; 
	height: 22px; 
	border-radius: 8px;
  background: var(--accent); 
	color: #fff;
  font-size: 10px; 
	font-weight: 700;
  display: flex; 
	align-items: center; 
	justify-content: center;
  box-shadow: 2px 2px 6px rgba (0,135,209,0.4);
  border: 2px solid var(--neu-bg);
}

html body .wd-cart-number span { display: none !important; }


/* =========================================================
   МОБИЛЬНАЯ ШАПКА: плитки иконок
   ========================================================= */

@media (max-width: 1024px) {
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg {
    --nm-tile-size: 40px;
    --nm-icon-size: 20px;
    --nm-gap: 8px;
    --nm-radius: 10px;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--nm-gap) !important;
    margin-right: 10px;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg > * {
    width: var(--nm-tile-size) !important;
    min-width: var(--nm-tile-size) !important;
    max-width: var(--nm-tile-size) !important;
    height: var(--nm-tile-size) !important;
    min-height: var(--nm-tile-size) !important;
    max-height: var(--nm-tile-size) !important;
    flex: 0 0 var(--nm-tile-size) !important;
    align-self: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-tools-element,
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-header-text.reset-last-child.wb-inline {
    margin: 0 !important;
    padding: 0 !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-tools-element > a,
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .nm-mobile-call-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: var(--nm-radius) !important;
    outline: 0 !important;
    background: var(--neu-bg) !important;
    box-shadow: 4px 4px 10px var(--neu-dark), -4px -4px 10px var(--neu-light) !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    -webkit-tap-highlight-color: transparent;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-tools-element > a:active,
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .nm-mobile-call-toggle:active {
    box-shadow: inset 3px 3px 7px var(--neu-dark), inset -3px -3px 7px var(--neu-light) !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-header-text {
    display: block !important;
    width: var(--nm-tile-size) !important;
    height: var(--nm-tile-size) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .nm-mobile-call-dropdown {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .nm-mobile-call-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-tools-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 1 !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-tools-icon .wd-custom-icon,
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .nm-mobile-call-toggle-icon {
    display: block !important;
    width: var(--nm-icon-size) !important;
    height: var(--nm-icon-size) !important;
    filter: none !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-header-cart .wd-tools-text {
    display: none !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-cart-number span {
    display: none !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-tools-count,
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-cart-number {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    min-width: 17px !important;
    height: 17px !important;
    border: 2px solid var(--neu-bg) !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-tools-element > a::before,
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-tools-element > a::after,
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .nm-mobile-call-toggle::before,
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .nm-mobile-call-toggle::after {
    display: none !important;
  }
}


/* =========================================================
   МОБИЛЬНАЯ ПАНЕЛЬ ЗВОНКА
   ========================================================= */

@media (max-width: 1024px) {
  .nm-mobile-call-panel-inner {
    display: flex !important;
    align-items: center !important;
  }

  .nm-mobile-call-phone { flex: 0 1 auto !important; }

  .nm-mobile-call-wa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 auto !important;
    margin-right: 10px !important;
    margin-left: auto !important;
    text-decoration: none !important;
  }

  .nm-mobile-call-wa img {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
  }

  .nm-mobile-call-popup {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .nm-mobile-call-wa {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px !important;
  }
  .nm-mobile-call-wa img {
    width: 20px !important;
    height: 20px !important;
  }
}


/* =========================================================
   МОБИЛЬНЫЙ ПОИСК (открытый)
   ========================================================= */

@media (max-width: 1024px) {
  .wd-search-opened .wd-header-search .wd-tools-element,
  .wd-search-opened .wd-header-search,
  .wd-search-opened .wd-header-search a,
  .wd-search-opened .wd-header-search .wd-tools-icon {
    --wd-header-el-color: var(--accent) !important;
    --wd-header-el-color-hover: var(--accent-light) !important;
  }

  .wd-search-opened .wd-header-search .wd-tools-element > a::before,
  .wd-search-opened .wd-header-search .wd-tools-element > a::after {
    border-color: var(--accent) !important;
  }

  .wd-search-opened .wd-header-search .wd-tools-element > a:hover::before,
  .wd-search-opened .wd-header-search .wd-tools-element > a:hover::after {
    border-color: var(--accent-light) !important;
  }
}




/* =========================
   NEOMEDREM: МОБИЛЬНАЯ ВЫПАДАЮЩАЯ ПАНЕЛЬ ЗВОНКА
   ЧИСТЫЙ ВАРИАНТ БЕЗ КОНФЛИКТА LEFT/RIGHT/TRANSFORM
   ========================= */

@media (max-width: 1024px) {
  .nm-mobile-call-panel {
    position: fixed !important;
    top: 110px !important; /* подстрой при необходимости */
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: unset !important;

    background: #ffffff !important;
    border: 1px solid #dbe7f3 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(12, 26, 46, 0.12) !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 99999 !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .nm-mobile-call-dropdown.is-open .nm-mobile-call-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .nm-mobile-call-panel-inner {
    padding: 20px 14px !important;
    gap: 10px !important;
    justify-content: space-between !important;
    white-space: nowrap !important;
  }

  .nm-mobile-call-phone {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #0c1a2e !important;
    text-decoration: none !important;
  }

  .nm-mobile-call-phone:hover {
    color: #0087d1 !important;
    text-decoration: none !important;
  }

  .nm-mobile-call-popup {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
  }

  .nm-mobile-call-popup:hover {
    text-decoration: none !important;
  }

  .nm-mobile-call-popup-text {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #0087d1 !important;
    transition: color .25s ease !important;
  }

  .nm-mobile-call-popup:hover .nm-mobile-call-popup-text {
    color: #00a0de !important;
  }

  .nm-mobile-call-popup-icon {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    transition: transform .25s ease !important;
  }

  .nm-mobile-call-popup:hover .nm-mobile-call-popup-icon {
    transform: rotate(-8deg) !important;
  }
}

@media (max-width: 767px) {
  .nm-mobile-call-panel {
    top: 120px !important; /* если шапка чуть ниже/выше */
    left: 12px !important;
    right: 12px !important;
    transform: none !important;
    width: calc(100vw - 24px) !important;
    min-width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  .nm-mobile-call-panel-inner {
    padding: 20px 14px !important;
    gap: 10px !important;
    justify-content: space-between !important;
    white-space: nowrap !important;
  }

  .nm-mobile-call-phone {
    font-size: 15px !important;
  }

  .nm-mobile-call-popup-text {
    font-size: 13px !important;
  }

  .nm-mobile-call-popup-icon {
    width: 15px !important;
    height: 15px !important;
  }
}



/* =========================
   NEOMEDREM: КРЕСТИК POPUP CALLBACK
   ========================= */

body .wd-mfp-popup-wrap-33556 .wd-popup-wrap {
  position: relative !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close {
  position: absolute !important;
  top: 10px !important;
  right: 25px !important;
  left: auto !important;
  z-index: 100001 !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, .15) !important;
  text-decoration: none !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close .wd-action-icon,
body .wd-mfp-popup-wrap-33556 .wd-popup-close .wd-action-icon::before,
body .wd-mfp-popup-wrap-33556 .wd-popup-close .wd-action-icon::after {
  display: none !important;
  content: none !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close a::before,
body .wd-mfp-popup-wrap-33556 .wd-popup-close a::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 18px !important;
  height: 2px !important;
  margin-left: -9px !important;
  margin-top: -1px !important;
  background: #5c5a54 !important;
  transform-origin: center center !important;
  transition: transform .25s ease, background-color .25s ease !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close a::before {
  transform: rotate(45deg) !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close a::after {
  transform: rotate(-45deg) !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close:hover a::before,
body .wd-mfp-popup-wrap-33556 .wd-popup-close:hover a::after {
  background: #0087d1 !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close:hover a::before {
  transform: rotate(0deg) !important;
}

body .wd-mfp-popup-wrap-33556 .wd-popup-close:hover a::after {
  transform: rotate(0deg) !important;
}











/* =====================================================
   NM: Страница — Коммерческое предложение
   /kommercheskoe-predlozhenie/
===================================================== */
.nm-kp__title {
    font-size: 22px;
	  font-weight: 600;
}

/* ===== ШАГИ ===== */

.nm-kp__steps {
    list-style: none;
    padding: 0;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.nm-kp__step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-left: 20px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
	  font-weight: 500;
    line-height: 1.2;
    color: #0C1A2E;
}

.nm-kp__step--note {
    padding-left: 50px;
    font-size: 13px;
    color: #718096;
	  font-weight: 500;
}

.nm-about-img-left img {
    border-radius: 12px 0 0 12px;
}

.nm-about-img-right img {
    border-radius: 0 12px 12px 0;
}

/* ===== SVG ТРЕУГОЛЬНИК ===== */

.nm-kp__step-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.nm-kp__step-icon img {
    width: 18px;
    height: 18px;
    transform: rotate(90deg);
    display: block;
}

/* ===== ИКОНКА ПРИМЕЧАНИЯ ===== */

.nm-kp__step-note-icon {
    color: #0087D1;
    font-weight: 600;
    flex-shrink: 0;
    font-size: 15px;
    margin-top: -3px;
}

/* ===== ТЕКСТ ===== */

.nm-kp__step-text strong {
    font-weight: 700;
    color: #0C1A2E;
}

.nm-kp__step--note .nm-kp__step-text strong {
    color: #718096;
}

/* ===== КНОПКА ===== */

.nm-kp__btn {
    display: inline-flex;
    align-items: center;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background: #0087D1;
    padding: 12px 32px;
    border-radius: 8px;
    text-decoration: none;
    transition: background .2s;
}

.nm-kp__btn:hover {
    background: #00a0de;
    color: #fff;
}

/* ===== КОНТАКТЫ ===== */

.nm-kp__contacts {
    background: #f8fafc;
    border: 1px solid #e2eaf3;
    border-radius: 10px;
    padding: 20px 24px;
    max-width: 400px;
	  margin-top: 30px;
}

.nm-kp__contacts-title {
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #0C1A2E;
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 14px;
}

.nm-kp__contacts-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nm-kp__contact {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
	  font-weight: 500;
}

.nm-kp__contact-label {
    color: #718096;
    min-width: 72px;
}

.nm-kp__contact-value {
    color: #0087D1;
    font-weight: 600;
    text-decoration: none;
}

.nm-kp__contact-value:hover {
    color: #005f9e;
}

/* ===== АДАПТИВ ===== */

@media (max-width: 768px) {
    .nm-kp__btn {
        width: 100%;
        justify-content: center;
    }
    .nm-kp__contacts {
        max-width: 100%;
    }
    .nm-kp__step {
        padding-left: 10px;
    }
    .nm-kp__step--note {
        padding-left: 20px;
    }
}

/* =====================================================
   NM: Страница — О компании /about/
===================================================== */

.nm-about {
    max-width: 100%;
    padding: 0;
}

/* ===== HERO ===== */

.nm-about__hero {
    padding: 40px 0 48px;
    max-width: 800px;
}

#nm-about-hero-banner .promo-banner {
    position: relative;
}

#nm-about-hero-banner .promo-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(26 163 239 / 20%) 0%, #00000000 40%, rgb(30 50 80 / 88%) 100%);
    z-index: 2;
    pointer-events: none;
}

#nm-about-hero-banner .promo-banner .wrapper-content-banner {
    z-index: 3;
}

#nm-about-hero-banner .banner-border .wrapper-content-banner {
    border: 5px solid #5295bd8a;
}

/* ===== СЧЁТЧИКИ ===== */

.nm-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 56px;
	  min-height: 148px;
}
.nm-stat {
  text-align: center;
  padding: 40px 16px;
}
.nm-stat:nth-child(1) { background: #00A0DE; }
.nm-stat:nth-child(2) { background: #0099DC; }
.nm-stat:nth-child(3) { background: #0091D8; }
.nm-stat:nth-child(4) { background: #0087D1; }
.nm-stat-num {
    font-family: 'Manrope', sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    margin-bottom: 8px;
}
.nm-stat-label {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: rgba(255,255,255,.85);
    line-height: 1.4;
}
@media (max-width: 768px) {
  .nm-stats {
    grid-template-columns: repeat(2, 1fr);
  }
	 .nm-stat {
    padding: 32px 16px;
  }
}

/* ===== КЛИЕНТЫ ===== */

.nm-about-achievements {
  position: relative;
  background-image: url('/wp-content/uploads/2026/04/about-bg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	border-radius: 8px;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto 28px;
}

.nm-about-achievements::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(12, 26, 46, 0.88) 0%,
    rgba(12, 26, 46, 0.75) 45%,
    rgba(12, 26, 46, 0.15) 100%
  );
}

.nm-about-achievements__inner {
  position: relative;
  max-width: 580px;
  padding: 72px 48px;
}

.nm-about-achievements__title {
  font-family: Manrope, sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 36px;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.nm-about-achievements__list {
  display: grid;
  gap: 28px;
}

.nm-about-achievements__item {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 18px;
  align-items: flex-start;
}

.nm-about-achievements__num {
  font-family: Manrope, sans-serif;
  font-size: 32px;
  font-weight: 800;
  color: #0087D1;
  line-height: 1;
  margin-top: 2px;
}

.nm-about-achievements__text {
  font-family: Manrope, sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.82);
}

@media (max-width: 767px) {
  .nm-about-achievements__inner {
    padding: 48px 20px;
    max-width: 100%;
  }

  .nm-about-achievements__title {
    font-size: 22px;
  }
}

.nm-about__clients-section {
    margin-bottom: 56px;
}

.nm-about__clients-head {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 28px;
}

.nm-about__clients-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.nm-about__client {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f8fafc;
    border: 1px solid #e2eaf3;
    border-radius: 10px;
    padding: 16px 18px;
    transition: border-color .2s, box-shadow .2s;
}

.nm-about__client:hover {
    border-color: #0087D1;
    box-shadow: 0 4px 12px rgba(0,135,209,.1);
}

.nm-about__client-icon {
    font-size: 24px;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}

.nm-about__client-name {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #0C1A2E;
    line-height: 1.4;
}

.nm-about__client-icon img {
    width: 40px;
    height: 40px;
    display: block;
}

/* ===== МИССИЯ ===== */

.nm-about__mission {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 0;
    padding: 48px 0;
}

.nm-about__mission-title {
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #0C1A2E;
    margin: 0 0 20px;
}

.nm-about__mission-text p {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #4a5568;
    line-height: 1.75;
    margin-bottom: 14px;
}

.nm-about__mission-aside {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nm-about__mission-quote {
    font-family: 'Manrope', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0087D1;
    line-height: 1.5;
    text-align: center;
    padding: 32px;
    background: #EBF5FC;
    border-radius: 12px;
    border-left: 4px solid #0087D1;
    font-style: italic;
}

/* ===== ПРЕИМУЩЕСТВА ===== */

.nm-about__benefits {
    background: #0C1A2E;
    margin: 0 calc(-50vw + 50%);
    padding: 56px calc(50vw - 50%);
    margin-bottom: 56px;
}

.nm-about__benefits-title {
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 36px;
    text-align: center;
}

.nm-about__benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    max-width: 1200px;
    margin: 0 auto;
}

.nm-about__benefit {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0;
}

.nm-about__benefit-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    margin-top: 2px;
}

.nm-about__benefit-icon img {
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    filter: brightness(0) invert(1);
    opacity: .7;
}

.nm-about__benefit-head {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    flex: 1;
}

.nm-about__benefit-text {
    width: 100%;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: rgba(255,255,255,.65);
    line-height: 1.65;
    margin: 8px 0 0;
    padding-left: 28px;
}

/* ===== БРЕНДЫ ===== */

.nm-about__brands-section {
    margin-bottom: 56px;
}

.nm-about__brands-title {
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #0C1A2E;
    margin: 0 0 24px;
}

.nm-about__brands {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.nm-about__brand {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #4a5568;
    background: #f8fafc;
    border: 1px solid #e2eaf3;
    padding: 6px 16px;
    border-radius: 20px;
    transition: border-color .2s, color .2s;
}

.nm-about__brand:hover {
    border-color: #0087D1;
    color: #0087D1;
}

/* ===== CTA ===== */

.nm-about__cta {
    background: linear-gradient(135deg, #0C1A2E 0%, #0d2748 100%);
    border-radius: 14px;
    padding: 48px;
    text-align: center;
    margin-bottom: 40px;
}

.nm-about__cta-text {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    line-height: 1.4;
}

.nm-about__cta-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.nm-about__cta-btn {
    display: inline-flex;
    align-items: center;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 32px;
    border-radius: 8px;
    text-decoration: none;
    transition: background .2s, color .2s, transform .15s;
}

.nm-about__cta-btn:hover {
    transform: translateY(-1px);
}

.nm-about__cta-btn--light {
    background: #fff;
    color: #0087D1;
}

.nm-about__cta-btn--light:hover {
    background: #EBF5FC;
    color: #005f9e;
}

.nm-about__cta-btn--whatsapp {
    background: #25D366;
    color: #fff;
}

.nm-about__cta-btn--whatsapp:hover {
    background: #1dab52;
    color: #fff;
}

.nm-about__cta-contacts {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: rgba(255,255,255,.5);
}

.nm-about__cta-contacts a {
    color: rgba(255,255,255,.8);
    text-decoration: none;
    font-weight: 600;
    transition: color .2s;
}

.nm-about__cta-contacts a:hover {
    color: #fff;
}


/* ===== АДАПТИВ ===== */

@media (max-width: 1024px) {
    .nm-about__benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .nm-about__stats {
        grid-template-columns: repeat(2, 1fr);
    }
    .nm-about__stat:nth-child(2) {
        border-right: none;
    }
    .nm-about__stat:nth-child(1),
    .nm-about__stat:nth-child(2) {
        border-bottom: 1px solid #e2eaf3;
    }
    .nm-about__clients-grid {
        grid-template-columns: 1fr;
    }
    .nm-about__mission {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .nm-about__benefits-grid {
        grid-template-columns: 1fr;
    }
    .nm-about__cta {
        padding: 32px 20px;
    }
    .nm-about__cta-actions {
        flex-direction: column;
    }
    .nm-about__cta-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .nm-about__stat-num {
        font-size: 32px;
    }
    .nm-about__hero-title {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
  .nm-about-img-left,
  .nm-about-img-right {
    display: none !important;
  }
}

/* =====================================================
   СТРАНИЦА: Контакты | neomedrem.kz
   Префикс: nm-ct
===================================================== */

.nm-ct {
    font-family: 'Manrope', sans-serif;
    color: #0C1A2E;
    max-width: 1200px;
    margin: 0 auto;
}

.nm-ct__title {
    font-size: 22px;
    font-weight: 600;
    color: #0C1A2E;
    margin: 0 0 16px;
    line-height: 1.2;
}

.nm-ct__sub {
    font-size: 14px;
    color: #4a5568;
    line-height: 1.7;
    margin: 0 0 24px;
    max-width: 760px;
}

.nm-ct__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 640px);
    gap: 40px;
    align-items: start;
}

/* ===== CTA-КНОПКИ ===== */

.nm-ct__cta-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.nm-ct__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 12px 22px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: opacity .2s, transform .15s, box-shadow .2s;
}

.nm-ct__btn:hover {
    opacity: .92;
    transform: translateY(-1px);
}

.nm-ct__btn--blue {
    background: #0087D1;
    color: #fff;
    box-shadow: 0 6px 16px rgba(0,135,209,.18);
}

.nm-ct__btn--blue:hover {
    color: #fff;
    box-shadow: 0 8px 20px rgba(0,135,209,.24);
}

.nm-ct__btn--wa {
    background: #25D366;
    color: #fff;
    box-shadow: 0 6px 16px rgba(37,211,102,.18);
}

.nm-ct__btn--wa:hover {
    color: #fff;
    box-shadow: 0 8px 20px rgba(37,211,102,.24);
}

/* ===== КОНТАКТНАЯ КАРТОЧКА ===== */

.nm-ct__info-card {
    background: #fff;
    border: 1px solid #e2eaf3;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,135,209,.06);
    margin-bottom: 24px;
}

.nm-ct__info-row {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    border-bottom: 1px solid #f0f4f8;
}

.nm-ct__info-row--last {
    border-bottom: none;
}

.nm-ct__info-ico {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    background: #e8f4fc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0087D1;
    margin-top: 1px;
}

.nm-ct__info-lbl {
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #718096;
    margin-bottom: 4px;
}

.nm-ct__info-val {
    font-size: 13px;
    color: #0C1A2E;
    line-height: 1.55;
}

.nm-ct__muted {
    color: #718096;
    font-size: 12px;
}

.nm-ct__info-link {
    font-size: 13px;
    font-weight: 500;
    color: #0087D1;
    text-decoration: none;
    transition: color .2s;
}

.nm-ct__info-link:hover {
    color: #005f9e;
}

/* ===== МЕССЕНДЖЕРЫ ===== */

.nm-ct__mess-title {
    font-size: 16px;
    font-weight: 700;
    color: #0C1A2E;
    margin: 0 0 14px;
}

.nm-ct__mess-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.nm-ct__mess-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    transition: transform .2s, box-shadow .2s, opacity .2s;
}

.nm-ct__mess-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(0,0,0,.14);
    opacity: .98;
    color: #fff;
}

.nm-ct__mess-card--wa {
    background: #25D366;
}

.nm-ct__mess-card > div {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.nm-ct__mess-card strong {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
}

.nm-ct__mess-card span {
    font-size: 13px;
    opacity: .88;
    margin-top: 2px;
}

.nm-ct__mess-arrow {
    font-size: 18px;
    opacity: .72;
    flex: none !important;
    margin: 0 !important;
}

/* ===== КАРТА ===== */

.nm-ct__right {
    position: sticky;
    top: 100px;
}

.nm-ct__map-wrap {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2eaf3;
    box-shadow: 0 4px 24px rgba(0,0,0,.06);
    margin-bottom: 12px;
    background: #f8fafc;
    height: 460px;
}

.nm-ct__map-wrap iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.nm-ct__map-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s, transform .15s, background .2s, border-color .2s;
    border: 1px solid #e2eaf3;
    background: #fff;
    color: #0087D1;
}

.nm-ct__map-btn:hover {
    color: #005f9e;
    transform: translateY(-1px);
    border-color: #cfe4f6;
    background: #f8fbff;
}

/* ===== АДАПТИВ ===== */

@media (max-width: 1024px) {
    .nm-ct__layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .nm-ct__right {
        position: static;
    }

    .nm-ct__map-wrap {
        height: 420px;
    }
}

@media (max-width: 768px) {
    .nm-ct__cta-row {
        flex-direction: column;
    }

    .nm-ct__btn {
        width: 100%;
    }

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

    .nm-ct__map-wrap {
        height: 360px;
    }
}

@media (max-width: 480px) {
    .nm-ct__title {
        font-size: 22px;
    }

    .nm-ct__sub {
        font-size: 13px;
    }

    .nm-ct__info-row {
        padding: 14px 16px;
    }

    .nm-ct__map-wrap {
        height: 320px;
    }
}

/* =====================================================
   СТРАНИЦА: Оплата | neomedrem.kz
   Префикс: nm-pay
===================================================== */
.nm-pay__h1 {
    font-family: 'Manrope', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0C1A2E;
    margin: 0 0 24px;
    line-height: 1.2;
}

/* ===== NOTICE ===== */

.nm-pay__notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #e8f4fc;
    border-left: 4px solid #0087D1;
    border-radius: 0 8px 8px 0;
    padding: 16px 20px;
    margin-bottom: 32px;
	  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

.nm-pay__notice-icon {
    color: #0087D1;
    font-weight: 700;
    font-size: 13px;
    flex-shrink: 0;
}

.nm-pay__notice p {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #0C1A2E;
    line-height: 1.6;
    margin: 0;
}

/* ===== ЗАГОЛОВКИ H2 С ТРЕУГОЛЬНИКОМ ===== */

.nm-pay__h2 {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0C1A2E;
    margin: 32px 0 12px;
}

.nm-pay__triangle {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.nm-pay__triangle img {
    width: 18px;
    height: 18px;
    transform: rotate(90deg);
    display: block;
}

/* ===== ТЕКСТ ===== */

.nm-pay__p {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #0C1A2E;
    line-height: 1.65;
    margin: 0 0 12px;
    padding-left: 30px;
}

/* ===== СПИСОК ===== */

.nm-pay__list {
    list-style: none;
    padding: 0;
    margin: 0 0 8px;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

.nm-pay__list li {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #0C1A2E;
    line-height: 1.55;
    padding-left: 16px;
    position: relative;
	  margin-bottom: 6px;
}

.nm-pay__list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #0087D1;
    font-weight: 700;
}

.nm-pay__list li.nm-pay__li--info {
    padding-left: 13px;
    color: #0C1A2E;
    font-weight: 500;
}

.nm-pay__list li.nm-pay__li--info::before {
    content: '!';
    font-size: 14px;
    font-weight: 700;
    color: #0087D1;
}

.nm-pay__list ul {
    list-style: none;
    padding-left: 0px;
    margin: 6px 0 0;
    line-height: 1.55;
}

.nm-pay__list ul li::before {
    content: '—';
    position: absolute;
    color: #333;
    font-weight: 500;
}

/* ===== АДАПТИВ ===== */

@media (max-width: 768px) {
    .nm-pay__h1 {font-size: 22px; font-weight: 600px; }
	  .nm-pay__h2 {font-size: 13px; font-weight: 700px; }
    .nm-pay__p { padding-left: 30px; font-size: 13px; font-weight: 500px;}
    .nm-pay__list { padding-left: 30px; font-size: 13px; font-weight: 500px;}
}

/* =====================================================
   NM: Страница — Статус доставки груза
   /dostavka/status-dostavki/
===================================================== */

.nm-track {
    font-family: 'Manrope', sans-serif;
    color: #0C1A2E;
    max-width: 700px;
    margin: 0 auto;
    padding: 40px 0 60px;
}

.nm-track__h1 {
    font-size: 28px;
    font-weight: 800;
    color: #0C1A2E;
    margin: 0 0 10px;
}

.nm-track__sub {
    font-size: 14px;
    color: #4a5568;
    margin: 0 0 32px;
    line-height: 1.6;
}

/* ===== ВИДЖЕТ ===== */

.nm-track__widget {
    background: #f8fafc;
    border: 1px solid #e2eaf3;
    border-radius: 14px;
    padding: 28px 32px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.nm-track__label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.nm-track__select-wrap {
    position: relative;
}

.nm-track__select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e2eaf3;
    border-radius: 8px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #0C1A2E;
    background: #fff;
    appearance: none;
    cursor: pointer;
    outline: none;
    transition: border-color .2s;
}

.nm-track__select:focus {
    border-color: #0087D1;
}

.nm-track__input-wrap {
    display: flex;
    gap: 10px;
}

.nm-track__input {
    flex: 1;
    padding: 12px 16px;
    border: 1px solid #e2eaf3;
    border-radius: 8px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #0C1A2E;
    background: #fff;
    outline: none;
    transition: border-color .2s;
}

.nm-track__input:focus {
    border-color: #0087D1;
}

.nm-track__btn {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: #0087D1;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: background .2s;
}

.nm-track__btn:hover {
    background: #006fb3;
}

.nm-track__error {
    font-size: 12px;
    color: #e53e3e;
    margin: 6px 0 0;
    min-height: 16px;
}

.nm-track__jet-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: #e8f4fc;
    border-left: 3px solid #0087D1;
    border-radius: 0 8px 8px 0;
    padding: 12px 16px;
    font-size: 13px;
    color: #0C1A2E;
    line-height: 1.5;
}

.nm-track__jet-notice svg {
    flex-shrink: 0;
    color: #0087D1;
    margin-top: 1px;
}

/* ===== INFO ===== */

.nm-track__info {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 32px;
}

.nm-track__info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.nm-track__tri {
    width: 18px;
    height: 18px;
    transform: rotate(90deg);
    flex-shrink: 0;
    margin-top: 2px;
}

.nm-track__info-item strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #0C1A2E;
    margin-bottom: 2px;
}

.nm-track__info-item span {
    font-size: 13px;
    color: #4a5568;
    line-height: 1.5;
}

/* ===== АДАПТИВ ===== */

@media (max-width: 480px) {
    .nm-track__widget { padding: 20px; }
    .nm-track__h1 { font-size: 22px; }
}

/* ===== РЕЗУЛЬТАТ ===== */

.nm-track__result {
    border-top: 1px solid #e2eaf3;
    padding-top: 20px;
    margin-top: 4px;
}

.nm-track__result-inner {
    font-size: 14px;
    color: #0C1A2E;
    line-height: 1.6;
}

.nm-track__loading {
    font-size: 14px;
    color: #718096;
    margin: 0;
}

.nm-track__result-empty,
.nm-track__result-cors {
    font-size: 14px;
    color: #4a5568;
    margin: 0;
    line-height: 1.6;
}

.nm-track__result-empty a,
.nm-track__result-cors a {
    color: #0087D1;
    font-weight: 600;
    text-decoration: none;
}

.nm-track__result-empty a:hover,
.nm-track__result-cors a:hover {
    color: #005f9e;
}

/* =====================================================
   СТРАНИЦА: Документы 
===================================================== */

.nm-docs {
  font-family: 'Manrope', sans-serif;
  color: #2a3f5a;
  max-width: 1200px;
  margin: 0 auto;
}

/* =========================================================
   ЗАГОЛОВКИ
   ========================================================= */
.nm-docs__h1 {
  font-size: 22px;
  font-weight: 600;
  color: #2a3f5a;
  margin: 0 0 18px;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.nm-docs__lead {
  font-size: 14px;
  color: #5a7390;
  line-height: 1.7;
  font-weight: 500;
  margin: 0 0 28px;
}

/* =========================================================
   NOTICE
   ========================================================= */
.nm-docs__notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: #eef2f7;
  border-left: 4px solid #0087D1;
  border-radius: 0 12px 12px 0;
  padding: 16px 20px;
  margin-bottom: 32px;
  box-shadow:
    6px 6px 12px #c8d0db,
    -4px -4px 8px #ffffff;
}

.nm-docs__notice-icon {
  color: #0087D1;
  font-weight: 700;
  font-size: 14px;
  flex-shrink: 0;
}

.nm-docs__notice p {
  font-size: 13px;
  font-weight: 600;
  color: #2a3f5a;
  line-height: 1.6;
  margin: 0;
}

/* =========================================================
   H2
   ========================================================= */
.nm-docs__h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 800;
  color: #8ba3bc;
  text-transform: uppercase;
  letter-spacing: 0.10em;
  margin: 36px 0 18px;
}

.nm-docs__triangle {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.nm-docs__triangle img {
  width: 16px;
  height: 16px;
  transform: rotate(90deg);
  display: block;
}

/* =========================================================
   GRID
   ========================================================= */
.nm-docs__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 18px;
}

.nm-docs__grid--small {
  margin-bottom: 28px;
}

/* =========================================================
   КАРТОЧКА — neu raised вместо белой с border
   ========================================================= */
.elementor a.nm-docs__card,
.nm-docs__card {
  box-shadow:
    8px 8px 16px #c8d0db,
    -8px -8px 16px #ffffff;
}

.elementor a.nm-docs__card:hover,
.nm-docs__card:hover {
  transform: translateY(-3px);
  box-shadow:
    12px 12px 22px #c8d0db,
    -10px -10px 20px #ffffff;
}

.nm-docs__card {
  --doc-accent:      #0087D1;
  --doc-accent-dark: #005f9e;
  --doc-accent-glow: rgba(0, 135, 209, 0.22);
  --doc-gradient:    linear-gradient(135deg, #00A0DE 0%, #0087D1 100%);

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 190px;
  background: #eef2f7;
  border-radius: 18px;
  padding: 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow:
    8px 8px 16px #c8d0db,
    -8px -8px 16px #ffffff;
  transition:
    box-shadow 0.2s ease,
    transform 0.18s ease;
}

/* Цветная полоска слева — сохраняем */
.nm-docs__card::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--doc-accent);
  border-radius: 18px 0 0 18px;
  opacity: 0.9;
}

.nm-docs__card:hover {
  transform: translateY(-3px);
  box-shadow:
    12px 12px 22px #c8d0db,
    -10px -10px 20px #ffffff;
}

.nm-docs__card-top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}

/* =========================================================
   ИКОНКА ФОРМАТА — градиенты сохранены полностью
   ========================================================= */
.nm-docs__icon {
  flex-shrink: 0;
  min-width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--doc-gradient);
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px var(--doc-accent-glow);
}

.nm-docs__card-title {
  font-size: 14px;
  font-weight: 800;
  color: #2a3f5a;
  line-height: 1.35;
}

.nm-docs__card-text {
  font-size: 12.5px;
  color: #5a7390;
  line-height: 1.6;
  margin-bottom: 16px;
  font-weight: 500;
}

.nm-docs__card-link {
  font-size: 13px;
  font-weight: 700;
  color: var(--doc-accent);
  transition: color 0.18s ease;
}

.nm-docs__card:hover .nm-docs__card-link {
  color: var(--doc-accent-dark);
}

/* =========================================================
   NOTE — inset блок
   ========================================================= */
.nm-docs__note {
  background: #eef2f7;
  border-radius: 16px;
  padding: 20px 24px;
  margin: 8px 0 36px;
  box-shadow:
    inset 4px 4px 9px #c8d0db,
    inset -4px -4px 9px #ffffff;
}

.nm-docs__note-title {
  font-size: 14px;
  font-weight: 800;
  color: #2a3f5a;
  margin-bottom: 8px;
}

.nm-docs__note-text {
  font-size: 13px;
  color: #5a7390;
  line-height: 1.65;
  font-weight: 500;
}

/* =========================================================
   CTA — тёмный блок, сохраняем как есть
   ========================================================= */
.nm-docs__cta {
  background: linear-gradient(135deg, #0C1A2E 0%, #0d2748 100%);
  border-radius: 20px;
  padding: 48px 32px;
  text-align: center;
  margin-top: 8px;
  box-shadow:
    12px 14px 28px #c8d0db,
    -8px -8px 18px #ffffff;
}

.nm-docs__cta-text {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 24px;
  line-height: 1.4;
}

.nm-docs__cta-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}

.nm-docs__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  padding: 13px 28px;
  border-radius: 12px;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.nm-docs__cta-btn:hover {
  transform: translateY(-2px);
}

.nm-docs__cta-btn--light {
  background: #eef2f7;
  color: #0087D1;
  box-shadow:
    6px 6px 12px rgba(0,0,0,0.2),
    -4px -4px 8px rgba(255,255,255,0.08);
}

.nm-docs__cta-btn--light:hover {
  color: #005f9e;
  box-shadow:
    8px 8px 16px rgba(0,0,0,0.25),
    -4px -4px 8px rgba(255,255,255,0.10);
}

.nm-docs__cta-btn--whatsapp {
  background: #25D366;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(37, 211, 102, 0.30);
}

.nm-docs__cta-btn--whatsapp:hover {
  background: #1dab52;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(37, 211, 102, 0.38);
}

.nm-docs__cta-contacts {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.45);
}

.nm-docs__cta-contacts a {
  color: rgba(255, 255, 255, 0.80);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.18s ease;
}

.nm-docs__cta-contacts a:hover {
  color: #ffffff;
}

/* =========================================================
   ФОРМАТЫ ДОКУМЕНТОВ — акцентные цвета сохранены
   ========================================================= */
.nm-docs__card--pdf {
  --doc-accent:      #E53935;
  --doc-accent-dark: #C62828;
  --doc-accent-glow: rgba(229, 57, 53, 0.22);
  --doc-gradient:    linear-gradient(135deg, #FF7A7A 0%, #E53935 58%, #C62828 100%);
}

.nm-docs__card--doc {
  --doc-accent:      #0087D1;
  --doc-accent-dark: #005f9e;
  --doc-accent-glow: rgba(0, 135, 209, 0.22);
  --doc-gradient:    linear-gradient(135deg, #00A0DE 0%, #0087D1 100%);
}

.nm-docs__card--jpg {
  --doc-accent:      #B10B7E;
  --doc-accent-dark: #8F0966;
  --doc-accent-glow: rgba(177, 11, 126, 0.22);
  --doc-gradient:    linear-gradient(135deg, #D946EF 0%, #B10B7E 58%, #8F0966 100%);
}

.nm-docs__card--xlsx {
  --doc-accent:      #1D6F42;
  --doc-accent-dark: #155232;
  --doc-accent-glow: rgba(29, 111, 66, 0.22);
  --doc-gradient:    linear-gradient(135deg, #2E9E5E 0%, #1D6F42 58%, #155232 100%);
}

/* =========================================================
   АДАПТИВ
   ========================================================= */
@media (max-width: 1024px) {
  .nm-docs__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .nm-docs__h1 { font-size: 24px; }

  .nm-docs__grid {
    grid-template-columns: 1fr;
  }

  .nm-docs__cta {
    padding: 32px 20px;
    border-radius: 16px;
  }

  .nm-docs__cta-text {
    font-size: 17px;
  }

  .nm-docs__cta-actions {
    flex-direction: column;
  }

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

/* =====================================================
   NM: Страница "Доставка" — фирменный стиль НЕОМЕДРЕМ
   Префикс: nm-delivery
   Версия: 2.0 финал
===================================================== */

/* ===== БАЗОВЫЕ СТИЛИ ===== */

.nm-delivery {
  font-family: Manrope, sans-serif;
  color: #22324a;
  font-size: 14px;
  line-height: 1.7;
}

.nm-delivery a {
  color: #0087D1;
  text-decoration: none;
  transition: color .2s ease;
}

.nm-delivery a:hover {
  color: #0C1A2E;
}

.nm-delivery h1,
.nm-delivery h2,
.nm-delivery h3 {
  margin-top: 0;
  letter-spacing: -0.01em;
}

.nm-delivery h1 {
  margin: 0 0 14px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  color: #0C1A2E;
}

.nm-delivery h2 {
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #0C1A2E;
}

.nm-delivery p {
  margin: 0 0 14px;
}

.nm-delivery p:last-child {
  margin-bottom: 0;
}

/* ===== HERO ===== */

.nm-delivery__hero {
  margin-bottom: 22px;
}

.nm-delivery__hero-inner {
  padding: 26px 28px;
  border: 1px solid #e2eaf3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(12, 26, 46, 0.06);
}

.nm-delivery__lead {
  max-width: 900px;
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: #4a5568;
}

/* ===== NOTICE ===== */

.nm-delivery__notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 28px;
  padding: 16px 20px;
  background: #e8f4fc;
  border-left: 4px solid #0087D1;
  border-radius: 0 8px 8px 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
}

.nm-delivery__notice-icon {
  flex-shrink: 0;
  color: #0087D1;
  font-weight: 700;
  font-size: 13px;
  margin-top: 1px;
}

.nm-delivery__notice p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  font-weight: 600;
  color: #0C1A2E;
}

/* ===== СЕКЦИИ ===== */

.nm-delivery__section {
  margin-bottom: 28px;
}

/* ===== ФИРМЕННЫЙ ЗАГОЛОВОК С ТРЕУГОЛЬНИКОМ ===== */

.nm-delivery__h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 700;
  color: #0C1A2E;
  line-height: 1.4;
}

.nm-delivery__triangle {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.nm-delivery__triangle img {
  width: 18px;
  height: 18px;
  transform: rotate(90deg);
  display: block;
}

/* ===== КАРТОЧКИ И БОКСЫ ===== */

.nm-delivery__card,
.nm-delivery__soft-box {
  background: #ffffff;
  border: 1px solid #e2eaf3;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(12, 26, 46, 0.06);
  padding: 24px;
}

.nm-delivery__soft-box--light {
  background: #f8fbfe;
}

/* ===== ДВУХКОЛОНОЧНЫЙ ГРИД ===== */

.nm-delivery__grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 28px;
}

/* ===== СПИСКИ ===== */

.nm-delivery__list {
  list-style: none;
  margin: 0;
  padding-left: 30px;
}

.nm-delivery__listing {
	list-style: none;
  margin: 0;
  padding-left: 30px;
}

.nm-delivery__list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 16px;
  color: #0C1A2E;
  line-height: 1.6;
}

.nm-delivery__listing li {
    position: relative;
    padding-left: 16px;
    color: #4a5568;
    line-height: 1.6;
}

.nm-delivery__list li:last-child {
  margin-bottom: 0;
}

.nm-delivery__list li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: #0087D1;
  font-weight: 700;
}

.nm-delivery__listing li:last-child {
  margin-bottom: 0;
}

.nm-delivery__listing li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: #0087D1;
  font-weight: 700;
}

/* Список с крупными пунктами (иконка + заголовок + текст) */

.nm-delivery__feature-list {
  list-style: none;
  margin: 0;
  padding-left: 30px;
  display: grid;
  gap: 14px;
}

.nm-delivery__feature-list li {
  position: relative;
  padding-left: 16px;
  color: #4a5568;
  line-height: 1.6;
}

.nm-delivery__feature-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: #0087D1;
  font-weight: 700;
}

.nm-delivery__feature-list strong {
  display: block;
  margin-bottom: 2px;
  color: #0C1A2E;
  font-size: 14px;
}

/* ===== STEPS ===== */

.nm-delivery__steps {
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e2eaf3;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(12, 26, 46, 0.06);
}

.nm-delivery__steps-list {
  display: grid;
  gap: 0;
}

.nm-delivery__step {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 16px;
  align-items: flex-start;
  padding: 14px 0;
  border-top: 1px solid #eef3f8;
}

.nm-delivery__step:first-child {
  padding-top: 4px;
  border-top: 0;
}

.nm-delivery__step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #00A0DE 0%, #0087D1 100%);
  color: #ffffff;
  font-size: 17px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(0, 135, 209, 0.18);
}

.nm-delivery__step-body strong {
  display: block;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.45;
  color: #0C1A2E;
}

.nm-delivery__step-body p {
  margin: 0;
  color: #4a5568;
}

/* ===== КНОПКИ ===== */

.nm-delivery__actions {
  display: grid;
  gap: 10px;
  margin-top: 20px;
}

.nm-delivery__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 20px;
  border-radius: 10px;
  border: 1px solid #d8e3ee;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(12, 26, 46, 0.05);
  color: #0C1A2E;
  font-weight: 700;
  font-size: 13px;
  text-align: center;
  transition: border-color .2s, color .2s, box-shadow .2s, transform .15s;
}

.nm-delivery__btn:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
  box-shadow: 0 0 16px rgba(255, 255, 255, 0.15), 0 0 4px rgba(255, 255, 255, 0.08);
}

.nm-delivery__btn--primary {
  background: #0087D1;
  border-color: #0087D1;
  color: #ffffff;
  box-shadow: none;
}

.nm-delivery__btn--primary:hover {
  background: #00A0DE;
  border-color: #00A0DE;
  color: #ffffff;
  box-shadow: none;
  transform: none;
}

.nm-delivery__btn--primary,
.nm-delivery__btn--primary:hover,
.nm-delivery__btn--primary:visited,
.nm-delivery__btn--primary:focus {
  color: #ffffff !important;
}

/* ===== ACCORDION ===== */

.nm-delivery__accordion {
  display: grid;
  gap: 10px;
}

.nm-delivery__item {
  border: 1px solid #e2eaf3;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(12, 26, 46, 0.05);
  overflow: hidden;
}

.nm-delivery__summary {
  position: relative;
  display: block;
  padding: 17px 52px 17px 20px;
  cursor: pointer;
  list-style: none;
  background: #fff;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 700;
  color: #0C1A2E;
  transition: background .15s;
}

.nm-delivery__summary::-webkit-details-marker {
  display: none;
}

.nm-delivery__summary::after {
  content: '';
  position: absolute;
  right: 22px;
  top: 50%;
  width: 9px;
  height: 9px;
  margin-top: -7px;
  border-right: 2px solid #0C1A2E;
  border-bottom: 2px solid #0C1A2E;
  transform: rotate(45deg);
  transition: transform .2s ease, margin-top .2s ease;
}

.nm-delivery__item[open] {
  box-shadow: 0 8px 22px rgba(12, 26, 46, 0.08);
  border-color: #ccdff0;
}

.nm-delivery__item[open] .nm-delivery__summary {
  background: #f4f9fd;
}

.nm-delivery__item[open] .nm-delivery__summary::after {
  transform: rotate(-135deg);
  margin-top: -2px;
}

.nm-delivery__content {
  padding: 18px 20px 20px;
  border-top: 1px solid #edf2f7;
  color: #4a5568;
}

/* ===== CTA ===== */

.nm-delivery__cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 28px 32px;
  border-radius: 14px;
  background: linear-gradient(135deg, #0C1A2E 0%, #0d2748 100%);
  box-shadow: 0 10px 28px rgba(12, 26, 46, 0.18);
}

.nm-delivery__cta h2 {
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 18px;
}

.nm-delivery__cta p {
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  line-height: 1.65;
}

.nm-delivery__cta-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 991px) {
  .nm-delivery__grid-2 {
    grid-template-columns: 1fr;
  }

  .nm-delivery__cta {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .nm-delivery__cta-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .nm-delivery {
    font-size: 13px;
  }

  .nm-delivery h1 {
    font-size: 20px;
  }

  .nm-delivery h2 {
    font-size: 16px;
  }

  .nm-delivery__hero-inner,
  .nm-delivery__steps,
  .nm-delivery__card,
  .nm-delivery__soft-box,
  .nm-delivery__content {
    padding: 16px;
  }

  .nm-delivery__cta {
    padding: 20px 16px;
  }

  .nm-delivery__step {
    grid-template-columns: 38px 1fr;
    gap: 12px;
  }

  .nm-delivery__step-num {
    width: 38px;
    height: 38px;
    font-size: 15px;
  }

  .nm-delivery__summary {
    padding: 15px 44px 15px 16px;
    font-size: 14px;
  }

  .nm-delivery__btn {
    min-height: 44px;
    font-size: 13px;
  }

  .nm-delivery__cta-actions {
    flex-direction: column;
  }

  .nm-delivery__h2 {
    gap: 10px;
  }

  .nm-delivery__triangle img {
    width: 16px;
    height: 16px;
  }
}

/* =====================================================
   NM: Страница "Акционные предложения"
   Префикс: nm-sale
===================================================== */

/* ===== БАЗОВЫЕ СТИЛИ ===== */

.nm-sale {
  font-family: Manrope, sans-serif;
  color: #22324a;
  font-size: 14px;
  line-height: 1.7;
}

.nm-sale a {
  color: #0087D1;
  text-decoration: none;
  transition: color .2s ease;
}

.nm-sale a:hover {
  color: #0C1A2E;
}

.nm-sale h1 {
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  color: #0C1A2E;
  letter-spacing: -0.01em;
}

.nm-sale h2 {
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #0C1A2E;
  letter-spacing: -0.01em;
}

.nm-sale p {
  margin: 0 0 14px;
}

.nm-sale p:last-child {
  margin-bottom: 0;
}

/* ===== СЕКЦИИ ===== */

.nm-sale__section {
  margin-bottom: 28px;
}

/* ===== HERO ===== */

.nm-sale__hero {
  margin-bottom: 22px;
}

.nm-sale__hero-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 26px 28px;
  border: 1px solid #e2eaf3;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 18px rgba(12, 26, 46, 0.06);
}

.nm-sale__hero-text {
  flex: 1;
}

.nm-sale__lead {
  max-width: 680px;
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: #4a5568;
}

.nm-sale__hero-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00A0DE 0%, #0087D1 100%);
  box-shadow: 0 8px 24px rgba(0, 135, 209, 0.3);
  text-align: center;
  gap: 2px;
}

.nm-sale__badge-icon {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.nm-sale__badge-text {
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, .85);
  line-height: 1.3;
}

/* ===== NOTICE ===== */

.nm-sale__notice {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 28px;
  padding: 16px 20px;
  background: #e8f4fc;
  border-left: 4px solid #0087D1;
  border-radius: 0 8px 8px 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
}

.nm-sale__notice-icon {
  flex-shrink: 0;
  color: #0087D1;
  font-weight: 700;
  font-size: 13px;
  margin-top: 1px;
}

.nm-sale__notice p {
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
  font-weight: 600;
  color: #0C1A2E;
}

/* ===== ПЕРКИ ===== */

.nm-sale__perks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 4px;
}

.nm-sale__perk {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid #e2eaf3;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(12, 26, 46, 0.04);
}

.nm-sale__perk-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00A0DE 0%, #0087D1 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 135, 209, 0.2);
}

.nm-sale__perk-text {
  font-size: 13px;
  color: #0C1A2E;
  line-height: 1.5;
  font-weight: 500;
}

/* ===== ФИРМЕННЫЙ ЗАГОЛОВОК ===== */

.nm-sale__h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 700;
  color: #0C1A2E;
  line-height: 1.4;
}

.nm-sale__triangle {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.nm-sale__triangle img {
  width: 18px;
  height: 18px;
  transform: rotate(90deg);
  display: block;
}

/* ===== КОНТЕЙНЕР ТОВАРОВ ===== */

.nm-sale__products {
  min-height: 200px;
}

/* ===== КНОПКИ ===== */

.nm-sale__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 24px;
  border-radius: 10px;
  border: 1px solid #d8e3ee;
  background: #ffffff;
  color: #0C1A2E;
  font-family: Manrope, sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  transition: border-color .2s, color .2s, box-shadow .2s, transform .15s;
  box-shadow: 0 4px 14px rgba(12, 26, 46, 0.05);
}

.nm-sale__btn:hover {
  border-color: #0087D1;
  color: #0087D1;
  box-shadow: 0 10px 24px rgba(0, 135, 209, 0.12);
  transform: translateY(-1px);
}

.nm-sale__btn--primary {
  background: #0087D1;
  border-color: #0087D1;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(0, 135, 209, 0.22);
}

.nm-sale__btn--primary:hover {
  background: #00A0DE;
  border-color: #00A0DE;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(0, 135, 209, 0.3);
  transform: translateY(-1px);
}

/* ===== CTA ===== */

.nm-sale__cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
  padding: 28px 32px;
  border-radius: 14px;
  background: linear-gradient(135deg, #0C1A2E 0%, #0d2748 100%);
  box-shadow: 0 10px 28px rgba(12, 26, 46, 0.18);
}

.nm-sale__cta h2 {
  color: #ffffff;
  margin-bottom: 8px;
  font-size: 18px;
}

.nm-sale__cta p {
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  line-height: 1.65;
}

.nm-sale__cta-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
}

.nm-sale__cta .nm-sale__btn {
  color: rgba(255, 255, 255, .85);
  border-color: rgba(255, 255, 255, .25);
  background: transparent;
  box-shadow: none;
}

.nm-sale__cta .nm-sale__btn:hover {
  border-color: rgba(255, 255, 255, .5);
  color: #ffffff;
  box-shadow: 0 0 16px rgba(255, 255, 255, .15);
  transform: none;
}

.nm-sale__products .wd-product-wrapper {
  background: #ffffff;
  border: 1px solid #e9eef5;
  border-radius: 8px;
  padding: 22px 18px 20px;
  overflow: hidden;
  height: 100%;
  gap: 10px;
  box-shadow:
    3px 4px 10px rgba(15, 23, 42, 0.10),
    0 1px 3px rgba(15, 23, 42, 0.06);
  transition:
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.nm-sale__products .wd-product-wrapper:hover {
  border-color: #0087d1;
  box-shadow:
    0 12px 18px rgba(15, 23, 42, 0.18),
    0 6px 8px rgba(15, 23, 42, 0.10);
}

/* ===== RESPONSIVE ===== */

@media (max-width: 991px) {
  .nm-sale__perks {
    grid-template-columns: repeat(2, 1fr);
  }

  .nm-sale__cta {
    grid-template-columns: 1fr;
    padding: 24px;
  }

  .nm-sale__cta-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .nm-sale {
    font-size: 13px;
  }

  .nm-sale h1 {
    font-size: 20px;
  }

  .nm-sale h2 {
    font-size: 16px;
  }

  .nm-sale__hero-inner {
    padding: 20px 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .nm-sale__hero-badge {
    display: none;
  }

  .nm-sale__perks {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .nm-sale__cta {
    padding: 20px 16px;
  }

  .nm-sale__cta-actions {
    flex-direction: column;
  }

  .nm-sale__btn {
    min-height: 44px;
    font-size: 13px;
  }
}












/* === СРЕДНЯЯ ПОЛОСА: скрываем sticky-меню только в ОБЫЧНОЙ шапке, липкую не трогаем === */
@media (min-width: 1025px) {
  .whb-header:not(.whb-clone):not(.whb-sticked) .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .whb-col-center.whb-column9 {
    display: none !important;
  }

  .whb-header:not(.whb-clone):not(.whb-sticked) .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .whb-general-header-inner {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
  }

  .whb-header:not(.whb-clone):not(.whb-sticked) .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .whb-col-left.whb-column8 {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  .whb-header:not(.whb-clone):not(.whb-sticked) .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .whb-col-right.whb-column10 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 28px !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
  }

  .whb-header:not(.whb-clone):not(.whb-sticked) .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .wd-search-form.wd-header-search-form {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 760px !important;
    min-width: 520px !important;
  }

  .whb-header:not(.whb-clone):not(.whb-sticked) .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .wd-search-form.wd-header-search-form form.searchform {
    width: 100% !important;
  }

  .whb-header:not(.whb-clone):not(.whb-sticked) .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .wd-search-form.wd-header-search-form input.s {
    width: 100% !important;
  }

  .whb-header.whb-clone.whb-sticked .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .whb-col-center.whb-column9 {
    display: block !important;
  }

  .whb-header.whb-clone.whb-sticked .whb-main-header > .whb-row.whb-general-header.whb-sticky-row .whb-col-right.whb-column10 {
    flex: initial !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
  }

  .whb-header.whb-clone.whb-sticked .wd-search-form.wd-header-search-form {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: initial !important;
  }
}



/* Стили для блока меню в шапке (whb-header-bottom): ширина, скругление */
.whb-header-bottom {
  max-width: 1200px;
  margin: 0 auto !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #006fb5, #009BF0) !important;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.25),
    inset 0 4px 6px rgba(255, 255, 255, 0.4),
    inset 0 -4px 8px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease-in-out;  
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.whb-header-bottom .menu > li > a {
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.whb-header-bottom .menu > li > a:hover {
  transform: translateY(-1px);
}

.nm_headphone {color:#0097b2 !important;}

/* Сброс скругления у всплывающего меню  */
.wd-dropdown-menu {
  border-radius: 0 !important;
}

.wd-nav-vertical.wd-design-default {
    border: 0px;
}

/* Отключаем тень (по желанию можно оставить лёгкую) */
.wd-dropdown-menu,
.wd-dropdown-menu::before {
  box-shadow: none !important;
}

/* Вертикальная линия между левым меню и контентом */
.wd-dropdown-menu.wd-design-full-width {
  display: flex !important;
  gap: 30px;
  padding: 30px !important;
  border-left: 1px solid #4C4C4C; /* линия между блоками */
}

.wd-header-cats {
  border-radius: 0 !important;
	top: 1px !important;
}

/* Поднимаем выпадающее меню вверх на 1px */
.wd-dropdown-cats .wd-dropdown-menu {
  top: -1px !important;
}

/* Опционально — можно назначить стиль для колонок в мега-меню */
ul.wd-sub-menu.wd-sub-accented.mega-menu-list li > a {
  margin: 5px 0;
  padding: 0 10px;
  box-sizing: border-box;
}

/* Убираем скругление у всех пунктов вертикального меню, включая при наведении */
.wd-dropdown-cats .wd-nav-vertical li,
.wd-dropdown-cats .wd-nav-vertical li > a,
.wd-dropdown-cats .wd-nav-vertical li:hover,
.wd-dropdown-cats .wd-nav-vertical li:hover > a {
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Настройка глобальной переменной и базовый стиль */
:root {
	--wd-brd-radius: 0px !important; /* Углы меню */
}

/* Основной стиль заголовка меню */
.wd-header-cats .menu-opener {
	font-size: var(--wd-brd-radius) !important;
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  gap: 6px; /* Расстояние между иконкой и текстом */
  cursor: pointer !important;
  transition: color 0.3s ease;
}

/* Иконка (папка) — фиксируем, чтобы не анимировалась */
.menu-opener-icon {
  transition: none !important;
  transform: translateY(0px) !important;
}

/* Текст "Каталог по направлениям" — анимируем отдельно */
.menu-open-label {
  font-size: var(--wd-header-el-font-size) !important;
  line-height: 1.2;
  display: inline-block;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Эффект при наведении: только текст приподнимается */
.wd-header-cats:hover .menu-open-label {
  transform: translateY(-1px);
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Компактные строки в выпадающем меню (левая колонка и правые списки) */
/* Компактные строки в выпадающем меню (лево + правые колонки) */
.wd-dropdown-cats .wd-nav-vertical > li > a,
.wd-dropdown-cats .wd-sub-menu li > a,
.wd-dropdown-cats .sub-sub-menu li > a,
.wd-dropdown-menu .mega-menu-list li > a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
}

/* На всякий случай убираем зазор между LI */
.wd-dropdown-menu .mega-menu-list li { margin: 0 !important; }

/* ===== Подменю справа: компактные строки, без лишнего интервала ===== */
.wd-dropdown-menu .mega-menu-list li,
.wd-dropdown-menu .mega-menu-list li > a {
  margin: 0 !important;                 /* убираем вертикальный зазор */
}

.wd-dropdown-menu .mega-menu-list li > a {
  padding: 4px 10px !important;         /* компактные отступы по вертикали */
  line-height: 1.15 !important;         /* плотнее текст */
  min-height: 0 !important;             /* на случай min-height из темы */
}

.whb-sticked .whb-general-header .wd-dropdown:not(.sub-sub-menu) {
	margin-top: 26px;
}

  .nm-more-item > ul li a {
  color: #fff !important;
  padding: 8px 16px !important;
  display: block !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

.nm-more-item > ul li a:hover {
  background: rgba(255,255,255,0.15) !important;
}

.nm-more-item > a {
  letter-spacing: 3px;
}

/* 1280-1195px — только запрет переноса */
@media (min-width: 1195px) and (max-width: 1280px) {
  #menu-main-navigation.wd-nav-main {
    flex-wrap: nowrap !important;
  }
}

/* 1195-1130px — уменьшаем gap и padding */
@media (min-width: 1130px) and (max-width: 1195px) {
  #menu-main-navigation.wd-nav-main {
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  #menu-main-navigation.wd-nav-main > li > a {
    padding-left: clamp(2px, 0.4vw, 6px) !important;
    padding-right: clamp(2px, 0.4vw, 6px) !important;
  }
  #menu-main-navigation.wd-nav-main > li > a .nav-link-text {
    white-space: nowrap !important;
  }
  .whb-header-bottom .menu-open-label {
    white-space: nowrap !important;
  }
  .whb-header-bottom .wd-header-cats .menu-opener {
    padding-left: clamp(4px, 0.5vw, 8px) !important;
    padding-right: clamp(4px, 0.5vw, 8px) !important;
  }
}

/* 1130-1075px — шрифт 13px */
@media (min-width: 1075px) and (max-width: 1130px) {
  #menu-main-navigation.wd-nav-main {
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  #menu-main-navigation.wd-nav-main > li > a {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  #menu-main-navigation.wd-nav-main > li > a .nav-link-text {
    font-size: 13px !important;
    white-space: nowrap !important;
  }
  .whb-header-bottom .menu-open-label {
    font-size: 13px !important;
    white-space: nowrap !important;
  }
  .whb-header-bottom .wd-header-cats .menu-opener {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* 1025-1075px — шрифт 12px */
@media (min-width: 1025px) and (max-width: 1075px) {
  #menu-main-navigation.wd-nav-main {
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  #menu-main-navigation.wd-nav-main > li > a {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  #menu-main-navigation.wd-nav-main > li > a .nav-link-text {
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  .whb-header-bottom .menu-open-label {
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  .whb-header-bottom .wd-header-cats .menu-opener {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* =========================================================
   ЛИПКАЯ ШАПКА: hover и active только для sticky-меню
   Обычное меню не трогаем
   ========================================================= */

@media (min-width: 1025px) {

  /* текст верхних пунктов sticky-меню */
  #menu-main-navigation-sticky > li > a,
  #menu-main-navigation-sticky > li > a .nav-link-text {
    transition: color .25s ease !important;
  }

  /* стрелка у пунктов sticky-меню */
  #menu-main-navigation-sticky > li.menu-item-has-children > a::after {
    transition: color .25s ease, opacity .25s ease !important;
  }

  /* hover — текст */
  #menu-main-navigation-sticky > li:hover > a,
  #menu-main-navigation-sticky > li:hover > a .nav-link-text,
  #menu-main-navigation-sticky > li > a:hover,
  #menu-main-navigation-sticky > li > a:hover .nav-link-text {
    color: #0087d1 !important;
  }

  /* hover — стрелка */
  #menu-main-navigation-sticky > li.menu-item-has-children:hover > a::after,
  #menu-main-navigation-sticky > li.menu-item-has-children > a:hover::after {
    color: #0087d1 !important;
    opacity: 1 !important;
  }

  /* active / current — текст */
  #menu-main-navigation-sticky > li.current-menu-item > a,
  #menu-main-navigation-sticky > li.current-menu-item > a .nav-link-text,
  #menu-main-navigation-sticky > li.current-menu-ancestor > a,
  #menu-main-navigation-sticky > li.current-menu-ancestor > a .nav-link-text,
  #menu-main-navigation-sticky > li.current-menu-parent > a,
  #menu-main-navigation-sticky > li.current-menu-parent > a .nav-link-text,
  #menu-main-navigation-sticky > li.current-page-ancestor > a,
  #menu-main-navigation-sticky > li.current-page-ancestor > a .nav-link-text {
    color: #0087d1 !important;
  }

  /* active / current — стрелка */
  #menu-main-navigation-sticky > li.current-menu-item.menu-item-has-children > a::after,
  #menu-main-navigation-sticky > li.current-menu-ancestor.menu-item-has-children > a::after,
  #menu-main-navigation-sticky > li.current-menu-parent.menu-item-has-children > a::after,
  #menu-main-navigation-sticky > li.current-page-ancestor.menu-item-has-children > a::after {
    color: #0087d1 !important;
    opacity: 1 !important;
  }
}


/* =========================================================
   НИЖНЯЯ СИНЯЯ ПОЛОСА ШАПКИ (whb-header-bottom)
   ========================================================= */

.whb-header-bottom {
  max-width: 1200px;
  margin: 0 auto !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #006fb5, #009bf0) !important;  
  box-shadow:
    10px 12px 24px rgba(128, 152, 182, 0.72),
    -10px -10px 22px rgba(255, 255, 255, 0.98); !important;
  transition: all 0.3s ease-in-out;
}

.whb-header-bottom .menu > li > a {
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.whb-header-bottom .menu > li > a:hover {
  transform: translateY(-1px);
}

.nm_headphone {
  color: #0097b2 !important;
}

/* =========================================================
   ОБЩИЕ НАСТРОЙКИ DROPDOWN / КАТАЛОГА
   ========================================================= */

:root {
  --wd-brd-radius: 0px !important;
  --nm-icon-size: 20px;
}

.wd-dropdown-menu {
  border-radius: 0 !important;
}

.wd-dropdown-menu,
.wd-dropdown-menu::before {
  box-shadow: none !important;
}

.wd-nav-vertical.wd-design-default {
  border: 0 !important;
}

/* =========================================================
   ЛЕВЫЙ КАТАЛОГ (wd-header-cats)
   ========================================================= */

.wd-header-cats {
  border-radius: 0 !important;
  top: 1px !important;
}

.wd-header-cats .menu-opener {
  font-size: var(--wd-brd-radius) !important;
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer !important;
  transition: color 0.3s ease;
}

.menu-opener-icon {
  transition: none !important;
  transform: translateY(0) !important;
}

.menu-open-label {
  font-size: var(--wd-header-el-font-size) !important;
  line-height: 1.2;
  display: inline-block;
  transition: transform 0.3s ease, color 0.3s ease;
}

.wd-header-cats:hover .menu-open-label {
  transform: translateY(-1px);
  color: rgba(255, 255, 255, 0.8) !important;
}

.wd-dropdown-cats .wd-dropdown-menu {
  top: -1px !important;
}

.wd-dropdown-cats .wd-nav-vertical li,
.wd-dropdown-cats .wd-nav-vertical li > a,
.wd-dropdown-cats .wd-nav-vertical li:hover,
.wd-dropdown-cats .wd-nav-vertical li:hover > a {
  border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}


/* =========================================================
   FULL-WIDTH DROPDOWN КАТАЛОГА
   ========================================================= */

.wd-dropdown-menu.wd-design-full-width {
  display: flex !important;
  gap: 30px;
  padding: 30px !important;
  border-left: 1px solid #4c4c4c;
}


/* =========================================================
   ВЫПАДАШКИ ВЕРХНЕГО СИНЕГО МЕНЮ (HTML-блоки)
   ФИКС СМЕЩЕНИЯ И ЗАЗОРА 1px
   ========================================================= */

.whb-header-bottom .container {
  position: relative;
}

.whb-header-bottom .wd-header-nav,
.whb-header-bottom .wd-header-nav .menu,
.whb-header-bottom .wd-header-nav .menu > li {
  position: static !important;
}

.whb-header-bottom .wd-header-nav .menu > li.menu-mega-dropdown > .wd-dropdown-menu {
  left: 12px !important;
  right: 12px !important;
  width: auto !important;
  top: calc(100% + 1px) !important;
  margin-top: 0 !important;
  box-shadow: none !important;
}

.whb-header-bottom .wd-header-nav .menu > li.menu-mega-dropdown > .wd-dropdown-menu[style] {
  left: 25px !important;
  right: 12px !important;
  width: auto !important;
}

/* Фон внутренностей выпадашки */
.whb-header-bottom .wd-header-nav .menu > li.menu-mega-dropdown > .wd-dropdown-menu .wd-dropdown-inner,
.whb-header-bottom .wd-header-nav .menu > li.menu-mega-dropdown > .wd-dropdown-menu .wd-entry-content {
  background: #fff;
}


/* =========================================================
   СПИСКИ В МЕГА-МЕНЮ: КОМПАКТНОСТЬ И АККУРАТНОСТЬ
   ========================================================= */

ul.wd-sub-menu.wd-sub-accented.mega-menu-list li > a {
  margin: 5px 0;
  padding: 0 10px;
  box-sizing: border-box;
}

.wd-dropdown-cats .wd-nav-vertical > li > a,
.wd-dropdown-cats .wd-sub-menu li > a,
.wd-dropdown-cats .sub-sub-menu li > a,
.wd-dropdown-menu .mega-menu-list li > a {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
}

.wd-dropdown-menu .mega-menu-list li {
  margin: 0 !important;
}

.wd-dropdown-menu .mega-menu-list li,
.wd-dropdown-menu .mega-menu-list li > a {
  margin: 0 !important;
}

.wd-dropdown-menu .mega-menu-list li > a {
  padding: 4px 10px !important;
  line-height: 1.15 !important;
  min-height: 0 !important;
}


/* =========================================================
   БЛОК "ВСЕ КАТЕГОРИИ" ТОЛЬКО ДЛЯ .nm-equip-menu
   ========================================================= */

/* скрытые дополнительные пункты */
.nm-equip-menu .sub-sub-menu > li.nm-extra {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transform: translateY(-6px);
  transition:
    height 0.25s ease,
    opacity 0.2s ease,
    transform 0.25s ease;
  pointer-events: none;
}

/* раскрытое состояние */
.nm-equip-menu .sub-sub-menu.nm-open > li.nm-extra {
  height: var(--nm-h);
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* ссылка-триггер */
.nm-equip-menu .sub-sub-menu > li.nm-toggle > a {
  color: #0097b2 !important;
  font-weight: 500;
  display: block;
  padding: 2px 0;
  text-decoration: none;
}

/* иконка-треугольник */
.nm-equip-menu .sub-sub-menu > li.nm-toggle > a .nm-caret {
  font-size: var(--nm-icon-size);
  line-height: 1;
  margin-left: 6px;
}

/* убираем подчёркивание */
.nm-equip-menu .sub-sub-menu > li > a {
  text-decoration: none;
}

/* hover обычных пунктов */
.nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a:hover {
  color: #0097b2 !important;
  text-decoration: none !important;
}

/* hover триггера */
.nm-equip-menu .sub-sub-menu > li.nm-toggle > a:hover {
  color: #000 !important;
  text-decoration: none !important;
}


/* =========================================================
   HOVER-АНИМАЦИЯ ДЛЯ ПУНКТОВ МЕНЮ
   ========================================================= */

.nm-equip-menu .wd-sub-menu li:not(.nm-toggle) > a,
.nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a {
  display: inline-block;
  transform: translateY(0);
  transition: transform 0.18s ease, color 0.18s ease;
  will-change: transform;
}

.nm-equip-menu .wd-sub-menu li:not(.nm-toggle) > a:hover,
.nm-equip-menu .wd-sub-menu li:not(.nm-toggle) > a:focus-visible,
.nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a:hover,
.nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a:focus-visible {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  .nm-equip-menu .wd-sub-menu li:not(.nm-toggle) > a,
  .nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a {
    transition: none;
  }
}


/* =========================================================
   МОБИЛКА: НИЧЕГО НЕ СКРЫВАЕМ
   ========================================================= */

@media (max-width: 1024px) {
  .nm-equip-menu .sub-sub-menu > li.nm-extra {
    height: auto !important;
    opacity: 1 !important;
    transform: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  .nm-equip-menu .sub-sub-menu > li.nm-toggle {
    display: none !important;
  }
}

/* =========================================================
   FLUENT FORMS — ЛИНИЯ ПРОГРЕССА
   ========================================================= */

.fluentform .ff-step-titles li:before {
  background-color: #e0e0e0;
}

.fluentform .ff-step-titles li.ff-completed:before {
  background-color: #c30 !important;
}

/* =====================================================
   NEOMEDREM HOME
===================================================== */

/* =====================================================
   NM HOME: design tokens
===================================================== */
:root {
    --nm-blue: #0087D1;
    --nm-blue-600: #006FAB;
    --nm-blue-700: #005785;
    --nm-blue-50: #E5F4FB;
    --nm-blue-100: #CCE8F6;
    --nm-blue-200: #99D2ED;

    --nm-navy: #1C3A57;
    --nm-navy-900: #0C2940;
    --nm-navy-800: #14365A;
    --nm-navy-600: #2E5278;
    --nm-navy-50: #F0F4F8;

    --nm-fg-1: #0F2236;
    --nm-fg-2: #44546A;
    --nm-fg-3: #7A8AA0;
    --nm-fg-4: #AEB9CA;

    --nm-bg: #FFFFFF;
    --nm-surface-1: #FFFFFF;
    --nm-surface-2: #FAFBFD;
    --nm-surface-3: #F2F5F9;

    --nm-line-1: #E4EAF1;
    --nm-line-2: #D3DCE6;

    --nm-success: #1FBA66;
    --nm-success-bg: #E6F8EE;
    --nm-warning: #F5A623;
    --nm-warning-bg: #FDF3E1;
    --nm-danger: #E5484D;
    --nm-danger-bg: #FDECEC;

    --nm-shadow-card: 3px 4px 10px rgba(0, 0, 0, 0.10);
    --nm-shadow-hover: 0 10px 15px rgba(0, 0, 0, 0.20);
    --nm-shadow-lg: 0 24px 56px rgba(15, 34, 54, 0.18), 0 6px 16px rgba(15, 34, 54, 0.08);
    --nm-focus-ring: 0 0 0 3px rgba(0, 135, 209, 0.28);

    --nm-radius-xs: 4px;
    --nm-radius-sm: 8px;
    --nm-radius-md: 12px;
    --nm-radius-lg: 16px;
    --nm-radius-xl: 24px;
    --nm-radius-pill: 999px;

    --nm-ease: cubic-bezier(.2, .7, .2, 1);
    --nm-fast: 120ms;
    --nm-mid: 220ms;
    --nm-slow: 400ms;
    --nm-container: 1280px;
    --nm-container-px: 24px;
    --nm-font: "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* =====================================================
   NM HOME: base scope and old fade/blur reset
===================================================== */
body.home .nm-home-hero,
body.home .nm-promo,
body.home .nm-usp,
body.home .nm-napravleniya,
body.home .nm-random-cats,
body.home .nm-news-home-v3,
body.home .nm-reviews,
body.home .nm-articles-home,
body.home .nm-about-text,
body.home .nm-pf,
body.home .nm-footer {
    font-family: var(--nm-font);
    box-sizing: border-box;
}

body.home .nm-home-hero *,
body.home .nm-promo *,
body.home .nm-usp *,
body.home .nm-napravleniya *,
body.home .nm-random-cats *,
body.home .nm-news-home-v3 *,
body.home .nm-reviews *,
body.home .nm-articles-home *,
body.home .nm-about-text *,
body.home .nm-pf *,
body.home .nm-footer * {
    box-sizing: border-box;
}

body.home .nm-home-hero a,
body.home .nm-promo a,
body.home .nm-usp a,
body.home .nm-napravleniya a,
body.home .nm-random-cats a,
body.home .nm-news-home-v3 a,
body.home .nm-reviews a,
body.home .nm-articles-home a,
body.home .nm-about-text a,
body.home .nm-pf a,
body.home .nm-footer a {
    text-decoration: none;
}

body.home .nm-random-cats__shell::before,
body.home .nm-random-cats__shell::after,
body.home .nm-news-home-v3__shell::before,
body.home .nm-news-home-v3__shell::after,
body.home .nm-reviews__shell::before,
body.home .nm-reviews__shell::after,
body.home .nm-articles-home__shell::before,
body.home .nm-articles-home__shell::after,
body.home .nm-random-cats.has-left-fade::before,
body.home .nm-random-cats.has-right-fade::after,
body.home .nm-news-home-v3.has-left-fade::before,
body.home .nm-news-home-v3.has-right-fade::after,
body.home .nm-reviews.has-left-fade::before,
body.home .nm-reviews.has-right-fade::after,
body.home .nm-articles-home.has-left-fade::before,
body.home .nm-articles-home.has-right-fade::after {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
}

body.home .nm-random-cats,
body.home .nm-news-home-v3,
body.home .nm-reviews,
body.home .nm-articles-home {
    --nm-end-safe: 0px !important;
    --nm-shadow-safe-left: 0px !important;
    --nm-shadow-safe-right: 0px !important;
    --nm-news-shadow-safe-left: 0px !important;
    --nm-news-shadow-safe-right: 0px !important;
    --nm-rv-safe-left: 0px !important;
    --nm-rv-safe-right: 0px !important;
    --nm-ar-safe-left: 0px !important;
    --nm-ar-safe-right: 0px !important;
}

/* =====================================================
   NM HOME: section headings
===================================================== */
body.home .nm-promo__head,
body.home .nm-usp__head,
body.home .nm-napravleniya__head,
body.home .nm-random-cats__head,
body.home .nm-news-home-v3__head,
body.home .nm-reviews__head,
body.home .nm-articles-home__head,
body.home .nm-articles-home__intro {
    max-width: var(--nm-container);
    margin-left: auto;
    margin-right: auto;
}

body.home .nm-promo__label,
body.home .nm-usp__label,
body.home .nm-napravleniya__label,
body.home .nm-random-cats__label,
body.home .nm-news-home-v3__label,
body.home .nm-reviews__label,
body.home .nm-articles-home__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    color: var(--nm-blue);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.home .nm-promo__title,
body.home .nm-usp__title,
body.home .nm-napravleniya__title,
body.home .nm-random-cats__title,
body.home .nm-news-home-v3__title,
body.home .nm-reviews__title,
body.home .nm-articles-home__title {
    margin: 0;
    color: var(--nm-fg-1);
    font-size: 28px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

body.home .nm-promo__subtitle,
body.home .nm-random-cats__subtitle,
body.home .nm-news-home-v3__subtitle,
body.home .nm-reviews__subtitle,
body.home .nm-articles-home__text {
    max-width: 720px;
    margin: 8px 0 0;
    color: var(--nm-fg-2);
    font-size: 14px;
    line-height: 1.6;
}

body.home .nm-promo__all,
body.home .nm-random-cats__all,
body.home .nm-news-home-v3__all,
body.home .nm-articles-home__btn,
body.home .nm-brands-link,
body.home .nm-section-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: var(--nm-radius-sm);
    color: var(--nm-blue) !important;
    background: var(--nm-bg) !important;
    border: 1px solid var(--nm-line-2) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1;
    transition: color var(--nm-fast) var(--nm-ease), border-color var(--nm-fast) var(--nm-ease), background var(--nm-fast) var(--nm-ease);
}

body.home .nm-promo__all:hover,
body.home .nm-random-cats__all:hover,
body.home .nm-news-home-v3__all:hover,
body.home .nm-articles-home__btn:hover,
body.home .nm-brands-link:hover,
body.home .nm-section-link:hover {
    color: var(--nm-blue-700) !important;
    border-color: var(--nm-blue) !important;
    background: var(--nm-blue-50) !important;
}

/* =====================================================
   NM HOME HERO: main screen redesign
===================================================== */
/* 1d: remove gap between header and hero */
body.home .nm-home-hero-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.home .nm-home-hero {
    padding: 40px 0 28px;
    background: #FFFFFF;
}
body.home .nm-home-hero * { box-sizing: border-box; }
body.home .nm-home-hero .nm-hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch;
}

/* LEFT */
body.home .nm-home-hero .nm-hero-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
body.home .nm-home-hero .nm-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 18px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #E4EAF1;
    box-shadow: 3px 4px 10px rgba(0,0,0,.10);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #1C3A57;
    text-transform: uppercase;
    align-self: flex-start;
}
body.home .nm-home-hero .nm-hero-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #0087D1;
    flex: 0 0 auto;
}
body.home .nm-home-hero .nm-hero-title {
    margin: 24px 0 0;
    font-size: 52px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.06;
    color: #0F2236;
}
body.home .nm-home-hero .nm-hero-accent { color: #0087D1; }
body.home .nm-home-hero .nm-hero-sub {
    margin: 20px 0 0;
    font-size: 17px;
    line-height: 1.6;
    color: #44546A;
    max-width: 560px;
}
body.home .nm-home-hero .nm-hero-ctas {
    display: flex;
    gap: 12px;
    margin-top: 26px;
    flex-wrap: wrap;
}
body.home .nm-home-hero .nm-btn-primary {
    background: #0087D1;
    color: #fff;
    padding: 16px 26px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 15px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.22s;
    text-decoration: none;
    line-height: 1;
}
body.home .nm-home-hero .nm-btn-primary:hover { background: #006FAB; color: #fff; }
body.home .nm-home-hero .nm-btn-outline {
    background: #fff;
    color: #0F2236;
    border: 1px solid #D3DCE6;
    padding: 16px 26px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.22s;
    text-decoration: none;
    line-height: 1;
}
body.home .nm-home-hero .nm-btn-outline:hover { border-color: #0087D1; color: #006FAB; }
body.home .nm-home-hero .nm-hero-stats {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    column-gap: 28px;
    align-items: center;
    margin-top: 32px;
}
body.home .nm-home-hero .nm-stat-item:nth-child(n+2) {
    border-left: 1px solid #E4EAF1;
    padding-left: 28px;
}
body.home .nm-home-hero .nm-stat-value {
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0F2236;
    line-height: 1;
}
body.home .nm-home-hero .nm-stat-label {
    font-size: 12px;
    color: #7A8AA0;
    margin-top: 5px;
}

/* RIGHT / SLIDER -- 1a: stretch to left column height */
body.home .nm-home-hero .nm-hero-right {
    position: relative;
    height: 100%;
    border-radius: 18px;
    overflow: hidden;
    background: #F0F4F8;
    border: 1px solid #E4EAF1;
    box-shadow: 3px 4px 10px rgba(0,0,0,.10);
}
body.home .nm-home-hero .nm-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
    display: flex;
    flex-direction: column;
}
body.home .nm-home-hero .nm-slide.nm-active {
    opacity: 1;
    position: relative;
    height: 100%;
    flex: 1;
}
body.home .nm-home-hero .nm-slide-product-top {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 40px 16px;
    position: relative;
    background: #fff;
}
body.home .nm-home-hero .nm-slide-product-top img {
    max-height: 230px;
    max-width: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}
body.home .nm-home-hero .nm-badge {
    position: absolute;
    top: 22px;
    left: 22px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 9px;
    border-radius: 6px;
}
body.home .nm-home-hero .nm-badge-new { background: #E5F4FB; color: #006FAB; }
body.home .nm-home-hero .nm-badge-instock { background: #E6F8EE; color: #0F7A3F; }
body.home .nm-home-hero .nm-badge-discount { background: #FDECEC; color: #A8302F; }
body.home .nm-home-hero .nm-badge-order { background: #F0F4F8; color: #44546A; }
body.home .nm-home-hero .nm-slide-product-info { padding: 0 30px 44px; }
body.home .nm-home-hero .nm-slide-eyebrow {
    font-size: 11px;
    font-weight: 700;
    color: #006FAB;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
body.home .nm-home-hero .nm-slide-title-link { text-decoration: none; }
body.home .nm-home-hero .nm-slide-title {
    font-size: 21px;
    font-weight: 700;
    color: #0F2236;
    margin-top: 8px;
}
body.home .nm-home-hero .nm-slide-price {
    font-size: 20px;
    font-weight: 800;
    color: #0F2236;
    margin-top: 6px;
}
body.home .nm-home-hero .nm-slide-promo {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 44px 40px;
}
body.home .nm-home-hero .nm-slide-promo-navy { background: #1C3A57; color: #fff; }
body.home .nm-home-hero .nm-slide-promo-light { background: #E5F4FB; color: #1C3A57; }
body.home .nm-home-hero .nm-slide-promo-eyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.75;
}
body.home .nm-home-hero .nm-slide-promo-title {
    font-size: 26px;
    font-weight: 800;
    line-height: 1.25;
    max-width: 320px;
    margin-top: 16px;
}
body.home .nm-home-hero .nm-slide-promo-btn {
    align-self: flex-start;
    margin-top: 26px;
}

/* 1b: DOTS -- pills */
body.home .nm-home-hero .nm-slider-dots {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    display: flex;
    gap: 8px;
    justify-content: center;
    z-index: 5;
}
body.home .nm-home-hero .nm-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(15,34,54,.20);
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
    flex-shrink: 0;
    min-height: 0;
    min-width: 0;
    line-height: 0;
}
body.home .nm-home-hero .nm-dot.nm-dot-active { background: #0087D1; width: 22px; }

/* RESPONSIVE */
@media (max-width: 880px) {
    body.home .nm-home-hero .nm-hero-grid { grid-template-columns: 1fr; gap: 32px; }
    body.home .nm-home-hero .nm-hero-title { font-size: 38px; }
    body.home .nm-home-hero .nm-hero-right { min-height: 360px; }
    body.home .nm-home-hero .nm-hero-stats { grid-template-columns: repeat(2, max-content); row-gap: 16px; }
    body.home .nm-home-hero .nm-stat-item:nth-child(3) { border-left: none; padding-left: 0; }
}

/* =====================================================
   NM HOME PROMO: актуальные предложения
===================================================== */

/* =====================================================
   NM HOME HERO SLIDER v2 — card slide (content + image)
   ===================================================== */
body.home .nm-hero-right { position: relative; }
body.home .nm-hero-right .nm-slide {
  display: none;
  height: 100%;
}
body.home .nm-hero-right .nm-slide.nm-active {
  display: block;
  animation: nmFade .35s ease;
}
@keyframes nmFade { from { opacity: 0; } to { opacity: 1; } }
body.home .nm-hero-right .nm-slide__inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 20px;
  height: 100%;
  padding: 28px 28px 64px;
  border-radius: 0;
}
body.home .nm-hero-right .nm-slide__content {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
body.home .nm-hero-right .nm-slide__eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #7A8AA0;
}
body.home .nm-hero-right .nm-slide__title {
  margin: 2px 0 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.015em;
  color: #0F2236;
}
body.home .nm-hero-right .nm-slide__desc {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.55;
  color: #44546A;
}
body.home .nm-hero-right .nm-slide__badge {
  align-self: flex-start;
  display: inline-block;
  margin-top: 4px;
  padding: 5px 9px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
body.home .nm-hero-right .nm-badge--new { background: #E5F4FB; color: #006FAB; }
body.home .nm-hero-right .nm-badge--instock { background: #E6F8EE; color: #0F7A3F; }
body.home .nm-hero-right .nm-slide__price {
  margin-top: 6px;
  font-size: 20px;
  font-weight: 700;
  color: #1C3A57;
}
body.home .nm-hero-right .nm-slide__btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding: 9px 16px;
  border-radius: 10px;
  background: #0087D1;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
body.home .nm-hero-right .nm-slide__btn:hover { background: #006FAB; transform: translateY(-1px); }
body.home .nm-hero-right .nm-slide__image {
  flex: 0 0 200px;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 14px;
}
body.home .nm-hero-right .nm-slide__image img {
  max-width: 100%;
  max-height: 220px;
  object-fit: contain;
  display: block;
}
body.home .nm-hero-right .nm-slide__icon {
  flex: 0 0 200px;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0087D1;
}
body.home .nm-hero-right .nm-slide__icon svg { width: 64px; height: 64px; }
/* promo slides: tinted backgrounds inside white card */
body.home .nm-hero-right .nm-slide--promo-navy .nm-slide__inner { background: #1C3A57; border-radius: 14px; }
body.home .nm-hero-right .nm-slide--promo-navy .nm-slide__eyebrow { color: rgba(255,255,255,.7); }
body.home .nm-hero-right .nm-slide--promo-navy .nm-slide__title { color: #fff; }
body.home .nm-hero-right .nm-slide--promo-navy .nm-slide__desc { color: rgba(255,255,255,.8); }
body.home .nm-hero-right .nm-slide--promo-navy .nm-slide__icon { color: #fff; }
body.home .nm-hero-right .nm-slide--promo-light .nm-slide__inner { background: #E5F4FB; border-radius: 14px; }
/* controls: dots bottom-left, arrows bottom-right */
body.home .nm-hero-right .nm-slider-controls {
  position: absolute;
  left: 28px; right: 28px; bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 5;
}
body.home .nm-hero-right .nm-slider-dots {
  display: flex; gap: 6px; align-items: center;
}
body.home .nm-hero-right .nm-dot {
  width: 8px; height: 8px; min-width: 0; min-height: 0;
  padding: 0; border: 0; border-radius: 999px;
  background: #D3DCE6; cursor: pointer;
  transition: width .25s ease, background .25s ease;
}
body.home .nm-hero-right .nm-dot.nm-dot-active { width: 22px; background: #0087D1; }
body.home .nm-hero-right .nm-slider-arrows { display: flex; gap: 8px; }
/* SLIDER ARROWS — квадратные 40×40, в правом нижнем углу на уровне точек, адаптивные */
body.home .nm-home-hero .nm-slider-nav {
  position: static;
  width: 40px; height: 40px;
  min-width: 0; min-height: 0;
  padding: 0;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  z-index: 6;
  border: 1px solid transparent;
  background: rgba(15, 34, 54, .06);
  color: #1C3A57;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  opacity: .85;
  box-shadow: 0 0 0 rgba(15,34,54,0);
  transition:
    background   .22s cubic-bezier(.2,.7,.2,1),
    border-color .22s cubic-bezier(.2,.7,.2,1),
    color        .22s cubic-bezier(.2,.7,.2,1),
    box-shadow   .22s cubic-bezier(.2,.7,.2,1),
    transform    .18s cubic-bezier(.2,.7,.2,1),
    opacity      .18s cubic-bezier(.2,.7,.2,1);
}
body.home .nm-home-hero .nm-slider-controls .nm-slider-prev { margin-left: auto; }
body.home .nm-home-hero .nm-slider-controls .nm-slider-next { margin-left: 8px; }
body.home .nm-home-hero .nm-slider-nav svg {
  width: 18px; height: 18px;
  transition: transform .18s cubic-bezier(.2,.7,.2,1);
}

body.home .nm-home-hero .nm-slider-nav:hover {
  opacity: 1;
  background: rgba(15, 34, 54, .14);
  border-color: rgba(15, 34, 54, .10);
  box-shadow: 0 6px 16px rgba(15, 34, 54, .18);
}
body.home .nm-home-hero .nm-slider-prev:hover svg { transform: translateX(-2px); }
body.home .nm-home-hero .nm-slider-next:hover svg { transform: translateX(2px); }

body.home .nm-home-hero .nm-slider-nav:active {
  transform: scale(.94);
  background: rgba(15, 34, 54, .20);
  box-shadow: none;
  transition-duration: .1s;
}

/* тёмные слайды (navy) → белые стеклянные */
body.home .nm-home-hero .nm-hero-right:has(.nm-slide.nm-active.nm-slide--promo-navy) .nm-slider-nav {
  background: rgba(255, 255, 255, .14);
  color: #fff;
  border-color: rgba(255, 255, 255, .18);
}
body.home .nm-home-hero .nm-hero-right:has(.nm-slide.nm-active.nm-slide--promo-navy) .nm-slider-nav:hover {
  background: rgba(255, 255, 255, .26);
  border-color: rgba(255, 255, 255, .32);
  color: #fff;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .25);
}
body.home .nm-home-hero .nm-hero-right:has(.nm-slide.nm-active.nm-slide--promo-navy) .nm-slider-nav:active {
  background: rgba(255, 255, 255, .34);
}

/* светло-голубой промо → тёмные */
body.home .nm-home-hero .nm-hero-right:has(.nm-slide.nm-active.nm-slide--promo-light) .nm-slider-nav {
  background: rgba(28, 58, 87, .08);
  color: #1C3A57;
  border-color: rgba(28, 58, 87, .10);
}
body.home .nm-home-hero .nm-hero-right:has(.nm-slide.nm-active.nm-slide--promo-light) .nm-slider-nav:hover {
  background: rgba(28, 58, 87, .16);
  border-color: rgba(28, 58, 87, .18);
  color: #0F2236;
}

/* точки под navy */
body.home .nm-home-hero .nm-hero-right:has(.nm-slide.nm-active.nm-slide--promo-navy) .nm-dot {
  background: rgba(255, 255, 255, .35);
}
body.home .nm-home-hero .nm-hero-right:has(.nm-slide.nm-active.nm-slide--promo-navy) .nm-dot.nm-dot-active {
  background: #fff;
}

/* focus-visible — клавиатура (a11y) */
body.home .nm-home-hero .nm-slider-nav:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 135, 209, .35), 0 6px 16px rgba(15, 34, 54, .18);
}

@media (hover: none) {
  body.home .nm-home-hero .nm-slider-nav { opacity: 1; }
  body.home .nm-home-hero .nm-slider-nav:hover { transform: none; box-shadow: none; }
  body.home .nm-home-hero .nm-slider-nav:hover svg { transform: none; }
}

@media (max-width: 880px) {
  body.home .nm-home-hero .nm-slider-nav { width: 36px; height: 36px; }
}
/* override leftover old hero slider positioning (.nm-home-hero .nm-slider-*) */
body.home .nm-home-hero .nm-hero-right .nm-slider-controls {
  position: absolute !important;
  left: 28px !important; right: 28px !important; bottom: 20px !important;
  top: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between !important;
  width: auto !important;
  z-index: 6;
}
body.home .nm-home-hero .nm-hero-right .nm-slider-dots {
  position: static !important;
  left: auto !important; right: auto !important; bottom: auto !important;
  width: auto !important;
  justify-content: flex-start !important;
  gap: 6px !important;
}
body.home .nm-home-hero .nm-hero-right .nm-slider-arrows {
  position: static !important;
  width: auto !important;
  flex: 0 0 auto;
  display: flex !important;
  gap: 8px !important;
}

/* =====================================================
   NM HOME PROMO v2 — nmhp namespace
   ===================================================== */
body.home .nmhp-section {
  background: #fff;
  padding: 0 0 56px;
}
body.home .nmhp-section * { box-sizing: border-box; }
body.home .nmhp-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
body.home .nmhp-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 28px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  color: #fff;
}
body.home .nmhp-card--navy { background: #1C3A57; }
body.home .nmhp-card--blue { background: linear-gradient(135deg, #0087D1 0%, #005785 100%); }
body.home .nmhp-card .nmhp-blob {
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  pointer-events: none;
  z-index: 0;
}
body.home .nmhp-card .nmhp-body {
  position: relative;
  z-index: 2;
  flex: 1;
  min-width: 0;
}
body.home .nmhp-card .nmhp-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin: 0;
}
body.home .nmhp-card .nmhp-title {
  margin: 8px 0 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
  color: #fff;
}
body.home .nmhp-card .nmhp-sub {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.8);
  max-width: 380px;
}
body.home .nmhp-card .nmhp-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 9px 16px;
  border-radius: 10px;
  background: #fff;
  border: 0;
  font-family: inherit;
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease;
}
body.home .nmhp-card .nmhp-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
}
body.home .nmhp-card .nmhp-btn--onNavy { color: #1C3A57; }
body.home .nmhp-card .nmhp-btn--onBlue { color: #005785; }
body.home .nmhp-card .nmhp-icon {
  position: relative;
  z-index: 2;
  width: 72px; height: 72px;
  flex: 0 0 72px;
  border-radius: 16px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media (max-width: 880px) {
  body.home .nmhp-grid { grid-template-columns: 1fr; gap: 12px; }
  body.home .nmhp-card { padding: 24px; }
  body.home .nmhp-card .nmhp-icon { display: none; }
  body.home .nmhp-card .nmhp-title { font-size: 18px; }
}

body.home .nm-promo {
    max-width: var(--nm-container);
    margin: 0 auto 44px;
    padding: 0 var(--nm-container-px);
}

body.home .nm-promo__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

body.home .nm-promo__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

body.home .nm-promo-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: var(--nm-radius-md) !important;
    background: var(--nm-bg) !important;
    border: 1px solid var(--nm-line-1) !important;
    box-shadow: var(--nm-shadow-card) !important;
    transition: border-color var(--nm-mid) var(--nm-ease), box-shadow var(--nm-mid) var(--nm-ease), transform var(--nm-mid) var(--nm-ease) !important;
}

body.home .nm-promo-card:hover {
    border-color: rgba(0, 135, 209, 0.30) !important;
    box-shadow: var(--nm-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

body.home .nm-promo-card__image-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    aspect-ratio: 10 / 7;
    padding: 20px !important;
    background: var(--nm-surface-3) !important;
    border-bottom: 1px solid var(--nm-line-1) !important;
}

body.home .nm-promo-card__image {
    display: block;
    width: 100%;
    max-width: 205px;
    height: 132px;
    object-fit: contain;
    object-position: center;
    transition: transform var(--nm-slow) var(--nm-ease);
}

body.home .nm-promo-card:hover .nm-promo-card__image {
    transform: scale(1.04);
}

body.home .nm-promo-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px;
    background: var(--nm-bg) !important;
}

body.home .nm-promo-card__title {
    margin: 0 0 7px;
    color: var(--nm-fg-1);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

body.home .nm-promo-card__title a {
    color: inherit !important;
    transition: color var(--nm-fast) var(--nm-ease);
}

body.home .nm-promo-card__title a:hover {
    color: var(--nm-blue) !important;
}

body.home .nm-promo-card__text {
    flex: 1;
    margin: 0 0 14px;
    color: var(--nm-fg-2);
    font-size: 13px;
    line-height: 1.55;
}

body.home .nm-promo-card__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    margin-top: auto !important;
    padding: 9px 14px !important;
    border-radius: var(--nm-radius-sm) !important;
    background: var(--nm-blue) !important;
    color: #fff !important;
    border: 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    transition: background var(--nm-mid) var(--nm-ease) !important;
}

body.home .nm-promo-card__btn:hover {
    background: var(--nm-blue-600) !important;
    color: #fff !important;
}

/* =====================================================
   NM HOME USP: почему выбирают нас
===================================================== */
body.home .nm-usp {
    max-width: var(--nm-container);
    margin: 0 auto 44px;
    padding: 0 var(--nm-container-px);
}

body.home .nm-usp__head {
    margin-bottom: 18px;
}

body.home .nm-usp__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

body.home .nm-usp__item {
    min-height: 100%;
    padding: 20px !important;
    border-radius: var(--nm-radius-md) !important;
    background: var(--nm-bg) !important;
    border: 1px solid var(--nm-line-1) !important;
    box-shadow: var(--nm-shadow-card) !important;
    transition: border-color var(--nm-mid) var(--nm-ease), box-shadow var(--nm-mid) var(--nm-ease), transform var(--nm-mid) var(--nm-ease) !important;
}

body.home .nm-usp__item:hover {
    border-color: rgba(0, 135, 209, 0.30) !important;
    box-shadow: var(--nm-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

body.home .nm-usp__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 13px !important;
    border-radius: var(--nm-radius-sm) !important;
    background: var(--nm-blue-50) !important;
    color: var(--nm-blue) !important;
    box-shadow: none !important;
}

body.home .nm-usp__icon svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.home .nm-usp__name {
    margin: 0 0 7px;
    color: var(--nm-fg-1);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

body.home .nm-usp__desc {
    margin: 0;
    color: var(--nm-fg-2);
    font-size: 13px;
    line-height: 1.55;
}

/* =====================================================
   NM HOME DIRECTIONS v2 — направления медицины (nmdir)
   ===================================================== */
body.home .nmdir-section {
  background: #fff;
  padding: 56px 0;
}
body.home .nmdir-header {
  margin-bottom: 28px;
}
body.home .nmdir-eyebrow {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #0087D1;
  text-transform: uppercase;
  margin-bottom: 6px;
}
body.home .nmdir-title {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #0F2236;
  margin: 0;
}
body.home .nmdir-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}

/* Карточка категории */
body.home .nmdir-card {
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #E4EAF1;
  text-decoration: none;
  color: inherit;
  position: relative;
	box-shadow: 3px 4px 10px rgba(0,0,0,.10);
  transition: box-shadow .25s ease, transform .25s ease;
}
body.home .nmdir-card:hover {
  box-shadow: 0 10px 15px rgba(0,0,0,.20);
  transform: translateY(-2px);
}

/* Зона изображения */
body.home .nmdir-img-wrap {
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
body.home .nmdir-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  width: auto;
  height: auto;
  display: block;
}

/* Футер карточки */
body.home .nmdir-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "name arrow"
    "count arrow";
  align-items: center;
  column-gap: 10px;
  row-gap: 4px;
  padding: 12px 14px;
  border-top: 1px solid #E4EAF1;
}
body.home .nmdir-name {
  grid-area: name;
  font-size: 14px;
  font-weight: 700;
  color: #0F2236;
  line-height: 1.25;
  min-height: 35px;
  display: flex;
  align-items: flex-start;
}
body.home .nmdir-count {
  grid-area: count;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 6px;
  background: #E5F4FB;
  color: #006FAB;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
body.home .nmdir-arrow {
  grid-area: arrow;
  justify-self: end;
  font-size: 14px;
  color: #0087D1;
  flex-shrink: 0;
  transition: transform .22s ease;
}
body.home .nmdir-card:hover .nmdir-arrow {
  transform: translateX(3px);
}

/* Полоска hover из центра в стороны */
body.home .nmdir-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 3px;
  background: #0087D1;
  border-radius: 0 0 14px 14px;
  transition: transform .28s ease;
}
body.home .nmdir-card:hover .nmdir-line {
  transform: translateX(-50%) scaleX(1);
}

/* 5-я плитка — Все направления */
body.home .nmdir-card--all {
  background: linear-gradient(135deg, #0087D1 0%, #1C3A57 100%);
  border-color: transparent;
  justify-content: flex-end;
  min-height: 160px;
  padding: 20px;
}
body.home .nmdir-blob {
  position: absolute;
  top: -50px; right: -50px;
  width: 180px; height: 180px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  pointer-events: none;
}
body.home .nmdir-all-body {
  position: relative;
  z-index: 1;
}
body.home .nmdir-all-icon {
  width: 44px; height: 44px;
  border-radius: 12px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 10px;
}
body.home .nmdir-all-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
body.home .nmdir-all-sub {
  font-size: 12px;
  color: rgba(255,255,255,.7);
  margin-top: 4px;
}
body.home .nmdir-card--all .nmdir-line {
  background: rgba(255,255,255,.3);
}

/* Адаптив */
@media (max-width: 1024px) {
  body.home .nmdir-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 880px) {
  body.home .nmdir-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  body.home .nmdir-card--all {
    grid-column: span 2;
    min-height: 120px;
  }
}
/* =====================================================
   NM HOME RANDOM CATEGORIES: carousel cards
===================================================== */
body.home .nm-random-cats {
    max-width: var(--nm-container);
    margin: 0 auto 44px;
    padding: 0 var(--nm-container-px);
}

body.home .nm-random-cats__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

body.home .nm-random-cats__shell,
body.home .nm-news-home-v3__shell,
body.home .nm-reviews__shell,
body.home .nm-articles-home__shell {
    position: relative;
}

body.home .nm-random-cats__card {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: var(--nm-radius-md) !important;
    background: var(--nm-bg) !important;
    border: 1px solid var(--nm-line-1) !important;
    box-shadow: var(--nm-shadow-card) !important;
    color: var(--nm-fg-1) !important;
    transition: border-color var(--nm-mid) var(--nm-ease), box-shadow var(--nm-mid) var(--nm-ease), transform var(--nm-mid) var(--nm-ease) !important;
}

body.home .nm-random-cats__card:hover {
    border-color: rgba(0, 135, 209, 0.30) !important;
    box-shadow: var(--nm-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

body.home .nm-random-cats__card::before {
    display: none !important;
}

body.home .nm-random-cats__image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 168px;
    padding: 16px;
    background: var(--nm-surface-3) !important;
    border-bottom: 1px solid var(--nm-line-1) !important;
    box-shadow: none !important;
}

body.home .nm-random-cats__image-wrap img {
    display: block;
    width: 100%;
    height: 136px;
    object-fit: contain;
    transition: transform var(--nm-slow) var(--nm-ease);
}

body.home .nm-random-cats__card:hover .nm-random-cats__image-wrap img {
    transform: scale(1.04);
}

body.home .nm-random-cats__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    background: var(--nm-bg) !important;
}

body.home .nm-random-cats__name {
    color: var(--nm-fg-1) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    transition: color var(--nm-fast) var(--nm-ease);
}

body.home .nm-random-cats__card:hover .nm-random-cats__name {
    color: var(--nm-blue) !important;
}

body.home .nm-random-cats__badge-wrap,
body.home .nm-random-cats__counter {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: auto;
    padding: 4px 8px;
    border-radius: var(--nm-radius-xs);
    background: var(--nm-blue-50) !important;
    color: var(--nm-blue-700) !important;
    border: 1px solid var(--nm-blue-100) !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

/* ============================================
   NM HOME BRANDS - text pills V1 (card wrap)
   ============================================ */

/* --- section header: eyebrow + title left, link right --- */
body.home .nm-brands-header {
    max-width: var(--nm-container);
    margin: 0 auto 22px;
    padding: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}
/* kill woodmart title internal left offset so it sits flush left */
body.home .nm-brands-header .title-wrapper,
body.home .nm-brands-header .liner-continer {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
/* blue eyebrow label above the title (like other sections) */
body.home .nm-brands-header .woodmart-title-container::before {
    content: "ПАРТНЁРЫ";
    display: block;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0087D1;
    line-height: 1;
}
body.home .nm-brands-header .woodmart-title-container {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    letter-spacing: -0.015em !important;
    color: #0F2236 !important;
    line-height: 1.15 !important;
    text-align: left !important;
}
body.home .nm-brands-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #0087D1;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s cubic-bezier(.2,.7,.2,1);
}
body.home .nm-brands-link:hover { color: #005785; }
/* remove inner elementor container side padding so title/link align with card edges */
body.home .nm-brands-header.e-con-full,
body.home .nm-brands-header > .e-con-inner { padding-left: 0 !important; padding-right: 0 !important; }

/* --- card wrapper around the pills --- */
body.home .elementor-element-38768cf > .elementor-widget-container {
    max-width: var(--nm-container);
    margin: 0 auto;
    padding: 0 var(--nm-container-px);
}
body.home .wd-brands.brands-widget {
    background: #fff;
    border: 1px solid #E4EAF1;
    border-radius: 16px;
    box-shadow: 3px 4px 10px rgba(0,0,0,.10);
    padding: 24px 26px;
}
/* the real visible layout is .wd-grid-g (fixed 8-col grid). 
   convert to a wrapping flex so pills size to content & rows are tight */
body.home .wd-brands .wd-grid-g {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    grid-template-columns: none !important;
}
body.home .wd-brands .wd-col {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* also neutralize carousel markup if it ever renders that way */
body.home .wd-brands .wd-carousel-inner,
body.home .wd-brands .wd-carousel,
body.home .wd-brands .wd-carousel-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    transform: none !important;
    width: 100% !important;
    overflow: visible !important;
}
body.home .wd-brands .wd-carousel-item {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.home .wd-brands .wd-carousel-arrow,
body.home .wd-brands .wd-carousel-dots { display: none !important; }
/* the brand cell: size to content, no forced tall height (kills big row gaps) */
body.home .wd-brand-item.brand-item {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* --- the pill itself (a) - width by content, no clipping --- */
body.home .wd-brand-item a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: none !important;
    padding: 9px 18px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #E4EAF1;
    color: #0F2236;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.1;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
    transition: background .2s cubic-bezier(.2,.7,.2,1), border-color .2s cubic-bezier(.2,.7,.2,1), color .2s cubic-bezier(.2,.7,.2,1);
}
body.home .wd-brand-item a:hover {
    background: #E5F4FB;
    border-color: #0087D1;
    color: #005785;
}
body.home .wd-brand-item a:focus-visible {
    outline: none;
    border-color: #0087D1;
    box-shadow: 0 0 0 3px rgba(0,135,209,.28);
}
body.home .wd-brand-item img { display: none !important; }

/* responsive */
@media (max-width: 720px) {
    body.home .nm-brands-header { flex-direction: column; align-items: flex-start; gap: 10px; }
    body.home .nm-brands-header .woodmart-title-container { font-size: 24px !important; }
    body.home .wd-brands.brands-widget { padding: 18px 16px; }
    body.home .wd-brands .wd-grid-g { gap: 8px !important; }
    body.home .wd-brand-item a { padding: 8px 14px; font-size: 13px; }
}
@media (hover: none) {
    body.home .wd-brand-item a:hover { background: #fff; border-color: #E4EAF1; color: #0F2236; }
}
/* NM HOME NEWS */
body.home .nm-news-home-v3 {
    background: #fff;
    padding: 56px 0;
    position: relative;
}

/* Заголовок секции */
body.home .nm-news-home-v3__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 28px;
}

/* Карточка */
body.home .nm-news-home-v3__card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #E4EAF1;
    box-shadow: 3px 4px 10px rgba(0,0,0,.10);
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    box-sizing: border-box;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
body.home .nm-news-home-v3__card:hover {
    box-shadow: 0 10px 24px rgba(0,0,0,.10);
    transform: translateY(-2px);
    border-color: #99D2ED;
}

/* Мета: дата сверху */
body.home .nm-news-home-v3__meta {
    display: flex;
    align-items: center;
    gap: 10px;
}
body.home .nm-news-home-v3__date {
    font-size: 12px;
    color: #7A8AA0;
    font-weight: 500;
}

/* Категория-бейдж */
body.home .nm-news-home-v3__cat {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    background: #E5F4FB;
    color: #006FAB;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* Заголовок */
body.home .nm-news-home-v3__card-title a {
    font-size: 16px;
    font-weight: 700;
    color: #0F2236;
    text-decoration: none;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.home .nm-news-home-v3__card-title a:hover {
    color: #0087D1;
}

/* Excerpt */
body.home .nm-news-home-v3__excerpt {
    font-size: 13.5px;
    line-height: 1.55;
    color: #44546A;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Футер: просмотры слева, читать справа */
body.home .nm-news-home-v3__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid #E4EAF1;
    margin-top: auto;
}
body.home .nm-news-home-v3__views--footer {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #7A8AA0;
}
body.home .nm-news-home-v3__btn {
    font-size: 13px;
    font-weight: 600;
    color: #0087D1;
    text-decoration: none;
    transition: color .22s ease;
}
body.home .nm-news-home-v3__btn:hover {
    color: #006FAB;
}

/* ___ Вариант: адаптивные карточки + стрелки по бокам (постоянные) ___ */

/* Мета-строка: бейдж слева, дата справа с иконкой — на одном уровне */
body.home .nm-news-home-v3 .nm-news-home-v3__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
body.home .nm-news-home-v3 .nm-news-home-v3__date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #7A8AA0;
    font-weight: 500;
    white-space: nowrap;
}
body.home .nm-news-home-v3 .nm-news-home-v3__date-ico {
    flex: 0 0 auto;
    color: #A6B2C4;
}

/* Блок во всю ширину, как соседние секции */
body.home .elementor-element.nm-home-news-wrap .elementor-widget-shortcode {
    width: 100% !important;
    max-width: 100% !important;
}
body.home .nm-news-home-v3 {
    width: 100%;
    padding: 56px 0;
}

/* Контейнеры Elementor: разрешаем стрелкам/теням выходить за блок (без полосы прокрутки) */
body.home .elementor-element-a8d67dc,
body.home .elementor-element.nm-home-news-wrap,
body.home .elementor-element.nm-home-news-wrap > .e-con-inner {
    overflow: visible !important;
}

/* Оболочка — точка отсчёта для стрелок; воздух по бокам задаём паддингом (десктоп) */
body.home .nm-news-home-v3__shell {
    position: relative;
}
@media (min-width: 1181px) {
    body.home .nm-news-home-v3 .nm-news-home-v3__shell {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Вьюпорт: тени видны за счёт overflow:visible на всех родителях; вертикальный запас для подъёма карточки при наведении */
body.home .nm-news-home-v3 .nm-news-home-v3__viewport {
    overflow: visible !important;
    padding: 18px 0 26px;
    margin: -18px 0 -26px;
}

/* Трек */
body.home .nm-news-home-v3 .nm-news-home-v3__track {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 20px;
}

/* Карточки: десктоп — 3 в ряд, равной ширины */
body.home .nm-news-home-v3 .nm-news-home-v3__card {
    flex: 1 1 0 !important;
    max-width: none !important;
    width: auto !important;
    min-width: 0;
    box-sizing: border-box;
}

/* Равная высота карточек во всех режимах: отключаем height:100% базы, тянем по stretch */
body.home .nm-news-home-v3 .nm-news-home-v3__track {
    align-items: stretch !important;
}
body.home .nm-news-home-v3 .nm-news-home-v3__card {
    height: auto !important;
    align-self: stretch !important;
}

/* ============ СТРЕЛКИ (десктоп) ============ */
body.home .nm-news-home-v3 .nm-news-home-v3__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #E4EAF1;
    box-shadow: 0 6px 18px rgba(15,34,54,.14);
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    padding: 0;
    opacity: 1 !important;
    visibility: visible !important;
    transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
body.home .nm-news-home-v3 .nm-news-home-v3__arrow--prev { left: -40px; }
body.home .nm-news-home-v3 .nm-news-home-v3__arrow--next { right: -40px; }
body.home .nm-news-home-v3 .nm-news-home-v3__arrow:hover {
    background: #fff !important;
    border-color: #0087D1 !important;
}

/* Шевроны внутри стрелок */
body.home .nm-news-home-v3 .nm-news-home-v3__arrow span {
    display: block;
    width: 9px;
    height: 9px;
}
body.home .nm-news-home-v3 .nm-news-home-v3__arrow--prev span {
    border-left: 2px solid #1C3A57;
    border-bottom: 2px solid #1C3A57;
    transform: rotate(45deg) translate(2px,-2px);
}
body.home .nm-news-home-v3 .nm-news-home-v3__arrow--next span {
    border-right: 2px solid #1C3A57;
    border-top: 2px solid #1C3A57;
    transform: rotate(45deg) translate(-2px,2px);
}
body.home .nm-news-home-v3 .nm-news-home-v3__arrow:hover span {
    border-color: #0087D1 !important;
}

/* Стрелки остаются полностью видимыми даже в состоянии disabled */
body.home .nm-news-home-v3 .nm-news-home-v3__arrow.is-disabled,
body.home .nm-news-home-v3 .nm-news-home-v3__arrow--disabled,
body.home .nm-news-home-v3 .nm-news-home-v3__arrow[disabled],
body.home .nm-news-home-v3 .nm-news-home-v3__arrow[aria-disabled="true"] {
    opacity: 1 !important;
    visibility: visible !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* ============ ПЛАНШЕТ: 2 карточки, воздух по бокам, компактные стрелки в воздухе ============ */
@media (max-width: 1180px) and (min-width: 768px) {
    body.home .nm-news-home-v3 .nm-news-home-v3__shell {
        padding-left: 0;
        padding-right: 0;
    }
    /* Safari-safe: overflow hidden + горизонтальный паддинг вьюпорта даёт место теням, минус-маржин держит позицию */
    body.home .nm-news-home-v3 .nm-news-home-v3__viewport {
        overflow: hidden !important;
        padding: 18px 0 26px !important;
        margin: -18px 0 -26px !important;
        box-sizing: border-box !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__track {
        gap: 16px !important;
    }
    /* Карточка точно замощает слот (без выглядывания/обрезки); видимый бокс с тенью рисуем псевдоэлементом с боковым отступом */
    body.home .nm-news-home-v3 .nm-news-home-v3__card {
        position: relative !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__card::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 14px !important;
        right: 14px !important;
        background: #fff !important;
        border: 1px solid #E4EAF1 !important;
        border-radius: 14px !important;
        box-shadow: 3px 4px 10px rgba(0,0,0,.10) !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__card > * {
        position: relative !important;
        z-index: 1 !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__card {
        flex: 0 0 calc((100% - 16px) / 2) !important;
        width: calc((100% - 16px) / 2) !important;
        max-width: calc((100% - 16px) / 2) !important;
    }
}

/* ============ МОБИЛЬНЫЙ: 1 карточка, свайп, воздух по бокам, компактные стрелки в воздухе ============ */
@media (max-width: 767px) {
    body.home .nm-news-home-v3 .nm-news-home-v3__shell {
        padding-left: 0;
        padding-right: 0;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__viewport {
        overflow: hidden !important;
        padding: 18px 0 26px !important;
        margin: -18px 0 -26px !important;
        box-sizing: border-box !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__track {
        gap: 28px !important;
    }
    /* Карточка точно замощает слот (без выглядывания/обрезки); видимый бокс с тенью рисуем псевдоэлементом с боковым отступом */
    body.home .nm-news-home-v3 .nm-news-home-v3__card {
        position: relative !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        padding-left: 38px !important;
        padding-right: 38px !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__card::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 14px !important;
        right: 14px !important;
        background: #fff !important;
        border: 1px solid #E4EAF1 !important;
        border-radius: 14px !important;
        box-shadow: 3px 4px 10px rgba(0,0,0,.10) !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__card > * {
        position: relative !important;
        z-index: 1 !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__card {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__arrow--prev { left: -13px !important; }
    body.home .nm-news-home-v3 .nm-news-home-v3__arrow--next { right: -13px !important; }
}

/* ============ Компактные стрелки на планшете и мобильном: только шеврон, без рамки и фона, в воздухе по краям ============ */
@media (max-width: 1180px) {
    body.home .nm-news-home-v3 .nm-news-home-v3__arrow {
        width: 28px;
        height: 28px;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__arrow--prev { left: -18px; }
    body.home .nm-news-home-v3 .nm-news-home-v3__arrow--next { right: -18px; }
    body.home .nm-news-home-v3 .nm-news-home-v3__arrow span {
        width: 11px;
        height: 11px;
    }
    body.home .nm-news-home-v3 .nm-news-home-v3__arrow:hover {
        background: transparent !important;
        border: none !important;
    }
}

/* =====================================================
   NM HOME REVIEWS: благодарственные письма
===================================================== */
body.home .nm-reviews {
    max-width: var(--nm-container);
    margin: 0 auto 44px;
    padding: 0 var(--nm-container-px);
    background: transparent !important;
}

body.home .nm-reviews__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

body.home .nm-reviews__card {
    display: grid !important;
    grid-template-columns: 142px minmax(0, 1fr);
    gap: 16px;
    min-height: 100%;
    padding: 16px !important;
    overflow: hidden;
    border-radius: var(--nm-radius-md) !important;
    background: var(--nm-bg) !important;
    border: 1px solid var(--nm-line-1) !important;
    box-shadow: var(--nm-shadow-card) !important;
    transition: border-color var(--nm-mid) var(--nm-ease), box-shadow var(--nm-mid) var(--nm-ease), transform var(--nm-mid) var(--nm-ease) !important;
}

body.home .nm-reviews__card:hover {
    border-color: rgba(0, 135, 209, 0.30) !important;
    box-shadow: var(--nm-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

body.home .nm-reviews__media {
    min-width: 0;
}

body.home .nm-reviews__thumb-btn {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--nm-line-1) !important;
    border-radius: var(--nm-radius-sm) !important;
    background: var(--nm-surface-3) !important;
    box-shadow: none !important;
    cursor: pointer;
}

body.home .nm-reviews__thumb {
    display: block !important;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    box-shadow: none !important;
}

body.home .nm-reviews__zoom {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--nm-radius-sm);
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--nm-blue) !important;
    border: 1px solid var(--nm-line-1) !important;
    box-shadow: var(--nm-shadow-card) !important;
}

body.home .nm-reviews__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

body.home .nm-reviews__org {
    margin: 0 0 8px;
    color: var(--nm-fg-1) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

body.home .nm-reviews__excerpt {
    flex: 1;
    margin: 0 0 14px;
    color: var(--nm-fg-2) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

body.home .nm-reviews__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: var(--nm-radius-sm) !important;
    background: var(--nm-blue-50) !important;
    color: var(--nm-blue) !important;
    border: 1px solid var(--nm-blue-100) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background var(--nm-fast) var(--nm-ease), color var(--nm-fast) var(--nm-ease), border-color var(--nm-fast) var(--nm-ease);
}

body.home .nm-reviews__btn:hover {
    background: var(--nm-blue) !important;
    color: #fff !important;
    border-color: var(--nm-blue) !important;
}

body.home .nm-reviews-lb__box {
    border-radius: var(--nm-radius-md) !important;
    background: var(--nm-bg) !important;
    box-shadow: var(--nm-shadow-lg) !important;
}

body.home .nm-reviews-lb__close {
    background: var(--nm-bg) !important;
    border: 1px solid var(--nm-line-2) !important;
    border-radius: var(--nm-radius-sm) !important;
    box-shadow: var(--nm-shadow-card) !important;
    color: var(--nm-fg-2) !important;
}

/* =====================================================
   NM HOME ARTICLES: useful materials carousel
===================================================== */
body.home .nm-articles-home {
    max-width: var(--nm-container);
    margin: 0 auto 44px;
    padding: 34px var(--nm-container-px);
    border-radius: var(--nm-radius-lg);
    background: var(--nm-surface-3) !important;
}

body.home .nm-articles-home__head,
body.home .nm-articles-home__intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

body.home .nm-articles-home__card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100%;
    overflow: hidden !important;
    border-radius: var(--nm-radius-md) !important;
    background: var(--nm-bg) !important;
    border: 1px solid var(--nm-line-1) !important;
    box-shadow: var(--nm-shadow-card) !important;
    transition: border-color var(--nm-mid) var(--nm-ease), box-shadow var(--nm-mid) var(--nm-ease), transform var(--nm-mid) var(--nm-ease) !important;
}

body.home .nm-articles-home__card:hover {
    border-color: rgba(0, 135, 209, 0.30) !important;
    box-shadow: var(--nm-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

body.home .nm-articles-home__image {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: var(--nm-surface-3);
    border-bottom: 1px solid var(--nm-line-1);
}

body.home .nm-articles-home__image img,
body.home .nm-articles-home__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--nm-slow) var(--nm-ease);
}

body.home .nm-articles-home__card:hover .nm-articles-home__image img,
body.home .nm-articles-home__card:hover .nm-articles-home__img {
    transform: scale(1.04);
}

body.home .nm-articles-home__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px;
    background: var(--nm-bg) !important;
}

body.home .nm-articles-home__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

body.home .nm-articles-home__cat,
body.home .nm-articles-home__date {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 3px 8px;
    border-radius: var(--nm-radius-xs);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

body.home .nm-articles-home__cat {
    color: var(--nm-blue-700) !important;
    background: var(--nm-blue-50) !important;
    border: 1px solid var(--nm-blue-100) !important;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

body.home .nm-articles-home__date {
    color: var(--nm-fg-3) !important;
    background: var(--nm-surface-3) !important;
    border: 1px solid var(--nm-line-1) !important;
}

body.home .nm-articles-home__card-title {
    margin: 0 0 10px;
    color: var(--nm-fg-1) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em !important;
}

body.home .nm-articles-home__card-title a {
    color: inherit !important;
    transition: color var(--nm-fast) var(--nm-ease);
}

body.home .nm-articles-home__card:hover .nm-articles-home__card-title a,
body.home .nm-articles-home__card-title a:hover {
    color: var(--nm-blue) !important;
}

body.home .nm-articles-home__excerpt {
    flex: 1;
    margin: 0 0 16px;
    color: var(--nm-fg-2) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

body.home .nm-articles-home__footer {
    margin-top: auto;
}

body.home .nm-articles-home__read {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: var(--nm-radius-sm) !important;
    background: var(--nm-blue-50) !important;
    color: var(--nm-blue) !important;
    border: 1px solid var(--nm-blue-100) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    transition: background var(--nm-fast) var(--nm-ease), color var(--nm-fast) var(--nm-ease), border-color var(--nm-fast) var(--nm-ease);
}

body.home .nm-articles-home__read:hover {
    background: var(--nm-blue) !important;
    color: #fff !important;
    border-color: var(--nm-blue) !important;
}

/* =====================================================
   NM HOME CAROUSEL ARROWS: shared styling
===================================================== */
body.home .nm-random-cats__arrow,
body.home .nm-news-home-v3__arrow,
body.home .nm-reviews__arrow,
body.home .nm-articles-home__arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: var(--nm-radius-sm) !important;
    background: var(--nm-bg) !important;
    border: 1px solid var(--nm-line-2) !important;
    color: var(--nm-blue) !important;
    box-shadow: var(--nm-shadow-card) !important;
    transition: background var(--nm-fast) var(--nm-ease), color var(--nm-fast) var(--nm-ease), border-color var(--nm-fast) var(--nm-ease), box-shadow var(--nm-fast) var(--nm-ease) !important;
}

body.home .nm-random-cats__arrow:hover,
body.home .nm-news-home-v3__arrow:hover,
body.home .nm-reviews__arrow:hover,
body.home .nm-articles-home__arrow:hover {
    background: var(--nm-blue) !important;
    border-color: var(--nm-blue) !important;
    color: #fff !important;
    box-shadow: var(--nm-shadow-hover) !important;
}

body.home .nm-random-cats__arrow.is-disabled,
body.home .nm-random-cats__arrow:disabled,
body.home .nm-news-home-v3__arrow.is-disabled,
body.home .nm-news-home-v3__arrow:disabled,
body.home .nm-reviews__arrow.is-disabled,
body.home .nm-reviews__arrow:disabled,
body.home .nm-articles-home__arrow.is-disabled,
body.home .nm-articles-home__arrow:disabled {
    opacity: 0.35 !important;
    pointer-events: none !important;
    box-shadow: none !important;
}

/* =====================================================
   NM HOME ABOUT TEXT: company intro block
===================================================== */
body.home .nm-about-text {
    width: min(var(--nm-container), calc(100vw - 48px));
    margin: 0 auto 44px;
    padding: 28px 32px;
    border-radius: var(--nm-radius-md);
    background: var(--nm-bg);
    border: 1px solid var(--nm-line-1);
    box-shadow: var(--nm-shadow-card);
}

body.home .nm-about-text h2 {
    margin: 0 0 14px;
    color: var(--nm-fg-1);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

body.home .nm-about-text p {
    margin: 0 0 12px;
    color: var(--nm-fg-2);
    font-size: 14px;
    line-height: 1.7;
}

body.home .nm-about-text p:last-child {
    margin-bottom: 0;
}

body.home .nm-about-text strong {
    color: var(--nm-fg-1);
    font-weight: 800;
}

/* =====================================================
   NM HOME PREFOOTER: subscription / contact strip
===================================================== */
body.home .nm-pf {
    width: min(var(--nm-container), calc(100vw - 48px));
    margin: 0 auto 0;
    padding: 34px 38px !important;
    border-radius: var(--nm-radius-md) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    background:
        radial-gradient(circle at 78% 18%, rgba(77, 217, 255, 0.14), transparent 34%),
        linear-gradient(135deg, var(--nm-navy-900), var(--nm-navy-800)) !important;
    box-shadow: var(--nm-shadow-lg) !important;
    color: #fff !important;
}

body.home .nm-pf__title {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
}

body.home .nm-pf__desc {
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body.home .nm-pf__perk,
body.home .nm-pf__check-text {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

body.home .nm-pf__perk-check {
    background: rgba(31, 186, 102, 0.16) !important;
    color: var(--nm-success) !important;
    border: 1px solid rgba(31, 186, 102, 0.30) !important;
    box-shadow: none !important;
}

/* =====================================================
   NM HOME FOOTER: dark corporate footer on homepage
===================================================== */
body.home .nm-footer {
    background: var(--nm-navy-900) !important;
    color: rgba(255, 255, 255, 0.78) !important;
}

body.home .nm-footer__brand {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}

body.home .nm-footer__tagline {
    color: rgba(255, 255, 255, 0.46) !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
}

body.home .nm-footer__col-title {
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding-bottom: 9px !important;
    margin-bottom: 13px !important;
}

body.home .nm-footer__links a {
    color: rgba(255, 255, 255, 0.52) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    transition: color var(--nm-fast) var(--nm-ease) !important;
}

body.home .nm-footer__links a:hover {
    color: #fff !important;
}

body.home .nm-footer__phone,
body.home .nm-footer__phone2 {
    display: block;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    transition: color var(--nm-fast) var(--nm-ease) !important;
}

body.home .nm-footer__phone:hover,
body.home .nm-footer__phone2:hover {
    color: #4DD9FF !important;
}

body.home .nm-footer__phone-sub,
body.home .nm-footer__email,
body.home .nm-footer__cities {
    color: rgba(255, 255, 255, 0.46) !important;
    font-size: 12.5px !important;
}

body.home .nm-footer__wa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 38px !important;
    padding: 0 16px !important;
    border-radius: var(--nm-radius-sm) !important;
    background: #25D366 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    transition: background var(--nm-fast) var(--nm-ease) !important;
}

body.home .nm-footer__wa:hover {
    background: #1ebe5d !important;
    color: #fff !important;
}

body.home .nm-footer__legal,
body.home .nm-footer__copy {
    color: rgba(255, 255, 255, 0.28) !important;
    font-size: 12px !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

body.home .nm-footer__sep {
    color: rgba(255, 255, 255, 0.18) !important;
}

/* =====================================================
   NM HOME RESPONSIVE: tablet
===================================================== */
@media (max-width: 1180px) {
    body.home .nm-home-hero {
        width: calc(100vw - 36px);
        padding: 34px 26px 24px;
    }

    body.home .nm-home-hero__inner {
        grid-template-columns: 1fr;
    }

    body.home .nm-home-hero__content,
    body.home .nm-home-hero__title,
    body.home .nm-home-hero__text {
        max-width: 680px !important;
    }

    body.home .nm-promo__grid,
    body.home .nm-usp__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.home .nm-napravleniya__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.home .nm-reviews__card {
        grid-template-columns: 128px minmax(0, 1fr);
    }
}

/* =====================================================
   NM HOME RESPONSIVE: mobile
===================================================== */
@media (max-width: 767px) {
    body.home .nm-home-hero,
    body.home .nm-about-text,
    body.home .nm-pf {
        width: calc(100vw - 28px);
    }

    body.home .nm-home-hero {
        margin-bottom: 30px;
        padding: 24px 16px 18px;
        border-radius: var(--nm-radius-md);
    }

    body.home .nm-home-hero__title {
        font-size: 27px !important;
    }

    body.home .nm-home-hero__feature-row,
    body.home .nm-home-hero__actions {
        grid-template-columns: 1fr !important;
    }

    body.home .nm-home-hero__actions {
        display: grid !important;
    }

    body.home .nm-home-hero__btn {
        width: 100% !important;
    }

    body.home .nm-home-hero__showcase {
        grid-template-columns: 1fr;
        grid-template-areas:
            "cats"
            "main"
            "side"
            "stats";
    }

    body.home .nm-home-hero__category-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.home .nm-home-hero__product-main {
        min-height: 260px;
    }

    body.home .nm-home-hero__product-main img {
        right: -22px;
        width: 210px;
        opacity: 0.78;
    }

    body.home .nm-home-hero__side-cards {
        grid-template-columns: 1fr;
    }

    body.home .nm-home-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.home .nm-home-hero__service-row {
        grid-template-columns: 1fr;
    }

    body.home .nm-promo,
    body.home .nm-usp,
    body.home .nm-napravleniya,
    body.home .nm-random-cats,
    body.home .nm-news-home-v3,
    body.home .nm-reviews,
    body.home .nm-articles-home {
        margin-bottom: 34px;
        padding-left: 14px;
        padding-right: 14px;
    }

    body.home .nm-news-home-v3,
    body.home .nm-articles-home {
        padding-top: 24px;
        padding-bottom: 24px;
        border-radius: var(--nm-radius-md);
    }

    body.home .nm-promo__head,
    body.home .nm-random-cats__head,
    body.home .nm-news-home-v3__head,
    body.home .nm-reviews__head,
    body.home .nm-articles-home__head,
    body.home .nm-articles-home__intro {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: start;
    }

    body.home .nm-promo__title,
    body.home .nm-usp__title,
    body.home .nm-napravleniya__title,
    body.home .nm-random-cats__title,
    body.home .nm-news-home-v3__title,
    body.home .nm-reviews__title,
    body.home .nm-articles-home__title {
        font-size: 23px;
    }

    body.home .nm-promo__grid,
    body.home .nm-usp__grid,
    body.home .nm-napravleniya__grid {
        grid-template-columns: 1fr;
    }

    body.home .nm-random-cats__image-wrap {
        height: 144px;
    }

    body.home .nm-reviews__card {
        grid-template-columns: 104px minmax(0, 1fr);
        gap: 12px;
        padding: 12px !important;
    }

    body.home .nm-reviews__org {
        font-size: 13.5px !important;
    }

    body.home .nm-reviews__excerpt {
        font-size: 12.5px !important;
    }

    body.home .nm-about-text {
        padding: 22px 18px;
    }

    body.home .nm-about-text h2 {
        font-size: 21px;
    }

    body.home .nm-pf {
        padding: 26px 18px !important;
    }
}

/* =====================================================
   NM HOME REDESIGN: восстановление горизонтальных каруселей
   Scope: только главная страница
===================================================== */

body.home .nm-random-cats__viewport,
body.home .nm-news-home-v3__viewport,
body.home .nm-reviews__viewport,
body.home .nm-articles-home__viewport {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
}

body.home .nm-random-cats__track,
body.home .nm-news-home-v3__track,
body.home .nm-reviews__track,
body.home .nm-articles-home__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    will-change: transform !important;
    transition: transform 260ms cubic-bezier(.2,.7,.2,1) !important;
}

/* Популярные категории — 4 карточки на desktop */
body.home .nm-random-cats__card {
    flex: 0 0 calc((100% - 48px) / 4) !important;
    max-width: calc((100% - 48px) / 4) !important;
}

/* Новости — 2 карточки на desktop */
body.home .nm-news-home-v3__card {
    flex: 0 0 calc((100% - 16px) / 2) !important;
    max-width: calc((100% - 16px) / 2) !important;
}

/* Благодарственные письма — 2 карточки на desktop */
body.home .nm-reviews__card {
    flex: 0 0 calc((100% - 16px) / 2) !important;
    max-width: calc((100% - 16px) / 2) !important;
}

/* Статьи — 3 карточки на desktop */
body.home .nm-articles-home__card {
    flex: 0 0 calc((100% - 32px) / 3) !important;
    max-width: calc((100% - 32px) / 3) !important;
}

/* Убираем старые fade/blur-маски окончательно */
body.home .nm-random-cats__shell::before,
body.home .nm-random-cats__shell::after,
body.home .nm-news-home-v3__shell::before,
body.home .nm-news-home-v3__shell::after,
body.home .nm-reviews__shell::before,
body.home .nm-reviews__shell::after,
body.home .nm-articles-home__shell::before,
body.home .nm-articles-home__shell::after {
    display: none !important;
    opacity: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
    body.home .nm-random-cats__card {
        flex-basis: calc((100% - 32px) / 3) !important;
        max-width: calc((100% - 32px) / 3) !important;
    }

    body.home .nm-news-home-v3__card,
    body.home .nm-reviews__card,
    body.home .nm-articles-home__card {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.home .nm-random-cats__track,
    body.home .nm-news-home-v3__track,
    body.home .nm-reviews__track,
    body.home .nm-articles-home__track {
        gap: 12px !important;
    }

    body.home .nm-random-cats__card {
        flex-basis: calc((100% - 12px) / 2) !important;
        max-width: calc((100% - 12px) / 2) !important;
    }

    body.home .nm-news-home-v3__card,
    body.home .nm-reviews__card,
    body.home .nm-articles-home__card {
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
}






















































/* =====================================================
   NM: Архив новостей [nm_news_grid]
   2 колонки × 4 строки = 8 карточек на страницу
   Горизонтальные карточки
===================================================== */

/* ===== СЕТКА ===== */
.nm-ng {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 40px;
}

@media (max-width: 768px) {
	.nm-ng {
		grid-template-columns: 1fr;
	}
}

/* ===== КАРТОЧКА ===== */
.nm-ng-card {
	display: flex;
	flex-direction: row;
	background: #fff;
	border: 1px solid #e2eaf3;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 2px 3px 8px rgba(15,23,42,.07), 0 1px 2px rgba(15,23,42,.04);
	transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
	min-height: 170px;
}

.nm-ng-card:hover {
	border-color: #0087D1;
	box-shadow: 0 8px 20px rgba(0,135,209,.13), 0 2px 6px rgba(15,23,42,.08);
}

/* ===== ИЗОБРАЖЕНИЕ ===== */
.nm-ng-card__img-link {
	display: block;
	width: 200px;
	padding: 25px 10px 10px 10px;
	flex-shrink: 0;
	overflow: hidden;
	background: linear-gradient(135deg, #daeeff 0%, #b8dcf5 100%);
	align-self: stretch;
}

.nm-ng-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform .3s ease;
}

.nm-ng-card:hover .nm-ng-card__img {
	transform: scale(1.05);
}

.nm-ng-card__noimg {
	width: 100%;
	height: 100%;
	min-height: 120px;
	background: linear-gradient(135deg, #daeeff 0%, #b8dcf5 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ===== ТЕЛО ===== */
.nm-ng-card__body {
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	flex: 1;
	min-width: 0;
}

.nm-ng-card__top-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.nm-ng-card__cat {
	font-family: 'Manrope', sans-serif;
	font-size: 11px;
	font-weight: 600;
	color: #0087D1;
	background: #EBF5FC;
	padding: 2px 8px;
	border-radius: 20px;
	display: inline-block;
	line-height: 1.6;
	text-decoration: none;
	white-space: nowrap;
	max-width: 72%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nm-ng-card__cat:hover {
	background: #0087D1;
	color: #fff;
}

.nm-ng-card__cat--empty {
	cursor: default;
}

.nm-ng-card__views {
	font-family: 'Manrope', sans-serif;
	font-size: 11px;
	color: #9aabb8;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	white-space: nowrap;
	flex-shrink: 0;
}

.nm-ng-card__date {
	font-family: 'Manrope', sans-serif;
	font-size: 11px;
	color: #9aabb8;
	line-height: 1.4;
}

.nm-ng-card__title {
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #0C1A2E;
	margin: 0;
	line-height: 1.35;
	flex: 1;
}

.nm-ng-card__title a {
	color: inherit;
	text-decoration: none;
	transition: color .2s ease;
}

.nm-ng-card__title a:hover {
	color: #0087D1;
}

.nm-ng-card__excerpt {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	color: #6b7a8d;
	line-height: 1.5;
	margin: 0;
}

.nm-ng-card__footer {
	display: flex;
	justify-content: flex-end;
	margin-top: auto;
	padding-top: 4px;
}

.nm-ng-card__more {
	font-family: 'Manrope', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #0087D1;
	text-decoration: none;
	transition: color .2s ease;
}

.nm-ng-card__more:hover {
	color: #0E7490;
}

/* ===== ПУСТО ===== */
.nm-ng-empty {
	font-family: 'Manrope', sans-serif;
	font-size: 15px;
	color: #4a5568;
	padding: 40px 0;
	text-align: center;
}

/* ===== ПАГИНАЦИЯ ===== */
.nm-ng-pagination {
	margin: 32px 0 0;
	display: flex;
	justify-content: center;
}

.nm-ng-pagination ul {
	display: flex;
	align-items: center;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nm-ng-pagination ul li a,
.nm-ng-pagination ul li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 8px;
	font-family: 'Manrope', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #0C1A2E;
	background: #f0f4f8;
	text-decoration: none;
	transition: background .2s, color .2s;
}

.nm-ng-pagination ul li a:hover {
	background: #0087D1;
	color: #fff;
}

.nm-ng-pagination ul li span.current {
	background: #0087D1;
	color: #fff;
}

.nm-ng-pagination ul li span.dots {
	background: transparent;
	color: #4a5568;
	cursor: default;
}

/* ===== МОБИЛКА ===== */
@media (max-width: 768px) {
	.nm-ng-card {
		flex-direction: column;
	}

	.nm-ng-card__img-link {
		width: 100%;
		height: 190px;
	}

	.nm-ng-card__body {
		padding: 12px 14px;
	}
}

/* =========================================
   NM: SINGLE NEWS — FINAL CSS
   Ссылка "Все новости" у левого края,
   дата + H1 + текст в контейнере 90%
   ========================================= */

/* =========================================
   1) HEADER / META / TITLE
   ========================================= */

/* Скрываем стандартную мету и большую картинку темы */
.single-nm_news .wd-post-meta,
.single-nm_news .post-date,
.single-nm_news .meta-post-categories,
.single-nm_news .wd-single-post-header .wd-post-image {
	display: none !important;
}

/* Header на всю ширину */
.single-nm_news .wd-single-post-header {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0 0 26px;
	box-sizing: border-box;
}

/* Показываем только первый meta-блок */
.single-nm_news .wd-single-post-header > .nm-news-meta:first-of-type {
	display: flex !important;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 8px;
	margin: 0 0 18px;
	width: 100%;
	font-family: Manrope, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
}

/* Все остальные дубли скрываем */
.single-nm_news .wd-single-post-header > .nm-news-meta:not(:first-of-type) {
	display: none !important;
}

/* Ссылка у самого левого края */
.single-nm_news .nm-news-meta__back {
	display: inline-block;
	color: #0087D1;
	text-decoration: none;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
	padding-left: 0;
}

.single-nm_news .nm-news-meta__back:hover {
	color: #0E7490;
	text-decoration: none;
}

/* Дата — ниже ссылки, но по левому краю контентного блока */
.single-nm_news .nm-news-meta__date {
	 display: block;
   color: #7f7f7f;
   font-size: 13px;
   line-height: 1.2;
   white-space: nowrap;
   margin: 0;
   width: 90%;
   max-width: 1320px;
   margin-left: 70px;
   margin-right: auto;
   box-sizing: border-box;
   text-align: left;
   margin-top: 20px;
}

/* Заголовок — в том же контейнере 90% */
.single-nm_news .wd-single-post-header .wd-entities-title,
.single-nm_news .wd-single-post-header .wd-post-title,
.single-nm_news .wd-single-post-header h1 {
	width: 90%;
	max-width: 1320px;
	margin: 0 70px !important;
	font-size: 32px;
	line-height: 1.15;
	font-weight: 400;
	color: #111;
	box-sizing: border-box;
	text-align: left;
}

/* Контент статьи — 90% по центру */
.single-nm_news .wd-entry-content {
	width: 90%;
	max-width: 1320px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* =========================================
   2) TEXT BLOCK
   ========================================= */

.nm-news-text {
	color: #111;
	font-size: 13px;
	line-height: 1.55;
	padding: 18px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 30px;
}

/* Заголовки внутри текста */
.nm-news-text h2 {
	color: #111;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 10px 0;
}

/* Абзацы */
.nm-news-text p {
	color: #111;
	font-size: 13px;
	line-height: 1.55;
	margin: 0 0 10px 0;
}

/* Списки */
.nm-news-text ul {
	margin: 8px 0 14px 0;
	padding-left: 18px;
}

.nm-news-text li {
	color: #111;
	font-size: 13px;
	line-height: 1.35;
	margin: 6px 0;
}

/* Маркеры */
.nm-news-text li::marker {
	color: #0087D1;
	font-size: 10px;
}

/* Ссылки */
.nm-news-text a {
	color: #0087D1;
	text-decoration: none;
}

.nm-news-text a:hover {
	color: #000;
	text-decoration: none;
}

/* Убираем лишние дыры от br */
.nm-news-text ul li br {
	display: none !important;
}

/* Сброс лишних стилей темы */
.nm-news-text * {
	letter-spacing: normal;
}

/* =========================================
   3) LEAD BLOCK: TEXT + IMAGE
   ========================================= */

.nm-news-lead {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 28px;
	align-items: start;
	margin-bottom: 12px;
}

.nm-news-lead__content {
	min-width: 0;
}

.nm-news-lead__media {
	width: 360px;
	max-width: 100%;
	justify-self: end;
}

.nm-news-lead__img {
	display: block;
	width: 85%;
	height: auto;
	border-radius: 8px;
}

/* Старый float отключаем */
.nm-news-text .nm-news-float-img {
	float: none !important;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	border-radius: 8px;
}

.nm-news-text .nm-news-clear,
.nm-news-text::after {
	display: none !important;
	content: none !important;
}

/* =========================================
   4) RELATED BLOCKS UNDER ARTICLE
   ========================================= */

.single-nm_news .wd-products-element {
	width: 90%;
	max-width: 1320px;
	margin: 0 auto 30px;
}

/* =========================================
   5) RESPONSIVE
   ========================================= */

@media (max-width: 1200px) {
	.single-nm_news .wd-single-post-header .wd-entities-title,
	.single-nm_news .wd-single-post-header .wd-post-title,
	.single-nm_news .wd-single-post-header h1 {
		font-size: 44px;
	}
}

@media (max-width: 1024px) {
	.single-nm_news .wd-single-post-header .wd-entities-title,
	.single-nm_news .wd-single-post-header .wd-post-title,
	.single-nm_news .wd-single-post-header h1 {
		font-size: 38px;
		margin-left: 50px !important;
	}

	.nm-news-lead {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 22px;
	}

	.nm-news-lead__media {
		width: 300px;
	}

	.single-nm_news .nm-news-meta__date {
		width: 90%;
		max-width: 1320px;
		margin-left: 50px !important;
	}
}

@media (max-width: 767px) {
	.single-nm_news .wd-single-post-header .wd-entities-title,
	.single-nm_news .wd-single-post-header .wd-post-title,
	.single-nm_news .wd-single-post-header h1,
	.single-nm_news .wd-entry-content,
	.single-nm_news .wd-products-element,
	.single-nm_news .nm-news-meta__date {
		width: calc(100% - 32px);
		max-width: none;
	}

	.single-nm_news .wd-single-post-header > .nm-news-meta:first-of-type {
		margin-bottom: 16px;
		gap: 6px;
	}

	.single-nm_news .nm-news-meta__date {
		font-size: 13px;
		margin-left: 30px !important;
		margin-right: auto;
	}

	.single-nm_news .wd-single-post-header .wd-entities-title,
	.single-nm_news .wd-single-post-header .wd-post-title,
	.single-nm_news .wd-single-post-header h1 {
		font-size: 30px;
		line-height: 1.18;
		margin-left: 30px !important;
		margin-right: auto;
	}

	.nm-news-text {
		padding: 14px;
	}

	.nm-news-lead {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	.nm-news-lead__media {
		width: 100%;
		justify-self: stretch;
	}
}

/* _____________________________________________________
   ПАТЧ: nm-news-home-v3 — кнопка "Читать"
   Плоская текстовая ссылка в фирменном синем + стрелка,
   которая уезжает вправо при наведении.
_____________________________________________________ */

.nm-news-home-v3__footer {
  display: flex;
  justify-content: flex-start;
  margin-top: 18px;
  padding-top: 0;
}

.nm-news-home-v3__read,
.nm-news-home-v3__btn,
.elementor .nm-news-home-v3 a.nm-news-home-v3__read,
.elementor .nm-news-home-v3 a.nm-news-home-v3__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 4px 0;
  min-height: 0;

  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #0087D1 !important;
  text-decoration: none;
  cursor: pointer;

  font-family: Manrope, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em;

  transition: color .22s ease, gap .22s ease;
}

/* Стрелка → как отдельный псевдоэлемент, чтобы плавно сдвигать её */
.nm-news-home-v3__read .nm-news-home-v3__btn-arrow,
.nm-news-home-v3__btn .nm-news-home-v3__btn-arrow {
  display: inline-block;
  transition: transform .22s ease;
}

.nm-news-home-v3__read:hover,
.nm-news-home-v3__btn:hover,
.elementor .nm-news-home-v3 a.nm-news-home-v3__read:hover,
.elementor .nm-news-home-v3 a.nm-news-home-v3__btn:hover {
  color: #006FAB !important;
  gap: 12px;
}

.nm-news-home-v3__read:hover .nm-news-home-v3__btn-arrow,
.nm-news-home-v3__btn:hover .nm-news-home-v3__btn-arrow {
  transform: translateX(4px);
}

.nm-news-home-v3__read:focus-visible,
.nm-news-home-v3__btn:focus-visible {
  outline: 2px solid #0087D1;
  outline-offset: 3px;
  border-radius: 4px;
}

/* =====================================================
   NM: Фрагмент текста о компании на главной
===================================================== */

.nm-about-text p {
    font-size: 13px;
    color: #333;
    line-height: 1.5;
}

/* =====================================================
   NM: Стиль статей блога
   Класс обёртки: .nm-article
   Версия: финал — картинки через align=right
===================================================== */


/* =====================================================
   1. ЗАГОЛОВОК H1 СТАТЬИ
===================================================== */

body.single-post .wd-single-post-header .wd-entities-title {
    width: 90%;
    max-width: 1320px;
    margin: 0 auto !important;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 600;
    color: #111;
    box-sizing: border-box;
    text-align: left;
}

body.single-post .wd-post-meta {
    display: none !important;
}


/* =====================================================
   2. МЕТА: «← Все статьи»
===================================================== */

.nm-article-meta {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    margin: 0 0 18px;
    width: 100%;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    box-sizing: border-box;
    padding: 0;
}

.nm-article-meta__back {
    color: #0087D1;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    line-height: 1.2;
    margin: 0;
    border-bottom: none;
}

.nm-article-meta__back:hover {
    color: #005f9e;
}


/* =====================================================
   3. РУБРИКА
===================================================== */

body.single-post .wd-post-cat.wd-style-with-bg {
    padding: 5px 10px !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    margin-left: 60px !important;
    margin-right: auto;
    margin-top: 8px;
    display: inline-block;
}


/* =====================================================
   4. ОБЁРТКА СТАТЬИ
===================================================== */

.nm-article {
    width: 90%;
    max-width: 1320px;
    margin: 0 auto;
}


/* =====================================================
   5. ТИПОГРАФИКА
===================================================== */

.nm-article p {
    font-size: 13px;
    color: #111;
    line-height: 1.55;
    margin-bottom: 10px;
	  text-align: justify;
}

.nm-article h2 {
    font-size: 16px;
    font-weight: 600;
    color: #111;
    line-height: 1.25;
	  padding-top: 10px;
}

.nm-article h3 {
    font-size: 15px;
    font-weight: 600;
    color: #111;
    margin: 18px 0 8px;
}

.nm-article strong {
    color: #0C1A2E;
    font-weight: 700;
}

.nm-article a {
    color: #0087D1;
    text-decoration: none;
    transition: color .2s;
}

.nm-article a:hover {
    color: #005f9e;
}


/* =====================================================
   6. СПИСКИ
===================================================== */

.nm-article ul {
    list-style: disc;
    padding-left: 18px;
    margin: 8px 0 14px;
}

.nm-article ul li {
    font-size: 13px;
    color: #111;
    line-height: 1.35;
    margin: 6px 0;
    padding: 0;
    border-bottom: none;
    position: static;
}

.nm-article ul li::before {
    display: none !important;
}

.nm-article ul li::marker {
    color: #0087D1;
    font-size: 10px;
}


/* =====================================================
   7. КАРТИНКИ
   Основной подход: align="right" прямо в img
   Стили картинки задаются inline в style=""
   Здесь только полноширинные картинки
===================================================== */

.nm-article__figure {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e2eaf3;
    margin: 16px 0;
}

.nm-article__figure img {
    width: 100%;
    height: auto;
    display: block;
	  max-height: 320px;
    object-fit: cover;
}

.nm-article__figcaption {
    font-size: 12px;
    color: #718096;
    padding: 8px 14px;
    background: #f8fafc;
    border-top: 1px solid #e2eaf3;
    line-height: 1.3;
}

/* Мобилка — float картинки на всю ширину */
@media (max-width: 767px) {
    .nm-article img[align="right"] {
        float: none !important;
        display: block;
        width: 100% !important;
        height: auto !important;
        margin: 0 0 16px 0 !important;
			  text-align: center !important;
	}
	    .nm-article div[style*="float:right"] {
        float: none !important;
        width: 100% !important;
        margin: 0 0 16px 0 !important;
    }
    .nm-article div[style*="float:right"] img {
        width: 100% !important;
        height: auto !important;
    }
}


/* =====================================================
   8. БЛОК КРИТЕРИЕВ
===================================================== */

.nm-article__criteria {
    background: #f8fafc;
    border-radius: 10px;
    border-left: 3px solid #0087D1;
    padding: 16px 20px;
    margin: 28px 0 15px;
}

.nm-article__criteria p {
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 8px;
    color: #111;
}

.nm-article__criteria p:last-child {
    margin-bottom: 0;
}


/* =====================================================
   9. FAQ АККОРДЕОН
===================================================== */

.nm-article__faq {
    margin: 26px 0 24px;
}

.nm-faq-item {
    border: 1px solid #e2eaf3;
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(12, 26, 46, 0.05);
}

.nm-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 16px;
    cursor: pointer;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #0C1A2E;
    gap: 12px;
    background: #fff;
    transition: background .2s;
    border: none;
    width: 100%;
    text-align: left;
}

.nm-faq-q:hover {
    background: #f8fafc;
}

.nm-faq-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0087D1;
    font-size: 18px;
    font-weight: 400;
    transition: transform .25s;
    border: 1px solid #e2eaf3;
    border-radius: 50%;
    line-height: 1;
}

.nm-faq-item.open .nm-faq-icon {
    transform: rotate(45deg);
}

.nm-faq-a {
    display: none;
    padding: 10px 16px 14px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #4a5568;
    line-height: 1.55;
    border-top: 1px solid #f0f4f8;
}

.nm-faq-item.open .nm-faq-a {
    display: block;
}


/* =====================================================
   10. СМОТРИТЕ ТАКЖЕ
===================================================== */

.nm-article__also {
    background: linear-gradient(135deg, #0C1A2E 0%, #0d2748 100%);
    border-radius: 14px;
    padding: 24px 28px;
    margin: 32px 0 0;
    box-shadow: 0 10px 28px rgba(12, 26, 46, 0.18);
    clear: both;
}

.nm-article__also-title {
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: .07em;
    margin-bottom: 12px;
}

.nm-article__also-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.nm-article__also-link {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 5px 14px;
    border-radius: 20px;
    text-decoration: none;
    border-bottom: none;
    transition: background .2s, border-color .2s;
}

.nm-article__also-link:hover {
    background: #0087D1;
    border-color: #0087D1;
    color: #fff !important;
}


/* =====================================================
   11. ТОВАРЫ В СТАТЬЕ
===================================================== */

.nm-article-related-product .wd-product-wrapper {
    background: #ffffff;
    border: 1px solid #e9eef5;
    border-radius: 8px;
    padding: 22px 18px 20px;
    overflow: hidden;
    height: 100%;
    box-shadow: 3px 4px 10px rgba(15, 23, 42, 0.10), 0 1px 3px rgba(15, 23, 42, 0.06);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.nm-article-related-product .wd-product-wrapper:hover {
    border-color: #0087D1;
    box-shadow: 0 12px 18px rgba(15, 23, 42, 0.18), 0 6px 8px rgba(15, 23, 42, 0.10);
}


/* =====================================================
   12. АДАПТИВ
===================================================== */

@media (max-width: 1024px) {
      body.single-post .wd-post-cat.wd-style-with-bg {
        margin-left: 40px !important;
    }
}

@media (max-width: 767px) {
    body.single-post .wd-single-post-header .wd-entities-title {
        font-size: 18px;
    }
    .nm-article h2 {
        font-size: 15px;
    }
    .nm-article__criteria {
        padding: 14px 16px;
    }
    .nm-article-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    body.single-post .wd-post-cat.wd-style-with-bg {
        margin-left: 20px !important;
    }
    .nm-article__also {
        padding: 18px 20px;
    }
}

@media (max-width: 480px) {
    .nm-article p,
    .nm-article ul li {
        font-size: 13px;
    }
}

/* =========================================
   NM: Товар под текстом новости
   Класс блока: nm-news-related-product
   ========================================= */

/* Колонка товара */
.single-nm_news .nm-news-related-product .wd-product {
	display: flex;
	height: 100%;
}

/* Карточка */
.single-nm_news .nm-news-related-product .wd-product-wrapper {
	background: #ffffff;
	border: 1px solid #e9eef5;
	border-radius: 8px;
	padding: 22px 18px 20px;
	overflow: hidden;
	height: 100%;
	gap: 10px;
	box-shadow:
		3px 4px 10px rgba(15, 23, 42, 0.10),
		0 1px 3px rgba(15, 23, 42, 0.06);
	transition:
		box-shadow 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease;

	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
}

/* Ховер */
.single-nm_news .nm-news-related-product .wd-product-wrapper:hover {
	border-color: #0087D1;
	box-shadow:
		0 12px 18px rgba(15, 23, 42, 0.18),
		0 6px 8px rgba(15, 23, 42, 0.10);
}

/* Убираем лишние внутренние фоны темы */
.single-nm_news .nm-news-related-product .wd-product-thumb,
.single-nm_news .nm-news-related-product .product-element-bottom {
	background: transparent !important;
}

/* Верх карточки */
.single-nm_news .nm-news-related-product .wd-product-thumb {
	margin-bottom: 12px;
}

/* Низ карточки */
.single-nm_news .nm-news-related-product .product-element-bottom {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1 1 auto;
	padding: 0 !important;
}

/* Картинка */
.single-nm_news .nm-news-related-product .wd-product-img-link img {
	border-radius: 8px;
	display: block;
	width: 100%;
	height: auto;
}

/* Заголовок */
.single-nm_news .nm-news-related-product .wd-entities-title {
	margin: 0;
	font-size: 16px;
	line-height: 0.8;
	font-weight: 600;
}

.single-nm_news .nm-news-related-product .wd-entities-title a {
	color: #111;
	text-decoration: none;
}

.single-nm_news .nm-news-related-product .wd-entities-title a:hover {
	color: #0087D1;
}

/* SKU / наличие / цена */
.single-nm_news .nm-news-related-product .wd-product-detail,
.single-nm_news .nm-news-related-product .wd-product-stock,
.single-nm_news .nm-news-related-product .price {
	margin: 0;
}

/* Кнопка вниз */
.single-nm_news .nm-news-related-product .wd-add-btn {
	margin-top: auto;
}

/* Если в новости 1 товар — не даём ему выглядеть слишком узким/ломаным */
.single-nm_news .nm-news-related-product .wd-products {
	align-items: stretch;
}

/* Блок пролистывания статей */
.wd-page-nav-icon {
    border-radius: 8px !important;
}

.wd-page-nav-icon:hover {
    border-color: #0087D1;
}

.wd-page-nav-btn .wd-label {
    color: #000000 !important;
}











/* ====== Пункт оборудование и подменю ====== */

/* ====== "Оборудование" + кнопка "Все категории" (только для .nm-equip-menu) ====== */

:root{ --nm-icon-size:20px; }

/* прячем «лишние» пункты по умолчанию */
.nm-equip-menu .sub-sub-menu > li.nm-extra{
  overflow:hidden;
  height:0;
  opacity:.0;
  transform:translateY(-6px);
  transition:height .25s ease, opacity .2s ease, transform .25s ease;
  pointer-events:none;
}

/* когда раскрыто */
.nm-equip-menu .sub-sub-menu.nm-open > li.nm-extra{
  height:var(--nm-h);
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

/* ссылка-триггер «Все категории» */
.nm-equip-menu .sub-sub-menu > li.nm-toggle > a{
  color:#0097b2 !important;
  font-weight:500;
  display:block;
  padding:2px 0;
  text-decoration:none;
}

/* треугольничек */
.nm-equip-menu .sub-sub-menu > li.nm-toggle > a .nm-caret{
  font-size:var(--nm-icon-size);
  line-height:1;
  margin-left:6px;
}

/* убираем подчёркивание у всех пунктов */
.nm-equip-menu .sub-sub-menu > li > a{ text-decoration:none; }

/* ховер обычных пунктов – синий */
.nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a:hover{
  color:#0097b2 !important;
  text-decoration:none !important;
}

/* ховер триггера – чёрный */
.nm-equip-menu .sub-sub-menu > li.nm-toggle > a:hover{
  color:#000 !important;
  text-decoration:none !important;
}

/* На мобилке ничего не скрываем, кнопку прячем */
@media (max-width:1024px){
  .nm-equip-menu .sub-sub-menu > li.nm-extra{
    height:auto !important;
    opacity:1 !important;
    transform:none !important;
    overflow:visible !important;
    pointer-events:auto !important;
  }
  .nm-equip-menu .sub-sub-menu > li.nm-toggle{ display:none !important; }
}

/* ====== Hover-анимация «приподнятие» только для категорий и подкатегорий ====== */

/* базовое состояние */
.nm-equip-menu .wd-sub-menu li:not(.nm-toggle) > a,
.nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a{
  display: inline-block;
  transform: translateY(0);
  transition: transform .18s ease, color .18s ease;
  will-change: transform;
}

/* эффект при наведении/фокусе */
.nm-equip-menu .wd-sub-menu li:not(.nm-toggle) > a:hover,
.nm-equip-menu .wd-sub-menu li:not(.nm-toggle) > a:focus-visible,
.nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a:hover,
.nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a:focus-visible{
  transform: translateY(-1px);
}

/* уважение prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  .nm-equip-menu .wd-sub-menu li:not(.nm-toggle) > a,
  .nm-equip-menu .sub-sub-menu > li:not(.nm-toggle) > a{
    transition: none;
  }
}



/* Линия прогресса */
.fluentform .ff-step-titles li:before {
    background-color: #e0e0e0;
}
.fluentform .ff-step-titles li.ff-completed:before {
    background-color: #c30 !important;
}



/* =========================================
   NM: CART MODE (STORE vs KP)
   - body.woocommerce-cart.nm-cart-mode-kp
   - body.woocommerce-cart.nm-cart-mode-store
========================================= */

/* Default safety */
body.woocommerce-cart #cart-store-container{ display:block !important; }
body.woocommerce-cart #cart-kp-container{ display:none !important; }

/* KP mode */
body.woocommerce-cart.nm-cart-mode-kp #cart-store-container{ display:none !important; }
body.woocommerce-cart.nm-cart-mode-kp #cart-kp-container{ display:block !important; }

/* STORE mode */
body.woocommerce-cart.nm-cart-mode-store #cart-store-container{ display:block !important; }
body.woocommerce-cart.nm-cart-mode-store #cart-kp-container{ display:none !important; }

/* Hide price/subtotal columns in KP mode */
body.woocommerce-cart.nm-cart-mode-kp th.product-price,
body.woocommerce-cart.nm-cart-mode-kp td.product-price,
body.woocommerce-cart.nm-cart-mode-kp th.product-subtotal,
body.woocommerce-cart.nm-cart-mode-kp td.product-subtotal{
  display:none !important;
}

/* =========================================
   NM: MINI-CART — enlarge thumbnail area
   ========================================= */
.wd-dropdown-cart .cart-item-image img{
  width:64px !important;
  height:auto !important;
  max-width:64px !important;
}

.wd-dropdown-cart .cart-item-image{
  width:72px !important;
  min-width:72px !important;
  max-width:72px !important;
}

/* =========================================
   NM: MINI-CART (KP mode) — hide View Cart + style KP button
   Requires body class: .nm-intent-kp
========================================= */

/* 1) В режиме KP скрываем кнопку "Просмотр корзины" (wc-forward), оставляем только нашу .nm-mini-kp-btn */
body.nm-intent-kp .wd-dropdown-cart a.wc-forward:not(.nm-mini-kp-btn){
  display:none !important;
}

/* 2) На всякий случай: если WoodMart рисует view-cart как обычную кнопку без nm-mini-kp-btn */
body.nm-intent-kp .wd-dropdown-cart .woocommerce-mini-cart__buttons a.button:not(.nm-mini-kp-btn){
  display:none !important;
}





/* =========================================================
   NM: Category chips
   Scope: .nm-cat-chips-source (WoodMart wd_product_categories)
   - Flush-left chips
   - Fade edges like (right only at start; left appears after scroll)
   - Small arrows, no circles, no offsets
   - Hover/current: vertical gradient + white text
   - Toggle "Показать все/Скрыть все" below, right aligned (12px)
   ========================================================= */

.nm-cat-chips-source{
  --nm-brand-1:#0087d1;   /* bottom (darker) */
  --nm-brand-2:#00a0de;   /* top (lighter) */
  --nm-border:#dfe6ee;
  --nm-text:#111;
  --nm-muted:#6b7280;

  --nm-fade-w: 60px;      /* fade width */
  --nm-arrow-hit: 24px;   /* clickable width for arrow area */
}

/* Always keep the widget wrapper stable */
.nm-cat-chips-source .wd-cats-element{
  position: relative;
}

/* Hide original thumbs */
.nm-cat-chips-source .wd-cat-thumb,
.nm-cat-chips-source .wd-cat-image,
.nm-cat-chips-source .wd-cat-thumb img{
  display:none !important;
}

/* ===== Bar wrapper (created by JS) ===== */
.nm-cat-chips-source .nm-chip-bar{
  position: relative;
  display:block;
}

/* Track: ONE LINE scroll, FLUSH-LEFT */
.nm-cat-chips-source .nm-chip-bar .wd-cats.products{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:10px !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;

  padding: 6px 0 !important;          /* IMPORTANT: no side padding */
  margin: 0 !important;

  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.nm-cat-chips-source .nm-chip-bar .wd-cats.products::-webkit-scrollbar{ display:none; }

/* Neutralize WoodMart grid columns */
.nm-cat-chips-source .nm-chip-bar .wd-cats.products > .wd-col{
  width:auto !important;
  flex:0 0 auto !important;
  max-width:none !important;
}

/* Chip */
.nm-cat-chips-source .wd-cat{ margin:0 !important; }
.nm-cat-chips-source .wd-cat .wd-cat-inner{
  border:1px solid var(--nm-border) !important;
  border-radius:3px !important;
  background:#fff !important;
  padding:1px 7px 5px 7px!important;
  box-shadow:none !important;
  min-height:auto !important;
  display:flex !important;
  align-items:center !important;
}
.nm-cat-chips-source .wd-cat .wd-cat-content{ padding:0 !important; }
.nm-cat-chips-source .wd-cat .wd-cat-header{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

/* Title */
.nm-cat-chips-source .wd-cat .wd-entities-title{
  font-size:12px !important;
  line-height:1.1 !important;
  margin:0 !important;
  white-space:nowrap !important;
}
.nm-cat-chips-source .wd-cat .wd-entities-title a{
  color:var(--nm-text) !important;
  text-decoration:none !important;
}

/* Count: plain number (no oval) */
.nm-cat-chips-source .wd-cat .wd-cat-count{
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:600 !important;
  color:var(--nm-brand-1) !important;
}

/* Hover (gradient + white text) */
.nm-cat-chips-source .wd-cat:hover .wd-cat-inner{
  border-color:transparent !important;
  color:#fff !important;
  background: linear-gradient(to bottom,var(--nm-brand-2) 0%, var(--nm-brand-1) 100%) !important;
}
.nm-cat-chips-source .wd-cat:hover .wd-entities-title a,
.nm-cat-chips-source .wd-cat:hover .wd-cat-count{
  color:#fff !important;
}

/* Current: same as hover */
.nm-cat-chips-source .wd-cat.current-cat .wd-cat-inner,
.nm-cat-chips-source .wd-cat.current-cat-parent .wd-cat-inner,
.nm-cat-chips-source .wd-cat.current-cat-ancestor .wd-cat-inner{
  border-color:transparent !important;
  background: linear-gradient(to bottom,var(--nm-brand-2) 0%, var(--nm-brand-1) 100%) !important;
}
.nm-cat-chips-source .wd-cat.current-cat .wd-entities-title a,
.nm-cat-chips-source .wd-cat.current-cat-parent .wd-entities-title a,
.nm-cat-chips-source .wd-cat.current-cat-ancestor .wd-entities-title a,
.nm-cat-chips-source .wd-cat.current-cat .wd-cat-count,
.nm-cat-chips-source .wd-cat.current-cat-parent .wd-cat-count,
.nm-cat-chips-source .wd-cat.current-cat-ancestor .wd-cat-count{
  color:#fff !important;
}

/* =========================================================
   NM: FIX hover text delay (disable transitions inside chips)
   Scope: only .nm-cat-chips-source
   ========================================================= */

.nm-cat-chips-source .wd-cat .wd-entities-title a,
.nm-cat-chips-source .wd-cat .wd-cat-count{
  transition: none !important;
}

/* На всякий случай: все состояния ссылки внутри чипа */
.nm-cat-chips-source .wd-cat:hover .wd-entities-title a,
.nm-cat-chips-source .wd-cat:hover .wd-entities-title a:hover,
.nm-cat-chips-source .wd-cat:hover .wd-entities-title a:focus,
.nm-cat-chips-source .wd-cat:hover .wd-entities-title a:active{
  color:#fff !important;
}

/* ===== Arrows (inside bar), no margins, no circles ===== */
.nm-cat-chips-source .nm-chip-bar .nm-chip-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:16px;
  height:16px;
  padding:0;
  margin:0;                 /* IMPORTANT: no weird margins */
  border:0;
  background:transparent;
  color:var(--nm-muted);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
  z-index:9;
}

/* Add a wider clickable corridor without pushing chips */
.nm-cat-chips-source .nm-chip-bar .nm-chip-arrow::before{
  content:"";
  position:absolute;
  top:-12px;
  bottom:-12px;
  width:var(--nm-arrow-hit);
}
.nm-cat-chips-source .nm-chip-bar .nm-chip-arrow.nm-left::before{ left:-8px; }
.nm-cat-chips-source .nm-chip-bar .nm-chip-arrow.nm-right::before{ right:-8px; }

.nm-cat-chips-source .nm-chip-bar .nm-chip-arrow:hover{ color:var(--nm-brand-1); }
.nm-cat-chips-source .nm-chip-bar .nm-chip-arrow svg{ width:16px; height:16px; display:block; }

.nm-cat-chips-source .nm-chip-bar .nm-chip-arrow.nm-left{ left:0; }
.nm-cat-chips-source .nm-chip-bar .nm-chip-arrow.nm-right{ right:0; }

/* ===== Fade edges ONLY on bar (not on toggle) ===== */
.nm-cat-chips-source.nm-has-overflow .nm-chip-bar::before,
.nm-cat-chips-source.nm-has-overflow .nm-chip-bar::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:var(--nm-fade-w);
  pointer-events:none;
  z-index:8;                /* under arrows, over chips */
  opacity:0;
  transition:opacity .15s ease;
}

/* left fade */
.nm-cat-chips-source.nm-has-overflow .nm-chip-bar::before{
  left:0;
  background:linear-gradient(to right,
    #fff 25%,
    rgba(255,255,255,0.55) 82%,
    rgba(255,255,255,0) 100%
  );
}
/* right fade */
.nm-cat-chips-source.nm-has-overflow .nm-chip-bar::after{
  right:0;
  background: linear-gradient(to left,
    #fff 25%,
    rgba(255,255,255,0.55) 82%,
    rgba(255,255,255,0) 100%
  );
}

/* start: only right fade */
.nm-cat-chips-source.nm-has-overflow.nm-at-start .nm-chip-bar::after{ opacity:1; }
.nm-cat-chips-source.nm-has-overflow.nm-at-start .nm-chip-bar::before{ opacity:0; }

/* middle: both */
.nm-cat-chips-source.nm-has-overflow:not(.nm-at-start):not(.nm-at-end) .nm-chip-bar::before,
.nm-cat-chips-source.nm-has-overflow:not(.nm-at-start):not(.nm-at-end) .nm-chip-bar::after{
  opacity:1;
}

/* end: only left fade */
.nm-cat-chips-source.nm-has-overflow.nm-at-end .nm-chip-bar::before{ opacity:1; }
.nm-cat-chips-source.nm-has-overflow.nm-at-end .nm-chip-bar::after{ opacity:0; }

/* Toggle below chips, right aligned */
.nm-cat-chips-source .nm-chip-toggle{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  text-align:right;
  margin: -10px 0;
  padding:0;
  border:0;
  background:transparent;
  font-size:12px;
  line-height:1.2;
  color:var(--nm-brand-1);
  cursor:pointer;
  white-space:nowrap;
	text-transform: none;
}
.nm-cat-chips-source .nm-chip-toggle:hover{
  color:var(--nm-brand-2);
  text-decoration:underline;
}

/* Show-all mode: wrap + no arrows + no fade */
.nm-cat-chips-source.nm-show-all .nm-chip-bar .wd-cats.products{
  flex-wrap:wrap !important;
  overflow:visible !important;
}
.nm-cat-chips-source.nm-show-all .nm-chip-bar::before,
.nm-cat-chips-source.nm-show-all .nm-chip-bar::after{
  display:none !important;
}
.nm-cat-chips-source.nm-show-all .nm-chip-bar .nm-chip-arrow{
  display:none !important;
}

/* =========================================================
   NM: Count as plain number (no pills/circles/frames)
   ========================================================= */

.nm-cat-chips-source .wd-cat .wd-cat-header{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.nm-cat-chips-source .wd-cat .wd-cat-count{
  /* убираем всё оформление */
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;

  /* убираем “плашку” по размерам */
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
  height: auto !important;

  /* делаем именно цифру в одну строку */
  display: inline !important;
  white-space: nowrap !important;

  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 600 !important;

  /* цвет как у тебя */
  color: var(--nm-brand-1) !important;
}

/* На всякий: если WoodMart рисует “кружки” через псевдоэлементы */
.nm-cat-chips-source .wd-cat .wd-cat-count::before,
.nm-cat-chips-source .wd-cat .wd-cat-count::after{
  content: none !important;
  display: none !important;
}

/* Hover: цифра белая */
.nm-cat-chips-source .wd-cat:hover .wd-cat-count{
  color: #fff !important;
}

/* =========================================
   NM: SEO block (category bottom description)
   Scope: .wd-shop-desc .wd-term-desc only
   - H2 18px/600
   - Text 13px, black
   - Lists compact + brand bullets
   - Optional framed box
   ========================================= */

.wd-shop-desc .wd-term-desc{
  color: #111;
  font-size: 13px;
  line-height: 1.55;

  /* рамка как просили */
  border: 1px solid #0087D1;
  border-radius: 8px;
  padding: 18px 18px;
  background: #fff;
}

/* Заголовки */
.wd-shop-desc .wd-term-desc h2{
  color: #111;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 10px 0;
}

/* Абзацы */
.wd-shop-desc .wd-term-desc p{
  color: #111;
  font-size: 13px;
  line-height: 1.55;
  margin: 0 0 10px 0;
}

/* Списки: нормальная плотность */
.wd-shop-desc .wd-term-desc ul{
  margin: 8px 0 14px 0;
  padding-left: 18px; /* контролируемая “полка” под маркер */
}

.wd-shop-desc .wd-term-desc li{
  color: #111;
  font-size: 13px;
  line-height: 1.2;
  margin: 6px 0;
}

/* Маркеры фирменным цветом */
.wd-shop-desc .wd-term-desc li::marker{
  color: #0087D1; /* ваш брендовый (можете заменить на #0087D1 если хотите в тон рамки) */
	font-size: 10px;
}

/* Ссылки внутри текста/списков */
.wd-shop-desc .wd-term-desc a{
  color: #0087D1;
  text-decoration: none;
}
.wd-shop-desc .wd-term-desc a:hover{
  color: black;
  text-decoration: none;
}

/* УБИРАЕМ “дыры” из-за <br> внутри li (у вас они стоят до/после ссылок) */
.wd-shop-desc .wd-term-desc ul li br{
  display: none !important;
}

/* Убираем лишние вертикальные зазоры от темных стилей темы внутри блока */
.wd-shop-desc .wd-term-desc *{
  letter-spacing: normal;
}

/* =========================================================
   NM: PRODUCT LIST VIEW — SOFT MEDICAL NEUMORPHISM
   Фон: #eef2f7 · Тени: #c8d0db / #ffffff
   Scope: .products.elements-list (WoodMart list view)
   ========================================================= */

/* =========================================================
   1) КАРТОЧКА — BASE
   ========================================================= */
.products.elements-list .wd-product.product-list-item {
  position: relative;
}

.products.elements-list .wd-product.product-list-item .product-wrapper {
  position: relative;
  background: #eef2f7;
  border-radius: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.90);
  border-left: 1px solid rgba(255, 255, 255, 0.90);
  border-bottom: 1px solid rgba(180, 195, 215, 0.45);
  border-right: 1px solid rgba(180, 195, 215, 0.45);
  box-shadow:
    10px 12px 24px #c8d0db,
    -8px -8px 18px #ffffff;
  overflow: hidden;
  padding: 20px;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  column-gap: 20px;
  align-items: start;
  grid-auto-rows: min-content;
  transition: box-shadow 0.2s ease, transform 0.18s ease;
}

.products.elements-list .wd-product.product-list-item .product-wrapper:hover {
  transform: translateY(-2px);
  box-shadow:
    14px 16px 32px #c8d0db,
    -10px -10px 22px #ffffff;
}

/* Elementor перебивает <a> — нейтрализуем */
.elementor .products.elements-list .wd-product.product-list-item .product-wrapper a {
  box-shadow: none !important;
}

.products.elements-list .wd-product.product-list-item .product-wrapper > * {
  min-width: 0;
}

/* Убираем фон темы */
.products.elements-list.wd-products-with-bg .wd-product.product-list-item {
  background: transparent !important;
}

/* =========================================================
   2) ЛЕВАЯ КОЛОНКА — ИЗОБРАЖЕНИЕ
   ========================================================= */
.products.elements-list .wd-product.product-list-item .product-element-top {
  grid-column: 1;
  padding: 0 !important;
  align-self: start;
}

/* Витринная зона под картинку — inset */
.elementor .products.elements-list .wd-product.product-list-item .product-wrapper .product-element-top a.product-image-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  padding: 16px !important;
  max-height: 220px !important;
  height: auto !important;
  overflow: hidden !important;
  box-shadow:
    inset 4px 4px 10px rgba(200,208,219,0.7),
    inset -3px -3px 8px rgba(255,255,255,0.95) !important;
}

.products.elements-list .wd-product.product-list-item .product-image-link img {
  width: 100% !important;
  height: auto !important;
  max-height: 190px !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  display: block;
}

.elementor .products.elements-list .wd-product.product-list-item .product-wrapper .product-element-top a.product-image-link img {
  opacity: 0.92 !important;
  mix-blend-mode: multiply !important;
}

/* Иконки сравнение/избранное */
.products.elements-list .wd-product.product-list-item .wd-buttons.wd-pos-r-t {
  z-index: 6;
}

/* =========================================================
   3) ПРАВАЯ КОЛОНКА — КОНТЕНТ (grid areas)
   ========================================================= */
.products.elements-list .wd-product.product-list-item .product-list-content.wd-scroll {
  grid-column: 2;
  overflow: visible !important;
  max-height: none !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 200px !important;
  grid-template-areas:
    "title   stock"
    "sku     price"
    "short   actions" !important;
  column-gap: 16px !important;
  row-gap: 6px !important;
  align-content: start !important;
  align-items: start !important;
  padding: 0 !important;
  min-width: 0 !important;
}

/* =========================================================
   4) ЗАГОЛОВОК
   ========================================================= */
.products.elements-list .wd-product.product-list-item .wd-entities-title {
  grid-area: title !important;
  margin: 8px 0 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
	padding: 10px !important;
  border-radius: 10px !important;
  background: #eef2f7 !important;
  box-shadow: inset 3px 3px 7px #c8d0db, inset -3px -3px 7px #ffffff !important;
}

.products.elements-list .wd-product.product-list-item .wd-entities-title a {
  color: #2a3f5a !important;
  text-decoration: none !important;
  transition: color 0.15s ease;
}

.products.elements-list .wd-product.product-list-item .wd-entities-title a:hover {
  color: #0087D1 !important;
}

/* =========================================================
   5) АРТИКУЛ (SKU)
   ========================================================= */
.products.elements-list .wd-product.product-list-item .wd-product-detail.wd-product-sku {
  grid-area: sku !important;
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  z-index: auto !important;
}

.products.elements-list .wd-product.product-list-item .wd-product-detail.wd-product-sku .wd-label {
  color: #8ba3bc !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.products.elements-list .wd-product.product-list-item .wd-product-detail.wd-product-sku span:last-child {
  color: #5a7390 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* =========================================================
   6) КРАТКОЕ ОПИСАНИЕ
   ========================================================= */
.products.elements-list .wd-product.product-list-item
.woocommerce-product-details__short-description {
  grid-area: short !important;
  margin: 8px 0 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  color: #5a7390 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
}

/* Список характеристик — inline через запятую */
.products.elements-list .wd-product.product-list-item
.woocommerce-product-details__short-description ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.products.elements-list .wd-product.product-list-item
.woocommerce-product-details__short-description ul li {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #5a7390 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}

/* Запятая после каждого пункта */
.products.elements-list .wd-product.product-list-item
.woocommerce-product-details__short-description ul li::after {
  content: ", ";
}

/* Предпоследний — без запятой */
.products.elements-list .wd-product.product-list-item
.woocommerce-product-details__short-description ul li:nth-last-child(2)::after {
  content: "";
}

/* Последний li — РУ/сертификат — отдельная строка */
.products.elements-list .wd-product.product-list-item
.woocommerce-product-details__short-description ul li:last-child {
  display: block !important;
  margin-top: 10px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #0087D1 !important;
}

.products.elements-list .wd-product.product-list-item
.woocommerce-product-details__short-description ul li:last-child::after {
  content: "" !important;
}

/* =========================================================
   7) НАЛИЧИЕ (STOCK)
   ========================================================= */
.products.elements-list .wd-product.product-list-item .wd-product-stock {
  grid-area: stock !important;
  justify-self: end !important;
  margin: 8px 0 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  text-align: right !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* =========================================================
   8) ЦЕНА
   ========================================================= */
.products.elements-list .wd-product.product-list-item .price {
  grid-area: price !important;
  justify-self: end !important;
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #2a3f5a !important;
  text-align: right !important;
  letter-spacing: -0.02em;
}

/* =========================================================
   9) КНОПКИ ДЕЙСТВИЙ
   ========================================================= */
.products.elements-list .wd-product.product-list-item .wd-add-btn {
  grid-area: actions !important;
  justify-self: end !important;
  align-self: end !important;
  text-align: right !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
}

/* Количество */
.products.elements-list .wd-product.product-list-item .wd-add-btn .quantity {
  display: inline-flex !important;
  justify-content: flex-end !important;
  margin: 0 0 10px!important
}

/* Кнопка qty +/- */
.products.elements-list .wd-product.product-list-item .quantity .minus,
.products.elements-list .wd-product.product-list-item .quantity .plus {
  background: #eef2f7 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow:
    4px 4px 8px #c8d0db,
    -4px -4px 8px #ffffff !important;
  color: #2a3f5a !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: box-shadow 0.15s ease !important;
	max-width: 20px;
}

.products.elements-list .wd-product.product-list-item .quantity .minus:hover,
.products.elements-list .wd-product.product-list-item .quantity .plus:hover {
  box-shadow:
    2px 2px 5px #c8d0db,
    -2px -2px 5px #ffffff !important;
  color: #0087D1 !important;
}

.products.elements-list .wd-product.product-list-item .quantity .minus:active,
.products.elements-list .wd-product.product-list-item .quantity .plus:active {
  box-shadow:
    inset 3px 3px 6px #c8d0db,
    inset -3px -3px 6px #ffffff !important;
}

/* Поле ввода количества */
.products.elements-list .wd-product.product-list-item .quantity .input-text.qty {
  width: 20px !important;
  height: 32px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Manrope', sans-serif !important;
  text-align: center !important;
  background: #eef2f7 !important;
  border: none !important;
  border-radius: 4px !important;
  color: #2a3f5a !important;
}

/* Кнопка "Запросить КП" */
.elementor .products.elements-list .wd-product.product-list-item .product-wrapper .wd-add-btn a.add-to-cart-loop {
  background: #eef2f7 !important;
  color: #0087D1 !important;
  border: none !important;
  border-radius: 9px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 8px 16px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 8px 8px 16px #c8d0db, -8px -8px 16px #ffffff !important;
  transition: box-shadow 0.15s ease, color 0.15s ease, transform 0.15s ease !important;
}
.elementor .products.elements-list .wd-product.product-list-item .product-wrapper .wd-add-btn a.add-to-cart-loop:hover {
  color: #0070b0 !important;
  box-shadow: 5px 5px 10px #c8d0db, -5px -5px 10px #ffffff !important;
  transform: translateY(-1px) !important;
}
.elementor .products.elements-list .wd-product.product-list-item .product-wrapper .wd-add-btn a.add-to-cart-loop:active {
  box-shadow: inset 4px 4px 8px #c8d0db, inset -4px -4px 8px #ffffff !important;
  transform: translateY(0) !important;
}

/* Скрыть "added_to_cart" */
.products.elements-list .wd-product.product-list-item .wd-add-btn .added_to_cart {
  display: none !important;
}

/* =========================================================
   АДАПТИВ — ПЛАНШЕТ ≤1024px
   ========================================================= */
@media (max-width: 1024px) {

  .products.elements-list .wd-product.product-list-item .product-wrapper {
    grid-template-columns: 180px minmax(0, 1fr) !important;
    padding: 16px !important;
  }

  .products.elements-list .wd-product.product-list-item .product-list-content.wd-scroll {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "sku"
      "stock"
      "price"
      "actions"
      "short" !important;
    row-gap: 8px !important;
  }

  .products.elements-list .wd-product.product-list-item .wd-product-stock,
  .products.elements-list .wd-product.product-list-item .price,
  .products.elements-list .wd-product.product-list-item .wd-add-btn {
    justify-self: start !important;
    text-align: left !important;
  }

  .products.elements-list .wd-product.product-list-item .wd-add-btn {
    align-items: flex-start !important;
  }

  .products.elements-list .wd-product.product-list-item .add-to-cart-loop {
    width: auto !important;
    min-width: 160px !important;
    max-width: none !important;
  }
}

/* =========================================================
   АДАПТИВ — МОБИЛКА ≤640px
   ========================================================= */
@media (max-width: 640px) {

  .products.elements-list .wd-product.product-list-item .product-wrapper {
    grid-template-columns: 1fr !important;
    row-gap: 14px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    /* Highlight border на мобилке */
    border-top: 1px solid rgba(255, 255, 255, 0.90) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.90) !important;
    border-bottom: 1px solid rgba(180, 195, 215, 0.50) !important;
    border-right: 1px solid rgba(180, 195, 215, 0.50) !important;
  }

  .products.elements-list .wd-product.product-list-item .product-element-top {
    grid-column: 1 !important;
  }

  /* Картинка — меньше на мобилке */
  .products.elements-list .wd-product.product-list-item .product-image-link {
    max-height: 180px;
    padding: 12px;
  }

  .products.elements-list .wd-product.product-list-item .product-image-link img {
    max-height: 150px !important;
  }

  .products.elements-list .wd-product.product-list-item .product-list-content.wd-scroll {
    grid-column: 1 !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "title"
      "sku"
      "stock"
      "price"
      "actions"
      "short" !important;
    row-gap: 8px !important;
  }

  .products.elements-list .wd-product.product-list-item .wd-entities-title {
    font-size: 14px !important;
  }

  .products.elements-list .wd-product.product-list-item .price {
    font-size: 18px !important;
    justify-self: start !important;
    text-align: left !important;
  }

  .products.elements-list .wd-product.product-list-item .wd-product-stock {
    justify-self: start !important;
    text-align: left !important;
  }

  .products.elements-list .wd-product.product-list-item .wd-add-btn {
    align-items: flex-start !important;
    justify-self: start !important;
    width: 100% !important;
  }

  .products.elements-list .wd-product.product-list-item .add-to-cart-loop {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .products.elements-list .wd-product.product-list-item .quantity {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .products.elements-list .wd-product.product-list-item
  .woocommerce-product-details__short-description {
    font-size: 12px !important;
  }
}

/* =========================================
   NM: Product tabs (strict B2B tiles)
   Назначение (серые плитки, активная белая, рамка контента)
   ========================================= */

body.single-product .woocommerce-tabs {
  --nm-border: #fff;
  --nm-bg-tab: #f2f2f2;
  --nm-bg-active: #ffffff;
  --nm-text: #1f2937;
  --nm-muted: #4b5563;
  --nm-accent: #0087d1;
  --nm-border-active: #dddddd;
  --nm-border-tabs: #dddddd;
}

/* 1) Убираем “woodmart underline/лишние эффекты”, оставляем чистый таб-UI */
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-tabs .wd-nav-tabs-wrapper,
body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 2) Список вкладок — в линию, с переносом при нехватке */
body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}

/* 3) Плитка вкладки */
body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs > li {
  margin: 0 !important;
}

/* Между плитками – тонкий разделитель */
body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs > li + li {
  margin-left: -1px; /* чтобы бордеры “склеились” как в B2B UI */
}

/* 4) Внешний вид вкладок (неактивные) */
body.single-product .woocommerce-tabs .wd-nav-link {
  display: inline-flex !important;
  align-items: center;
  padding: 12px 18px !important;
  color: var(--nm-text) !important;
  text-decoration: none !important;
  background: var(--nm-bg-tab) !important;
  border: 1px solid var(--nm-border) !important;
  border-bottom: 1px solid var(--nm-border-tabs) !important; /* вкладки “сидят” на контенте */
  border-radius: 0 !important;

  line-height: 1.2;
  transition: background-color .12s ease, color .12s ease;
}

/* Hover — лёгкое высветление */
body.single-product .woocommerce-tabs .wd-nav-link:hover {
  background: #dddddd !important;
}

/* 5) Активная вкладка — белая */
body.single-product .woocommerce-tabs li.active > .wd-nav-link {
  background: var(--nm-bg-active) !important;
  position: relative;
  z-index: 5;
  border-left: 1.7px solid var(--nm-border-active) !important;
  border-right: 1.7px solid var(--nm-border-active) !important;
  border-top: 2px solid var (--nm-accent) !important;
  border-bottom: none !important;
}

/* Тонкая акцентная линия сверху активной (не обязательно, но выглядит “дороже”) */
body.single-product .woocommerce-tabs li.active > .wd-nav-link:before {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  height: 3px;
  background: var(--nm-accent);
}

/* 6) Контентный блок: рамка, белый фон */
body.single-product .woocommerce-tabs .wc-tab {
  background: #fff !important;
  box-shadow: none !important;
}

/* Важно: контент “подхватывает” вкладки — убираем верхнюю границу,
   чтобы активная вкладка выглядела частью блока */
body.single-product .woocommerce-tabs .wc-tab {
  border-top: 0 !important;
}

/* 7) Типографика/списки — ближе к B2B */
body.single-product .woocommerce-tabs .wc-tab p {
  line-height: 1.7;
  color: #111827;
}

body.single-product .woocommerce-tabs .wc-tab ul {
  margin: 0;
  padding-left: 22px;
}

body.single-product .woocommerce-tabs .wc-tab li {
  margin: 10px 0;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text {
  padding-bottom: 10px;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text:after {
  height: 2.8px;
}

/* уменьшаем шрифт ссылки бренда */
.wd-product-brands {
  font-size: 13px !important;
	font-weight: 500;
}

.wd-product-brands a:hover {
  color: #0087d1;
	font-size: 13px !important;
	font-weight: 500;
}

/* 8) Мобилка: делаем горизонтальный скролл табов как “ряд плиток” */
@media (max-width: 768px) {
  body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs::-webkit-scrollbar {
    height: 0;
  }

  body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs > li {
    flex: 0 0 auto !important;
  }

  body.single-product .woocommerce-tabs .wd-nav-link {
    padding: 11px 14px !important;
    font-size: 14px;
    white-space: nowrap;
  }

  body.single-product .woocommerce-tabs .wc-tab {
    padding: 18px 16px 20px !important;
  }
}

/* =========================================
   NM: Tabs behavior
   - fill row without empty space
   - tab width respects text (no wrap, no cut)
   - keeps your current visuals
   ========================================= */

@media (min-width: 769px){

  /* 1) Ряд вкладок на 100% ширины */
  body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs{
    width: 100% !important;
    flex-wrap: nowrap !important;   /* одна строка как у тебя по задумке */
  }

  /* 2) Ключ: flex: 1 0 auto
        - auto: базовая ширина от текста
        - grow: растягивается и убирает пустоту справа */
  body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs > li{
    flex: 1 0 auto !important;
    min-width: 0 !important;        /* важно для flex-элементов */
  }

  /* 3) Текст: не переносить и не обрезать */
  body.single-product .woocommerce-tabs .wd-nav.wd-nav-tabs > li > a.wd-nav-link{
    width: 100% !important;
    justify-content: center !important;

    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  /* 4) Чтобы нижняя линия под вкладками НЕ была видна под активной вкладкой
        (active:after “закрывает” линию) */
  body.single-product .woocommerce-tabs li.active > .wd-nav-link{
    position: relative;
  }
  body.single-product .woocommerce-tabs li.active > .wd-nav-link:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: var(--nm-bg-active);
  }
}

/* =========================================
   NM: SEO block (single description)
    - H2 18px/600
   - Text 13px, black
   - Lists compact + brand bullets
   - Optional framed box
   ========================================= */

body.single-product .woocommerce-tabs .wc-tab {
  color: #111;
  font-size: 13px;
  line-height: 1.55;
	margin-top: 30px;
}

/* Заголовки */
body.single-product .woocommerce-tabs .wc-tab h2{
  color: #111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 10px 0;
}

/* Абзацы */
body.single-product .woocommerce-tabs .wc-tab p{
  color: #111;
  font-size: 13px;
  line-height: 1.55;
  margin: 0 0 10px 0;
}

/* Списки: нормальная плотность */
body.single-product .woocommerce-tabs .wc-tab ul{
  margin: 8px 0 14px 0;
  padding-left: 18px; /* контролируемая “полка” под маркер */
}

body.single-product .woocommerce-tabs .wc-tab li{
  color: #111;
  font-size: 13px;
  line-height: 1.25;
  margin: 6px 0;
}

/* Маркеры фирменным цветом */
body.single-product .woocommerce-tabs .wc-tab li::marker{
  color: #0087D1; /* ваш брендовый (можете заменить на #0087D1 если хотите в тон рамки) */
	font-size: 10px;
}

/* Ссылки внутри текста/списков */
body.single-product .woocommerce-tabs .wc-tab a{
  color: #0087D1;
  text-decoration: none;
}
body.single-product .woocommerce-tabs .wc-tab a:hover{
  color: black;
  text-decoration: none;
}

/* УБИРАЕМ “дыры” из-за <br> внутри li (у вас они стоят до/после ссылок) */
body.single-product .woocommerce-tabs .wc-tab ul li br{
  display: none !important;
}

/* Убираем лишние вертикальные зазоры от темных стилей темы внутри блока */
body.single-product .woocommerce-tabs .wc-tab *{
  letter-spacing: normal;
}

/* =========================================
   NM: specs rows (.nm-specs)
   ========================================= */

body.single-product .nm-specs{
  width: 100%;
}

body.single-product .nm-specs-item{
  border-bottom: 1px solid #eee;
  padding: 14px 0;
}

body.single-product .nm-specs-row{
  display: flex;
  gap: 18px;
}

body.single-product .nm-specs-col1{
  flex: 0 0 42%;
  color: #111827;
  font-weight: 500;
}

body.single-product .nm-specs-col2{
  flex: 1 1 auto;
  color: #111827;
  overflow-wrap: anywhere;
}

/* Base */
/* =========================================
NM: Category tiles — Clean B2B (NO BLUR)
Applies to:
- nm-napravleniya-cats
- nm-oborudovanie-cats
- nm-mebel-cats
- nm-instrumenty-cats
========================================= */

/* ===== Base ===== */
.nm-napravleniya-cats .wd-cat,
.nm-oborudovanie-cats .wd-cat,
.nm-mebel-cats .wd-cat,
.nm-instrumenty-cats .wd-cat{
  height: 100%;
}

/* ===== HARD FIX: kill ANY transforms (SVG blur prevention) ===== */
.nm-napravleniya-cats .wd-cat,
.nm-napravleniya-cats .wd-cat-inner,
.nm-napravleniya-cats .wd-cat-thumb,
.nm-napravleniya-cats .wd-cat-image,
.nm-napravleniya-cats .wd-cat-thumb a,
.nm-napravleniya-cats .wd-cat-thumb img,

.nm-oborudovanie-cats .wd-cat,
.nm-oborudovanie-cats .wd-cat-inner,
.nm-oborudovanie-cats .wd-cat-thumb,
.nm-oborudovanie-cats .wd-cat-image,
.nm-oborudovanie-cats .wd-cat-thumb a,
.nm-oborudovanie-cats .wd-cat-thumb img,

.nm-mebel-cats .wd-cat,
.nm-mebel-cats .wd-cat-inner,
.nm-mebel-cats .wd-cat-thumb,
.nm-mebel-cats .wd-cat-image,
.nm-mebel-cats .wd-cat-thumb a,
.nm-mebel-cats .wd-cat-thumb img,

.nm-instrumenty-cats .wd-cat,
.nm-instrumenty-cats .wd-cat-inner,
.nm-instrumenty-cats .wd-cat-thumb,
.nm-instrumenty-cats .wd-cat-image,
.nm-instrumenty-cats .wd-cat-thumb a,
.nm-instrumenty-cats .wd-cat-thumb img{
  transform: none !important;
  will-change: auto !important;
}

/* ===== Card ===== */
.nm-napravleniya-cats .wd-cat-inner.wrapp-category,
.nm-oborudovanie-cats .wd-cat-inner.wrapp-category,
.nm-mebel-cats .wd-cat-inner.wrapp-category,
.nm-instrumenty-cats .wd-cat-inner.wrapp-category{
  background: #ffffff;
  border: 1px solid #e9eef5;
  border-radius: 8px;
  padding: 22px 18px 20px;
  overflow: hidden;
  height: 100%;
  box-shadow:
    3px 4px 10px rgba(15, 23, 42, 0.10),
    0 1px 3px rgba(15, 23, 42, 0.06);
  transition:
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.nm-napravleniya-cats .wd-cat-inner.wrapp-category:hover,
.nm-oborudovanie-cats .wd-cat-inner.wrapp-category:hover,
.nm-mebel-cats .wd-cat-inner.wrapp-category:hover,
.nm-instrumenty-cats .wd-cat-inner.wrapp-category:hover{
  border-color: #0087d1;
  box-shadow:
    0 12px 18px rgba(15, 23, 42, 0.18),
    0 6px 8px rgba(15, 23, 42, 0.10);
}

.nm-category-product {
  background: #ffffff;
  border: 1px solid #e9eef5;
  border-radius: 8px;
  padding: 22px 18px 20px;
  overflow: hidden;
  height: 100%;
  box-shadow:
    3px 4px 10px rgba(15, 23, 42, 0.10),
    0 1px 3px rgba(15, 23, 42, 0.06);
  transition:
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.nm-category-product :hover{
  border-color: #0087d1;
  box-shadow:
    0 12px 18px rgba(15, 23, 42, 0.18),
    0 6px 8px rgba(15, 23, 42, 0.10);
}

/* ===== Image wrapper ===== */
.nm-napravleniya-cats .wd-cat-thumb.category-image-wrapp,
.nm-oborudovanie-cats .wd-cat-thumb.category-image-wrapp,
.nm-mebel-cats .wd-cat-thumb.category-image-wrapp,
.nm-instrumenty-cats .wd-cat-thumb.category-image-wrapp{
  margin-bottom: 14px;
}

/* ===== Image box ===== */
.nm-napravleniya-cats a.wd-cat-image.category-image,
.nm-oborudovanie-cats a.wd-cat-image.category-image,
.nm-mebel-cats a.wd-cat-image.category-image,
.nm-instrumenty-cats a.wd-cat-image.category-image{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
}

/* ===== Image sizing ===== */
.nm-napravleniya-cats a.wd-cat-image.category-image img,
.nm-oborudovanie-cats a.wd-cat-image.category-image img,
.nm-mebel-cats a.wd-cat-image.category-image img,
.nm-instrumenty-cats a.wd-cat-image.category-image img{
  width: auto !important;
  height: auto !important;
  max-width: 160px;
  max-height: 160px;
  object-fit: contain;
  filter: none !important;
  backface-visibility: hidden;
}

/* SVG crispness */
.nm-napravleniya-cats img[src$=".svg"],
.nm-oborudovanie-cats img[src$=".svg"],
.nm-mebel-cats img[src$=".svg"],
.nm-instrumenty-cats img[src$=".svg"]{
  image-rendering: crisp-edges;
}

/* ===== Content ===== */
.nm-napravleniya-cats .wd-cat-content.hover-mask,
.nm-oborudovanie-cats .wd-cat-content.hover-mask,
.nm-mebel-cats .wd-cat-content.hover-mask,
.nm-instrumenty-cats .wd-cat-content.hover-mask{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  gap: 6px;
  padding: 0 4px;
}

/* Title */
.nm-napravleniya-cats .wd-cat-content .wd-entities-title,
.nm-oborudovanie-cats .wd-cat-content .wd-entities-title,
.nm-mebel-cats .wd-cat-content .wd-entities-title,
.nm-instrumenty-cats .wd-cat-content .wd-entities-title{
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  color: #0f172a;
}

/* Count */
.nm-napravleniya-cats .wd-cat-count.more-products,
.nm-oborudovanie-cats .wd-cat-count.more-products,
.nm-mebel-cats .wd-cat-count.more-products,
.nm-instrumenty-cats .wd-cat-count.more-products{
  margin: 0;
  font-size: 13px;
  opacity: .75;
}

.nm-napravleniya-cats .wd-cat-count.more-products a,
.nm-oborudovanie-cats .wd-cat-count.more-products a,
.nm-mebel-cats .wd-cat-count.more-products a,
.nm-instrumenty-cats .wd-cat-count.more-products a{
  color: inherit;
  text-decoration: none;
}

/* Disable overlays */
.nm-napravleniya-cats .wd-cat-content.hover-mask:before,
.nm-napravleniya-cats .wd-cat-content.hover-mask:after,
.nm-oborudovanie-cats .wd-cat-content.hover-mask:before,
.nm-oborudovanie-cats .wd-cat-content.hover-mask:after,
.nm-mebel-cats .wd-cat-content.hover-mask:before,
.nm-mebel-cats .wd-cat-content.hover-mask:after,
.nm-instrumenty-cats .wd-cat-content.hover-mask:before,
.nm-instrumenty-cats .wd-cat-content.hover-mask:after{
  opacity: 0 !important;
}

/* =====================================================
   NM: Архивные плитки товаров — глобально
   Только страницы категорий и архивов, не сингл
===================================================== */

body.tax-product_cat .wd-product-wrapper.product-wrapper,
body.archive .wd-product-wrapper.product-wrapper {
    background: #ffffff;
    border: 1px solid #e9eef5;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    box-shadow:
        3px 4px 10px rgba(15,23,42,.10),
        0 1px 3px rgba(15,23,42,.06);
    transition: box-shadow .25s ease, border-color .25s ease, transform .25s ease;
    position: relative;
}

body.tax-product_cat .wd-product-wrapper.product-wrapper:hover,
body.archive .wd-product-wrapper.product-wrapper:hover {
    border-color: #0087D1;
    box-shadow:
        0 12px 18px rgba(15,23,42,.18),
        0 6px 8px rgba(15,23,42,.10);
}



/* Заголовок */
body.tax-product_cat .wd-entities-title a,
body.archive .wd-entities-title a {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}

body.tax-product_cat .wd-entities-title a:hover,
body.archive .wd-entities-title a:hover {
    color: #0087D1;
}

/* Артикул */
body.tax-product_cat .wd-product-sku,
body.archive .wd-product-sku {
    font-size: 12px;
    color: #94a3b8;
}

/* Кнопка */
body.tax-product_cat .add-to-cart-loop,
body.archive .add-to-cart-loop {
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

/* =====================================================
   NM: Плитки верхних категорий — только блок nm-napravleniya-cats
   Scope: только карточки категорий WoodMart, не товары
===================================================== */

/* Базовая карточка категории */
.nm-napravleniya-cats .wd-cat-inner.wrapp-category {
    position: relative;
    background: #ffffff;
    border: 1px solid #e9eef5;
    border-radius: 8px;
    padding: 22px 18px 20px;
    overflow: hidden;
    height: 100%;
    box-shadow:
        3px 4px 10px rgba(15, 23, 42, 0.10),
        0 1px 3px rgba(15, 23, 42, 0.06);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

/* Синяя полоска снизу при ховере */
.nm-napravleniya-cats .wd-cat-inner.wrapp-category::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #0087D1;
    border-radius: 0 0 8px 8px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}

/* Hover: подъём + полоска */
.nm-napravleniya-cats .wd-cat-inner.wrapp-category:hover {
    transform: translateY(-3px);
    border-color: #0087D1;
    box-shadow:
        4px 6px 14px rgba(15, 23, 42, 0.14),
        0 2px 5px rgba(15, 23, 42, 0.08);
}

.nm-napravleniya-cats .wd-cat-inner.wrapp-category:hover::after {
    transform: scaleX(1);
}

/* Счётчик — сделать синим вместо серого */
.nm-napravleniya-cats .wd-cat-count.more-products a {
    color: #0087D1 !important;
    font-size: 12px;
    font-weight: 600;
    opacity: 1;
}

/* Стрелка после счётчика */
.nm-napravleniya-cats .wd-cat-count.more-products a::after {
    content: ' →';
}

/* =====================================================
   NM SHOP ARCHIVE CONTROLS — сортировка и "Показать 20/40/60"
   Scope: только WooCommerce/WoodMart архивы каталога
===================================================== */

/* ---------- "Показать 20 / 40 / 60" ---------- */

body.tax-product_cat .wd-shop-prod-per-page .wd-products-per-page,
body.post-type-archive-product .wd-shop-prod-per-page .wd-products-per-page {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 14px;
	line-height: 1.2;
	color: #6b7280;
}

body.tax-product_cat .wd-shop-prod-per-page .per-page-title,
body.post-type-archive-product .wd-shop-prod-per-page .per-page-title {
	margin-right: 2px;
	font-weight: 500;
	color: #1f2937;
}

body.tax-product_cat .wd-shop-prod-per-page .per-page-variation,
body.post-type-archive-product .wd-shop-prod-per-page .per-page-variation {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 28px;
	padding: 0 2px;
	color: #7b8794;
	font-weight: 500;
	text-decoration: none !important;
	transition: color 0.2s ease, transform 0.2s ease;
}

body.tax-product_cat .wd-shop-prod-per-page .per-page-variation:hover,
body.post-type-archive-product .wd-shop-prod-per-page .per-page-variation:hover {
	color: #0087D1;
	transform: translateY(-1px);
}

body.tax-product_cat .wd-shop-prod-per-page .per-page-variation.current-variation,
body.tax-product_cat .wd-shop-prod-per-page .per-page-variation.current-variation span,
body.post-type-archive-product .wd-shop-prod-per-page .per-page-variation.current-variation,
body.post-type-archive-product .wd-shop-prod-per-page .per-page-variation.current-variation span {
	color: #0087D1 !important;
	font-weight: 700;
}

/* =====================================================
   NM CATALOG SORT — Soft Medical Neumorphism
   Фон: #eef2f7 · Тени: #c8d0db / #ffffff
   Scope: .nm-catalog-sort, .nm-cat-sort
===================================================== */

/* =====================================================
   1) КОНТЕЙНЕР
===================================================== */
.nm-catalog-sort,
.nm-cat-sort {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
  position: relative !important;
}

/* =====================================================
   2) ЛЕЙБЛ "Сортировать:"
===================================================== */
.nm-catalog-sort .elementor-widget-wd_text_block,
.nm-cat-sort .elementor-widget-wd_text_block,
.nm-catalog-sort .wd-text-block,
.nm-cat-sort .wd-text-block {
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

.nm-catalog-sort .wd-text-block p,
.nm-cat-sort .wd-text-block p {
  margin: 0 !important;
  color: #8ba3bc !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* =====================================================
   3) WOOCOMMERCE ORDERING WRAPPER
===================================================== */
.nm-catalog-sort .woocommerce-ordering,
.nm-cat-sort .woocommerce-ordering {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* Скрываем нативный select, оставляем функциональным */
.nm-catalog-sort .woocommerce-ordering select.orderby,
.nm-cat-sort .woocommerce-ordering select.orderby {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Убираем WoodMart underline декорации */
.nm-catalog-sort .woocommerce-ordering.wd-style-underline::before,
.nm-catalog-sort .woocommerce-ordering.wd-style-underline::after,
.nm-cat-sort .woocommerce-ordering.wd-style-underline::before,
.nm-cat-sort .woocommerce-ordering.wd-style-underline::after {
  display: none !important;
  content: none !important;
}

/* =====================================================
   4) КАСТОМНЫЙ ДРОПДАУН — обёртка
===================================================== */
.nm-catalog-sort .nm-sort-select,
.nm-cat-sort .nm-sort-select {
  position: relative !important;
  flex: 0 0 auto !important;
  min-width: 200px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  z-index: 50 !important;
}

/* =====================================================
   5) PLACEHOLDER (видимое поле)
===================================================== */
.nm-catalog-sort .nm-sort-select__placeholder,
.nm-cat-sort .nm-sort-select__placeholder {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 38px !important;
  padding: 0 38px 0 16px !important;
  border-radius: 10px !important;
  background: #eef2f7 !important;
  color: #2a3f5a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  user-select: none !important;
  /* Raised neu */
  box-shadow:
    6px 6px 12px #c8d0db,
    -6px -6px 12px #ffffff !important;
  transition: box-shadow 0.18s ease, color 0.18s ease !important;
}

/* Стрелка */
.nm-catalog-sort .nm-sort-select__placeholder::after,
.nm-cat-sort .nm-sort-select__placeholder::after {
  content: "" !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-right: 2px solid #0087D1 !important;
  border-bottom: 2px solid #0087D1 !important;
  transform: translateY(-65%) rotate(45deg) !important;
  transition: transform 0.18s ease !important;
}

/* Hover */
.nm-catalog-sort .nm-sort-select:hover .nm-sort-select__placeholder,
.nm-cat-sort .nm-sort-select:hover .nm-sort-select__placeholder {
  color: #0087D1 !important;
  box-shadow:
    4px 4px 8px #c8d0db,
    -4px -4px 8px #ffffff !important;
}

/* Активное состояние — inset */
.nm-catalog-sort .nm-sort-select.is-active .nm-sort-select__placeholder,
.nm-cat-sort .nm-sort-select.is-active .nm-sort-select__placeholder {
  color: #0087D1 !important;
  box-shadow:
    inset 4px 4px 8px #c8d0db,
    inset -4px -4px 8px #ffffff !important;
}

/* Стрелка вверх при открытом */
.nm-catalog-sort .nm-sort-select.is-active .nm-sort-select__placeholder::after,
.nm-cat-sort .nm-sort-select.is-active .nm-sort-select__placeholder::after {
  transform: translateY(-35%) rotate(-135deg) !important;
}

/* =====================================================
   6) ВЫПАДАЮЩИЙ СПИСОК
===================================================== */
.nm-catalog-sort .nm-sort-select__options,
.nm-cat-sort .nm-sort-select__options {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  display: none !important;
  padding: 8px !important;
  border-radius: 14px !important;
  background: #eef2f7 !important;
  border: 1px solid rgba(255, 255, 255, 0.90) !important;
  /* Raised — список парит */
  box-shadow:
    10px 12px 24px #c8d0db,
    -8px -8px 18px #ffffff !important;
  z-index: 9999 !important;
}

.nm-catalog-sort .nm-sort-select.is-active .nm-sort-select__options,
.nm-cat-sort .nm-sort-select.is-active .nm-sort-select__options {
  display: block !important;
}

/* =====================================================
   7) ОПЦИЯ В СПИСКЕ
===================================================== */
.nm-catalog-sort .nm-sort-select__option,
.nm-cat-sort .nm-sort-select__option {
  display: block !important;
  position: relative !important;
  padding: 9px 12px !important;
  border-radius: 9px !important;
  color: #5a7390 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: box-shadow 0.15s ease, color 0.15s ease, background 0.15s ease !important;
}

/* Hover — лёгкая raised тень */
.nm-catalog-sort .nm-sort-select__option:hover,
.nm-cat-sort .nm-sort-select__option:hover {
  color: #0087D1 !important;
  background: transparent !important;
  box-shadow:
    4px 4px 8px #c8d0db,
    -4px -4px 8px #ffffff !important;
}

/* Выбранная опция — inset */
.nm-catalog-sort .nm-sort-select__option.is-selected,
.nm-cat-sort .nm-sort-select__option.is-selected {
  color: #0087D1 !important;
  font-weight: 800 !important;
  padding-left: 16px !important;
  box-shadow:
    inset 3px 3px 6px #c8d0db,
    inset -3px -3px 6px #ffffff !important;
}

/* Акцентная полоска слева у выбранной */
.nm-catalog-sort .nm-sort-select__option.is-selected::before,
.nm-cat-sort .nm-sort-select__option.is-selected::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 50% !important;
  width: 3px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: #0087D1 !important;
  transform: translateY(-50%) !important;
}

/* =====================================================
   АДАПТИВ — ПЛАНШЕТ / МОБИЛКА ≤767px
===================================================== */
@media (max-width: 767px) {

  .nm-catalog-sort,
  .nm-cat-sort {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 0 !important;
    margin: 0 0 12px !important;
  }

  /* Скрываем лейбл на мобилке */
  .nm-catalog-sort .elementor-widget-wd_text_block,
  .nm-cat-sort .elementor-widget-wd_text_block,
  .nm-catalog-sort .wd-text-block,
  .nm-cat-sort .wd-text-block {
    display: none !important;
  }

  .nm-catalog-sort .woocommerce-ordering,
  .nm-cat-sort .woocommerce-ordering {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
  }

  .nm-catalog-sort .nm-sort-select,
  .nm-cat-sort .nm-sort-select {
    width: 100% !important;
    max-width: 260px !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 999 !important;
  }

  .nm-catalog-sort .nm-sort-select__placeholder,
  .nm-cat-sort .nm-sort-select__placeholder {
    min-height: 38px !important;
    padding: 0 38px 0 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  .nm-catalog-sort .nm-sort-select__options,
  .nm-cat-sort .nm-sort-select__options {
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    width: min(280px, calc(100vw - 32px)) !important;
    border-radius: 14px !important;
    z-index: 9999 !important;
  }

  .nm-catalog-sort .nm-sort-select__option,
  .nm-cat-sort .nm-sort-select__option {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }
}

/* =====================================================
   АДАПТИВ — ОЧЕНЬ УЗКИЕ ЭКРАНЫ ≤420px
===================================================== */
@media (max-width: 420px) {

  .nm-catalog-sort .nm-sort-select,
  .nm-cat-sort .nm-sort-select {
    max-width: 220px !important;
  }

  .nm-catalog-sort .nm-sort-select__placeholder,
  .nm-cat-sort .nm-sort-select__placeholder {
    font-size: 12px !important;
    min-height: 36px !important;
  }
}

/* =====================================================
   NM MOBILE CATALOG CONTROLS — sort full width + hide view switcher
===================================================== */

@media (max-width: 767px) {

	/* Скрыть кастомный переключатель вид/list-grid на мобилке */
	.nm-catalog-view-switcher,
	.nm-leaf-view-switcher,
	.elementor-widget-wd_shop_archive_view {
		display: none !important;
	}

	/* Растянуть контейнер сортировки */
	.nm-catalog-sort,
	.nm-cat-sort {
		width: 100% !important;
		max-width: 100% !important;
		display: flex !important;
		justify-content: flex-start !important;
		align-items: center !important;
		margin: 0 0 14px !important;
	}

	/* Скрыть текст "Сортировать:" на мобилке */
	.nm-catalog-sort .elementor-widget-wd_text_block,
	.nm-cat-sort .elementor-widget-wd_text_block,
	.nm-catalog-sort .wd-text-block,
	.nm-cat-sort .wd-text-block {
		display: none !important;
	}

	/* ВАЖНО: Elementor-виджет сортировки не должен оставаться width-initial/auto */
	.nm-catalog-sort .wd-shop-ordering,
	.nm-cat-sort .wd-shop-ordering,
	.nm-catalog-sort .elementor-widget-wd_shop_archive_orderby,
	.nm-cat-sort .elementor-widget-wd_shop_archive_orderby,
	.nm-catalog-sort .elementor-widget-container,
	.nm-cat-sort .elementor-widget-container,
	.nm-catalog-sort .woocommerce-ordering,
	.nm-cat-sort .woocommerce-ordering {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		display: block !important;
	}

	/* Сама кастомная выпадашка */
	.nm-catalog-sort .nm-sort-select,
	.nm-cat-sort .nm-sort-select {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	/* Видимая кнопка сортировки */
	.nm-catalog-sort .nm-sort-select__placeholder,
	.nm-cat-sort .nm-sort-select__placeholder {
		width: 100% !important;
		min-width: 0 !important;
		height: 40px !important;
		min-height: 40px !important;
		padding: 0 40px 0 14px !important;
		border-radius: 9px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	/* Выпадающий список */
	.nm-catalog-sort .nm-sort-select__options,
	.nm-cat-sort .nm-sort-select__options {
		width: 100% !important;
		min-width: 230px !important;
		left: 0 !important;
		right: auto !important;
	}
}

/* =====================================================
   NM PRICE FILTER — mobile/sidebar slider visibility fix
===================================================== */

.widget_price_filter .price_slider {
	display: block;
	margin: 14px 8px 18px;
	height: 4px;
	border-radius: 999px;
	background: #e2eaf3;
}

.widget_price_filter .price_slider .ui-slider-range {
	background: #0087D1;
	border-radius: 999px;
}

.widget_price_filter .price_slider .ui-slider-handle {
	top: -6px;
	width: 16px;
	height: 16px;
	border: 2px solid #0087D1;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 3px 8px rgba(0, 135, 209, 0.25);
	cursor: pointer;
	outline: none;
}

.widget_price_filter .price_label {
	display: block;
	margin: 10px 0 0;
	color: #6b7280;
	font-size: 13px;
	font-weight: 500;
}

.widget_price_filter .price_label .from,
.widget_price_filter .price_label .to {
	color: #0C1A2E;
	font-weight: 600;
}

/* NM CATALOG VIEW SWITCHER — native WoodMart view controller */

.nm-catalog-view-switcher {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}

.nm-catalog-view-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #b8c0ca;
	cursor: pointer;
	text-decoration: none !important;
	line-height: 1;
	transition: color .2s ease, opacity .2s ease;
}

.nm-catalog-view-btn:hover,
.nm-catalog-view-btn.is-active {
	color: #0087d1;
}

.nm-catalog-view-btn svg {
	display: block;
	width: 22px;
	height: 22px;
	pointer-events: none;
}

/* NM CATALOG GRID FALLBACK — root/parent = 5 columns */

body.nm-catalog-root ul.products:not(.elements-list),
body.nm-catalog-parent-cat ul.products:not(.elements-list) {
	--wd-col-lg: 5 !important;
}

/* NM CATALOG GRID FALLBACK — leaf = 4 columns */

body.nm-catalog-leaf-cat ul.products:not(.elements-list) {
	--wd-col-lg: 4 !important;
}

/* Fallback for flex/percentage WoodMart layouts — root/parent 5 */

body.nm-catalog-root ul.products:not(.elements-list).columns-4 > li.product,
body.nm-catalog-parent-cat ul.products:not(.elements-list).columns-4 > li.product,
body.nm-catalog-root ul.products:not(.elements-list).products-col-num-4 > li.product,
body.nm-catalog-parent-cat ul.products:not(.elements-list).products-col-num-4 > li.product,
body.nm-catalog-root ul.products:not(.elements-list).columns-4 > li.wd-product,
body.nm-catalog-parent-cat ul.products:not(.elements-list).columns-4 > li.wd-product,
body.nm-catalog-root ul.products:not(.elements-list).products-col-num-4 > li.wd-product,
body.nm-catalog-parent-cat ul.products:not(.elements-list).products-col-num-4 > li.wd-product {
	width: 20% !important;
	max-width: 20% !important;
	flex: 0 0 20% !important;
}

/* Fallback for flex/percentage WoodMart layouts — leaf 4 */

body.nm-catalog-leaf-cat ul.products:not(.elements-list).columns-5 > li.product,
body.nm-catalog-leaf-cat ul.products:not(.elements-list).columns-6 > li.product,
body.nm-catalog-leaf-cat ul.products:not(.elements-list).products-col-num-5 > li.product,
body.nm-catalog-leaf-cat ul.products:not(.elements-list).products-col-num-6 > li.product,
body.nm-catalog-leaf-cat ul.products:not(.elements-list).columns-5 > li.wd-product,
body.nm-catalog-leaf-cat ul.products:not(.elements-list).columns-6 > li.wd-product,
body.nm-catalog-leaf-cat ul.products:not(.elements-list).products-col-num-5 > li.wd-product,
body.nm-catalog-leaf-cat ul.products:not(.elements-list).products-col-num-6 > li.wd-product {
	width: 25% !important;
	max-width: 25% !important;
	flex: 0 0 25% !important;
}

/* =========================================
NM: count next to section headings
========================================= */
.nm-title-count{
  display: inline-block;
  margin-left: 14px;
  font-size: 15px;
  font-weight: 500;
  color: #9aa6b2;
  white-space: nowrap;
  vertical-align: middle;
}

/* =========================================
NM: Total counter — force visible spacing
========================================= */
.nm-total__word{
  margin-left: 6px; /* можешь 4-8px подобрать */
}

/* =========================================
   NM: Specs tab (wd_custom_tab_2) — rows from <table>
   Назначение: превратить таблицу характеристик в “строки” с разделителями,
   как на 2 колонки, значение справа, тонкие линии.
   ========================================= */

body.single-product #tab-wd_custom_tab_2 table{
  width: 100% !important;
  border: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: fixed !important; /* стабильная сетка, как у медкомп */
}

body.single-product #tab-wd_custom_tab_2 tbody,
body.single-product #tab-wd_custom_tab_2 tr,
body.single-product #tab-wd_custom_tab_2 td{
  border: 0 !important;
}

/* Строка как единый “item” с разделителем снизу */
body.single-product #tab-wd_custom_tab_2 tr{
  border-bottom: 1px solid #eee !important;
}

/* Ячейки */
body.single-product #tab-wd_custom_tab_2 td{
  padding: 14px 0 !important;
  vertical-align: middle !important;
  font-size: 13px;
  line-height: 1.35;
  color: #111;
  /* перебиваем твои inline width/height */
  height: auto !important;
}

/* Левая колонка (название) */
body.single-product #tab-wd_custom_tab_2 td:first-child{
  width: 68% !important;
  padding-right: 18px !important;
  text-align: left !important;
  font-weight: 400;
}

/* Правая колонка (значение) */
body.single-product #tab-wd_custom_tab_2 td:last-child{
  width: 32% !important;
  text-align: right !important;
  color: #111827;
  font-weight: 400;
  word-break: break-word;
}

/* Если в таблице где-то остались <p> — убираем лишние отступы */
body.single-product #tab-wd_custom_tab_2 td p{
  margin: 0 !important;
  padding: 0 !important;
}

/* На мобилке делаем чуть компактнее и не даём “слипаться” */
@media (max-width: 768px){
  body.single-product #tab-wd_custom_tab_2 td{
    padding: 12px 0 !important;
    font-size: 13px;
  }
  body.single-product #tab-wd_custom_tab_2 td:first-child{
    width: 62% !important;
    padding-right: 12px !important;
  }
  body.single-product #tab-wd_custom_tab_2 td:last-child{
    width: 38% !important;
  }
}

/* =========================================================
   NM: Related tabs (server-rendered)
   Scope: .nm-related-tabs only
   ========================================================= */

.nm-related-tabs .nm-tabs__caption{
  display:flex;
  gap:0;
  list-style:none;
  margin:0 0 12px 0;
  padding:0;
  position:relative;
}

.nm-related-tabs .nm-tabs__caption > li{
  flex:1 1 0;
  text-align:center;
  margin:0;
  padding:10px 8px 12px;
  cursor:pointer;
  user-select:none;
  font-size:13px;
  font-weight:600;
  color:#111;
  position:relative;
  white-space:nowrap;
}

.nm-related-tabs .nm-tabs__caption::before{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1.6px;
  background:#ddd;
}

.nm-related-tabs .nm-tabs__caption > li::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2.8px;
  background:#0087d1;
  transition:width .22s ease;
}

.nm-related-tabs .nm-tabs__caption > li.is-active::after{
  width:100%;
}

.nm-related-tabs .nm-tabs__caption > li:not(.is-active):hover::after{
  width:100%;
}

/* hover фон — только для НЕактивной вкладки */
.nm-related-tabs .nm-tabs__caption > li:not(.is-active):hover{
  background:#F2F2F2;
}

/* чтобы не было “скачка” — плавность */
.nm-related-tabs .nm-tabs__caption > li{
  transition: background-color .18s ease;
}


.nm-related-tabs .nm-tab-panel{ display:none; }
.nm-related-tabs .nm-tab-panel.is-active{ display:block; }

/* =========================================================
   NM: Related list cards (no WoodMart loop)
   ========================================================= */

.nm-ajax-related .nm-rel-list{
  display:flex;
  flex-direction:column;
  gap:12px;
	margin-top: 35px;
}

.nm-ajax-related .nm-rel-item{
  display:flex;
  flex-wrap: wrap;
  gap:5px;
  align-items:flex-start;
  padding:12px 12px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:8px;
  box-shadow:0 10px 28px rgba(0,0,0,.08);
  transition:border-color .18s ease, box-shadow .18s ease;
}

.nm-ajax-related .nm-rel-item:hover{
	border-color:#0087D1;
  box-shadow:0 12px 34px rgba(0,0,0,.10);
}

.nm-ajax-related .nm-rel-left{
  flex:0 0 90px;
  max-width:90px;
  display:block;
}

.nm-ajax-related .nm-rel-img{
  width:90px;
  height:80px;
  object-fit:contain;
  display:block;
}

.nm-ajax-related .nm-rel-mid{
  flex: 1 1 calc(100% - 102px);
  max-width: calc(100% - 102px);
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.nm-ajax-related .nm-rel-title{
  color:#111;
  font-size:13px;
  font-weight:500;
  line-height:1.55;
  text-decoration:none;
  overflow-wrap:anywhere;
}

.nm-ajax-related .nm-rel-title:hover{ color:#0087d1; }

.nm-ajax-related .nm-rel-stock{
  font-size:13px;
  font-weight:500;
  line-height:1.3;
  color:#0087d1;
}

.nm-ajax-related .nm-rel-stock.out-stock{ color:#999; }
.nm-ajax-related .nm-rel-stock.backorder{ color:#0087d1; }

.nm-ajax-related .nm-rel-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex: 0 0 100%;
  justify-content: flex-end;
}

.nm-ajax-related .nm-rel-price .amount{
  color:#243746;
  font-size:16px;
  line-height:16px;
  font-weight:700;
  white-space:nowrap;
}

.nm-ajax-related .nm-rel-cart{
  width:17px;
  height:17px;
  display:inline-block;
  background:#545454;
  -webkit-mask-image:url('/wp-content/uploads/2026/02/cart-nm-ajax.svg');
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  -webkit-mask-position:center;
          mask-image:url('/wp-content/uploads/2026/02/cart-nm-ajax.svg');
          mask-repeat:no-repeat;
          mask-size:contain;
          mask-position:center;
}

.nm-ajax-related .nm-rel-price ins .amount{
  color:#0087d1;
}

/* цвет цифр старой цены */
.nm-ajax-related .nm-rel-price del .amount{
  color:#9a9ba5;
}

/* цвет линии перечёркивания */
.nm-ajax-related .nm-rel-price del{
  text-decoration-color:#9a9ba5;
}

.nm-ajax-related .nm-rel-cart:hover{ background:#0087d1; }

/* Toggle show-X (same logic as раньше) */
.nm-ajax-related.nm-show-1 .nm-rel-item:nth-child(n+2){ display:none; }
.nm-ajax-related.nm-show-2 .nm-rel-item:nth-child(n+3){ display:none; }
.nm-ajax-related.nm-show-3 .nm-rel-item:nth-child(n+4){ display:none; }
.nm-ajax-related.nm-show-4 .nm-rel-item:nth-child(n+5){ display:none; }

/* FIX: Expanded must override show-X nth-child hiding */
.nm-ajax-related.nm-expanded.nm-show-1 .nm-rel-item:nth-child(n+2),
.nm-ajax-related.nm-expanded.nm-show-2 .nm-rel-item:nth-child(n+3),
.nm-ajax-related.nm-expanded.nm-show-3 .nm-rel-item:nth-child(n+4),
.nm-ajax-related.nm-expanded.nm-show-4 .nm-rel-item:nth-child(n+5){
  display:flex !important;
}


.nm-ajax-related.nm-expanded .nm-rel-item{ display:flex; }

.nm-ajax-related .nm-chip-toggle{
  margin-top:8px;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
  color:#0087d1;
  font-weight:500;
  float:right;
  text-transform:none;
}

/* Mobile keep PC layout */
@media (max-width:1024px){
  .nm-ajax-related .nm-rel-left{ flex:0 0 86px; max-width:86px; }
  .nm-ajax-related .nm-rel-img{ width:86px; height:64px; }
}

@media (max-width:1024px){

  /* Без переноса строк */
  .nm-ajax-related .nm-rel-item{
    flex-wrap: wrap;
  }

  /* Текст — обычная ширина */
  .nm-ajax-related .nm-rel-mid{
		flex: 1 1 calc(100% - 98px);     /* 86 + 12 */
    max-width: calc(100% - 98px);
  }

  /* Цена и корзина — справа, в строке */
  .nm-ajax-related .nm-rel-right{
    flex: 0 0 100%;
    justify-content: flex-end;
    margin-top: 0;		
  }
	
	.nm-ajax-related .nm-rel-img{
  width:90px;
  height:80px;
  }
}

/* =========================================================
   NM: Product notice block (legal recommendation text)
   Цвет текста + нижняя пунктирная граница
   ========================================================= */

.nm-product-notice {
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.nm-product-notice p {
    color: #9a9ba5 !important;
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
	  text-align: justify;
}



/* =========================================================
   NEOMEDREM: SIDEBAR FILTERS — SOFT MEDICAL NEUMORPHISM
   Фон: #eef2f7 · Тени: #c8d0db / #ffffff
   Scope: ONLY inside .nm-sidebar
   ========================================================= */

/* =========================================================
   0) БАЗА САЙДБАРА
   ========================================================= */
.nm-sidebar {
  background: #eef2f7;
  border: none;
  border-radius: 10px;
  box-shadow:
    12px 12px 24px #c8d0db,
    -12px -12px 24px #ffffff;
  overflow: hidden;
  position: relative;
}

.nm-sidebar .nm-sidebar-top,
.nm-sidebar .nm-sidebar-widgets {
  background: #eef2f7;
}

/* Убираем паддинги Elementor */
.nm-sidebar .elementor-widget-container {
  padding: 0 !important;
}

/* =========================================================
   1) TOP BAR — переключатель вида + "Фильтры"
   ========================================================= */
.nm-sidebar .nm-sidebar-top {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(200, 208, 219, 0.5);
}

.nm-sidebar .nm-sidebar-top .wd-products-shop-view {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  margin: 0 !important;
  width: 100%;
  background: #eef2f7;
}

.nm-sidebar .nm-sidebar-top .wd-products-shop-view::before,
.nm-sidebar .nm-sidebar-top .wd-products-shop-view::after {
  content: none !important;
}

/* Иконки list/grid */
.nm-sidebar .nm-sidebar-top .wd-products-shop-view a.shop-view {
  width: 28px;
  height: 28px;
  border: none !important;
  border-radius: 8px !important;
  background: #eef2f7 !important;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow:
    3px 3px 6px #c8d0db,
    -3px -3px 6px #ffffff;
  transition: opacity 0.18s ease, box-shadow 0.18s ease;
}

.nm-sidebar .nm-sidebar-top .wd-products-shop-view a.shop-view:hover {
  opacity: 0.8;
  box-shadow:
    2px 2px 4px #c8d0db,
    -2px -2px 4px #ffffff;
}

.nm-sidebar .nm-sidebar-top .wd-products-shop-view a.shop-view.active,
.nm-sidebar .nm-sidebar-top .wd-products-shop-view a.shop-view[aria-current="page"] {
  opacity: 1;
  box-shadow:
    inset 3px 3px 6px #c8d0db,
    inset -3px -3px 6px #ffffff;
}

/* =========================================================
   FILTERS BAR
   ========================================================= */
.nm-filters-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  background: #eef2f7;
}

.nm-filters-title {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  color: #2a3f5a;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.nm-filters-icon {
  width: 14px;
  height: 14px;
  background: #0087D1;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18l-7 8v5l-4 2v-7z'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18l-7 8v5l-4 2v-7z'/%3E%3C/svg%3E") no-repeat center;
  flex-shrink: 0;
}

.nm-filters-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nm-filters-clear,
.nm-filters-toggle {
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  padding: 5px 12px;
  transition: box-shadow 0.18s ease, transform 0.18s ease, color 0.18s ease;
}

.nm-filters-clear {
  background: #eef2f7;
  color: #8ba3bc;
  box-shadow:
    3px 3px 6px #c8d0db,
    -3px -3px 6px #ffffff;
}
.nm-filters-clear:hover {
  color: #E53935;
  box-shadow:
    2px 2px 4px #c8d0db,
    -2px -2px 4px #ffffff;
}
.nm-filters-clear:active {
  box-shadow:
    inset 2px 2px 5px #c8d0db,
    inset -2px -2px 5px #ffffff;
}

.nm-filters-toggle {
  background: #eef2f7;
  color: #5a7390;
  box-shadow:
    3px 3px 6px #c8d0db,
    -3px -3px 6px #ffffff;
}
.nm-filters-toggle:hover {
  color: #0087D1;
  box-shadow:
    2px 2px 4px #c8d0db,
    -2px -2px 4px #ffffff;
}
.nm-filters-toggle:active {
  box-shadow:
    inset 2px 2px 5px #c8d0db,
    inset -2px -2px 5px #ffffff;
}

/* =========================================================
   2) WIDGETS WRAPPER
   ========================================================= */
.nm-sidebar .nm-sidebar-widgets {
  padding: 0 16px;
  font-size: 13px;
}

/* Каждый виджет */
.nm-sidebar .nm-sidebar-widgets .widget {
  margin: 0 !important;
  padding: 0;
  border-top: 0 !important;
  border-bottom: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Разделитель между виджетами */
.nm-sidebar .nm-sidebar-widgets .widget + .widget {
  border-top: 1px solid rgba(200, 208, 219, 0.45) !important;
}

.nm-sidebar .nm-sidebar-widgets .widget:first-child {
  border-top: 0 !important;
}

/* =========================================================
   3) ЗАГОЛОВКИ ВИДЖЕТОВ
   ========================================================= */
.nm-sidebar .nm-sidebar-widgets .widget-title {
  margin: 14px 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #2a3f5a !important;
  line-height: 1.2 !important;
  cursor: pointer;
  position: relative;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.nm-sidebar .nm-sidebar-widgets .wd-widget-collapse .widget-title::after {
  font-size: 12px !important;
  color: #8ba3bc !important;
  opacity: 1;
}

/* =========================================================
   4) CONTENT SPACING
   ========================================================= */
.nm-sidebar .nm-sidebar-widgets .widget .widget-content,
.nm-sidebar .nm-sidebar-widgets .widget form,
.nm-sidebar .nm-sidebar-widgets .widget ul {
  margin: 0 0 14px 0;
}

/* =========================================================
   5) ССЫЛКИ В ВИДЖЕТАХ
   ========================================================= */
.nm-sidebar .nm-sidebar-widgets .widget a {
  color: #5a7390;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none;
  transition: color 0.15s ease;
}

.nm-sidebar .nm-sidebar-widgets .widget a:hover {
  color: #0087D1;
  text-decoration: none;
}

/* Elementor перебивает box-shadow на <a> */
.nm-sidebar .nm-sidebar-widgets .widget a,
.nm-sidebar .nm-sidebar-widgets .widget a::before,
.nm-sidebar .nm-sidebar-widgets .widget a::after {
  box-shadow: none !important;
}

/* =========================================================
   6) LAYERED NAV — список фильтров
   ========================================================= */
.nm-sidebar .nm-sidebar-widgets .widget_layered_nav ul,
.nm-sidebar .nm-sidebar-widgets .woodmart-woocommerce-layered-nav ul {
  margin: 0 0 14px 0;
  padding: 0;
}

.nm-sidebar .nm-sidebar-widgets .widget_layered_nav li,
.nm-sidebar .nm-sidebar-widgets .woodmart-woocommerce-layered-nav li {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
}

/* Счётчик справа */
.nm-sidebar .nm-sidebar-widgets .widget_layered_nav .count,
.nm-sidebar .nm-sidebar-widgets .woodmart-woocommerce-layered-nav .count {
  margin-left: auto;
  color: #0087d1;
  font-size: 11px;
  font-weight: 600;
  padding-left: 6px;
  flex-shrink: 0;
  background: #eef2f7;
  border-radius: 20px;
  padding: 0 8px;
  box-shadow:
    inset 2px 2px 4px #c8d0db,
    inset -2px -2px 4px #ffffff;
}

.wd-filter-list .wc-layered-nav-term a:hover+.count, .wd-filter-list .wc-layered-nav-term.wd-active .count {
  color: #0087d1;
  background: none;
  box-shadow: none;
}

/* =========================================================
   7) PRICE SLIDER
   ========================================================= */
.nm-sidebar .price_slider_wrapper {
  padding-bottom: 4px;
}

/* Трек */
.nm-sidebar .price_slider.ui-slider {
  background: #eef2f7 !important;
  border: none !important;
  border-radius: 99px !important;
  height: 6px !important;
  box-shadow:
    inset 2px 2px 4px #c8d0db,
    inset -2px -2px 4px #ffffff !important;
  margin: 16px 8px !important;
}

/* Заполненный диапазон */
.nm-sidebar .price_slider .ui-slider-range {
  background: linear-gradient(90deg, #0087D1, #33a3e0) !important;
  border-radius: 99px !important;
  box-shadow: 0 2px 6px rgba(0, 135, 209, 0.30) !important;
}

/* Ручки */
.nm-sidebar .price_slider .ui-slider-handle {
  width: 12px !important;
  height: 12px !important;
  top: -2px !important;
  border-radius: 20% !important;
  background: #eef2f7 !important;
  border: none !important;
  cursor: pointer !important;
  box-shadow:
    4px 4px 8px #c8d0db,
    -4px -4px 8px #ffffff !important;
  transition: box-shadow 0.18s ease !important;
}

.nm-sidebar .price_slider .ui-slider-handle:hover,
.nm-sidebar .price_slider .ui-slider-handle:focus {
  box-shadow:
    3px 3px 6px #c8d0db,
    -3px -3px 6px #ffffff,
    0 0 0 3px rgba(0, 135, 209, 0.15) !important;
  outline: none !important;
}

/* Лейбл цены */
.nm-sidebar .price_label {
  font-size: 14px;
  font-weight: 600;
  color: #5a7390;
  margin-bottom: 10px;
  display: block;
}

.nm-sidebar .price_label .from,
.nm-sidebar .price_label .to {
  font-weight: 600;
  color: #2a3f5a;
}

/* Кнопка "Применить" — price filter */
.nm-sidebar .price_slider_amount .button {
  background: linear-gradient(135deg, #0087D1, #33a3e0) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: 'Manrope', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  box-shadow: 0 6px 16px rgba(0, 135, 209, 0.26) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease !important;
  float: right;
  margin-bottom: 8px;
}

.nm-sidebar .price_slider_amount .button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(0, 135, 209, 0.34) !important;
}

/* =========================================================
   8) STOCK STATUS WIDGET
   ========================================================= */
.nm-sidebar .nm-sidebar-widgets .wd-widget-stock-status ul {
  margin: 0 0 14px 0;
  padding: 0;
}

.nm-sidebar .nm-sidebar-widgets .wd-widget-stock-status li {
  list-style: none;
  margin: 5px 0;
}

.nm-sidebar .nm-sidebar-widgets .wd-widget-stock-status li a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* =========================================================
   9) DISABLED ITEMS
   ========================================================= */
.nm-sidebar .nm-sidebar-widgets li.disabled a,
.nm-sidebar .nm-sidebar-widgets li.disabled {
  color: #c8d0db !important;
  pointer-events: none;
}

/* =========================================================
   10) ВСЕГДА РАЗВЁРНУТО
   ========================================================= */
.nm-sidebar .widget.wd-widget-collapsed .widget-content {
  display: block !important;
}

.nm-sidebar .widget.wd-widget-collapsed {
  overflow: visible;
}

/* =========================================================
   11) SELECT2 — DROPDOWN ФИЛЬТРЫ
   ========================================================= */
.nm-sidebar .wd-widget-layered-nav-dropdown-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 14px 0;
}

.nm-sidebar .select2-container {
  width: 100% !important;
}

/* Поле выбора */
.nm-sidebar .select2-container--default .select2-selection--single,
.nm-sidebar .select2-container--default .select2-selection--multiple {
  min-height: 36px !important;
  border: none !important;
  border-radius: 10px !important;
  background: #eef2f7 !important;
  padding: 4px 10px !important;
  box-shadow:
    inset 4px 4px 8px #c8d0db,
    inset -4px -4px 8px #ffffff !important;
  transition: box-shadow 0.18s ease !important;
}

.nm-sidebar .select2-container--default.select2-container--open .select2-selection--single,
.nm-sidebar .select2-container--default.select2-container--open .select2-selection--multiple {
  box-shadow:
    inset 3px 3px 6px #c8d0db,
    inset -3px -3px 6px #ffffff,
    0 0 0 2px rgba(0, 135, 209, 0.18) !important;
}

/* Текст выбранного */
.nm-sidebar .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  line-height: 34px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2a3f5a !important;
  text-transform: none;
}

/* Мультиселект */
.nm-sidebar .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  margin: 0 !important;
  padding: 4px 0 !important;
}

.nm-sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 0 !important;
  border-radius: 20px !important;
  background: #eef2f7 !important;
  color: #2a3f5a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  padding: 3px 10px !important;
  margin: 3px 5px 3px 0 !important;
  box-shadow:
    3px 3px 6px #c8d0db,
    -3px -3px 6px #ffffff !important;
}

.nm-sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: #8ba3bc !important;
  font-weight: 700;
}

/* Поиск внутри select2 */
.nm-sidebar .select2-container--default .select2-search--inline .select2-search__field {
  font-size: 13px !important;
  line-height: 18px !important;
  color: #2a3f5a;
}

body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  margin-top: 0 !important;
}

/* Кнопка "Применить" в dropdown */
.nm-sidebar .wd-widget-layered-nav-dropdown__submit {
  width: 100%;
  height: 38px;
  border-radius: 10px !important;
  font-family: 'Manrope', sans-serif;
  font-size: 13px;
  font-weight: 800;
  border: 0;
  cursor: pointer;
  background: linear-gradient(135deg, #0087D1, #33a3e0) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(0, 135, 209, 0.26) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.nm-sidebar .wd-widget-layered-nav-dropdown__submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0, 135, 209, 0.34) !important;
}

/* =========================================================
   12) SELECT2 DROPDOWN (options list)
   ========================================================= */
.nm-sidebar .select2-dropdown {
  border: none !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #eef2f7 !important;
  box-shadow:
    8px 8px 20px #c8d0db,
    -6px -6px 14px #ffffff !important;
  margin-top: 4px !important;
}

.nm-sidebar .select2-results__option {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  padding: 9px 14px !important;
  color: #5a7390 !important;
  text-transform: none;
  background: transparent;
  transition: color 0.15s ease, background 0.15s ease;
}

.nm-sidebar .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: rgba(0, 135, 209, 0.08) !important;
  color: #0087D1 !important;
}

/* =========================================================
   13) ПАТЧИ — стабилизация, отсутствие прыжков
   ========================================================= */
.nm-sidebar .wd-widget-collapse,
.nm-sidebar .wd-widget-collapse .widget-content {
  transition: none !important;
  animation: none !important;
}

.nm-sidebar .select2-container,
.nm-sidebar .select2-dropdown {
  transform: none !important;
}

.nm-sidebar .widget-content {
  overflow: visible !important;
}

/* =========================================================
   NEOMEDREM: TOP "Фильтры" BAR (если вставляешь HTML рядом)
   ========================================================= */

.nm-sidebar .nm-filters-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  padding:11px 16px;
}

/* Текст "Фильтры" */
.nm-sidebar .nm-filters-title{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
  color:#243746;
  white-space:nowrap;
}

/* Иконка (если будет) */
.nm-sidebar .nm-filters-icon{
  width:14px;
  height:14px;
  display:inline-block;
}

/* Кнопки на будущее — ПОКА скрыть */
.nm-sidebar .nm-filters-actions{
  display:none; /* включишь потом */
}

/* КОМПАКТНЫЙ БЛОК КОЛИЧЕСТВА ДЛЯ КАРТОЧЕК ТОВАРА */
.products .quantity {
    display: flex;
    align-items: center;
    justify-content: center;
}

.products .quantity input[type="button"] {
    width: 18px;
    min-width: 15px;
    max-width: 18px;
    padding: 0;
}

.products .quantity input[type="number"] {
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    padding: 0;
    text-align: center;
}

.product-delivery-link {
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.product-delivery-link-li {
    display: block;
    padding: 0;
	  text-transform: none !important;
}

.product-delivery-link-li a {
    display: inline-block;
    border-bottom: 1px dashed #0087d1;
    font-size: 14px;
	  font-weight: 500;
    color: #0087d1;
    cursor: pointer;
	  text-transform: none !important;
}

.woocommerce-product-details__short-description li::marker {
    color: #0087D1;
    font-size: 11px;
}

/* =========================================================
   МОБИЛЬНЫЕ ПРАВКИ
   ========================================================= */
@media (max-width: 768px) {
 
  /* Highlight border — только на мобилке где края сливаются */
  .nm-sidebar {
    margin: 0 12px;
    border-radius: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.90) !important;
    border-left: 1px solid rgba(255, 255, 255, 0.90) !important;
    border-bottom: 1px solid rgba(180, 195, 215, 0.50) !important;
    border-right: 1px solid rgba(180, 195, 215, 0.50) !important;
  }
 
  .nm-sidebar .nm-sidebar-widgets {
    padding: 0 14px;
  }
 
  .nm-sidebar .nm-sidebar-widgets .widget a {
    font-size: 14px !important;
  }
 
  .nm-sidebar .nm-sidebar-widgets .widget-title {
    font-size: 14px !important;
    margin: 16px 0 !important;
  }
 
  .nm-sidebar .price_label {
    font-size: 13px !important;
  }
 
  /* Бегунок — WoodMart скрывает на мобилке */
  .nm-sidebar .price_slider_wrapper {
    display: block !important;
  }
 
  .nm-sidebar .price_slider.ui-slider {
    display: block !important;
  }
}

/* =========================================================
   NM: RELATED ТОВАРЫ В SINGLE PRODUCT
   Блок: .nm-single-related-product
   Стиль плиток как в архиве
   ========================================================= */

/* Карточка */
.nm-single-related-product.elementor-widget-wd_products .wd-product-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border: 1px solid #e9eef5;
  border-radius: 8px;
  padding: 22px 18px 20px;
  overflow: hidden;
  box-shadow:
    3px 4px 10px rgba(15, 23, 42, 0.10),
    0 1px 3px rgba(15, 23, 42, 0.06);
  transition:
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}

/* Hover карточки */
.nm-single-related-product.elementor-widget-wd_products .wd-product:hover .wd-product-wrapper {
  border-color: #0087d1;
  box-shadow:
    0 12px 18px rgba(15, 23, 42, 0.18),
    0 6px 8px rgba(15, 23, 42, 0.10);
  transform: translateY(-1px);
}

/* ============================
   NM: Кнопка Загрузить ещё
   ============================ */
.wd-load-more.wd-products-load-more {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0087D1 !important;
  background: transparent !important;
  border: 1.5px solid #0087D1 !important;
  border-radius: 8px !important;
  padding: 12px 32px !important;
  letter-spacing: .02em !important;
  transition: background .2s, color .2s, box-shadow .2s !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.wd-load-more.wd-products-load-more:hover {
  background: #0087D1 !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(0, 135, 209, .25) !important;
}

/* Состояние загрузки */
.wd-load-more.wd-load-more-loader {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #94a3b8 !important;
  background: transparent !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 12px 32px !important;
  box-shadow: none !important;
	text-transform: capitalize !important;
}

/* NM: Кнопка «Наверх» */
.scrollToTop {
    width: 50px !important;
    height: 50px !important;
    border-radius: 6px !important;
    background: #0087D1 !important;
    box-shadow: 0 4px 16px rgba(0,135,209,.3) !important;
    color: #fff !important;
    transition: background .2s, box-shadow .2s, transform .2s !important;
}

.scrollToTop:hover {
    background: #00a0de !important;
    box-shadow: 0 8px 24px rgba(0,135,209,.45) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

/* Иконка WoodMart уже есть через ::after — просто красим в белый */
.scrollToTop::after {
    color: #fff !important;
}

/* ============================
   NM: 404
   ============================ */

/* ── Фоновая сетка ── */
.nm-404-bg-grid {
    position: fixed; inset: 0;
    background-image:
        linear-gradient(rgba(0,135,209,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,135,209,.055) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none; z-index: 0;
    mask-image: linear-gradient(to bottom, 
        transparent 0%, 
        transparent 25%,
        black 35%, 
        black 60%, 
        transparent 75%,
        transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, 
        transparent 0%, 
        transparent 25%,
        black 35%, 
        black 60%, 
        transparent 75%,
        transparent 100%);
}

/* ── Плавающие пятна ── */
.nm-404-glow {
    position: fixed; border-radius: 50%;
    filter: blur(70px); pointer-events: none; z-index: 0;
}
.nm-404-glow-1 {
    width: 480px; height: 480px;
    background: radial-gradient(circle, rgba(0,135,209,.10) 0%, transparent 70%);
    top: 180px; right: -80px;
    animation: nm404-g1 10s ease-in-out infinite;
}
.nm-404-glow-2 {
    width: 380px; height: 380px;
    background: radial-gradient(circle, rgba(14,116,144,.08) 0%, transparent 70%);
    bottom: -80px; left: -60px;
    animation: nm404-g2 13s ease-in-out infinite;
}
@keyframes nm404-g1 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-28px,18px)} }
@keyframes nm404-g2 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(18px,-22px)} }

/* ── Основной блок ── */
.nm-404-main {
    position: relative; z-index: 1;
    padding: 40px 0 60px;
    min-height: 70vh;
    display: flex; align-items: center; justify-content: center;
}

.nm-404-inner {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 0; max-width: 1100px; width: 100%;
    padding: 0 40px; align-items: center;
    margin: 0 auto;
}

/* ── Левая ── */
.nm-404-left { padding: 40px 48px 40px 0; }

.nm-404-badge {
    display: inline-flex; align-items: center; gap: 7px;
    background: #EBF5FC; color: #0087D1;
    font-size: 11px; font-weight: 700;
    letter-spacing: .07em; text-transform: uppercase;
    padding: 5px 13px; border-radius: 20px; margin-bottom: 28px;
    font-family: 'Manrope', sans-serif;
    animation: nm404-rise .5s ease both;
}

/* ── Число ── */
.nm-404-num-wrap {
    position: relative; margin-bottom: 20px;
    animation: nm404-rise .5s .1s ease both;
}
.nm-404-num {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(80px, 11vw, 120px);
    font-weight: 900 !important; line-height: 1;
    color: #0C1A2E; display: inline-block; position: relative;
}
.nm-404-zero {
    position: relative; display: inline-block; color: #0087D1;
}

@keyframes nm404-spin { to { transform: rotate(360deg); } }

.nm-404-dot {
    position: absolute; top: 14px; right: -18px;
    width: 9px; height: 9px; border-radius: 50%; background: #0087D1;
    animation: nm404-blink 1.4s ease-in-out infinite;
}
@keyframes nm404-blink { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.25;transform:scale(.5)} }

/* ── ECG линия ── */
.nm-404-ecg { display: block; width: 260px; height: 28px; margin-top: 8px; }
.nm-404-ecg-path {
    stroke-dasharray: 500; stroke-dashoffset: 500;
    animation: nm404-ecg-draw 1.2s .6s ease forwards, nm404-ecg-pulse 2.2s 1.8s ease-in-out infinite;
}
@keyframes nm404-ecg-draw { to { stroke-dashoffset: 0; } }
@keyframes nm404-ecg-pulse { 0%,100%{opacity:1} 50%{opacity:.2} }

/* ── Текст ── */
.nm-404-title {
    font-family: 'Unbounded', sans-serif !important;
    font-size: clamp(16px, 2vw, 22px) !important;
    font-weight: 700 !important; color: #0C1A2E !important;
    margin-bottom: 12px !important; line-height: 1.25 !important;
    animation: nm404-rise .5s .25s ease both;
}
.nm-404-subtitle {
    font-size: 14px; color: #64748b; line-height: 1.7;
    max-width: 400px; margin-bottom: 36px;
    font-family: 'Manrope', sans-serif;
    animation: nm404-rise .5s .35s ease both;
}
@keyframes nm404-rise { from{transform:translateY(16px);opacity:0} to{transform:translateY(0);opacity:1} }

/* ── Кнопки ── */
.nm-404-actions {
    display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 36px;
    animation: nm404-rise .5s .45s ease both;
}
.nm-404-btn {
    display: inline-flex !important; align-items: center; gap: 8px;
    padding: 12px 22px !important; border-radius: 8px !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important; font-weight: 700 !important;
    text-decoration: none !important; cursor: pointer; border: none !important;
    transition: transform .18s, box-shadow .18s, background .18s, border-color .18s, color .18s;
}
.nm-404-btn:hover { transform: translateY(-2px); }
.nm-404-btn-primary {
    background: #0087D1 !important; color: #fff !important;
    box-shadow: 0 4px 16px rgba(0,135,209,.28);
}
.nm-404-btn-primary:hover { box-shadow: 0 8px 28px rgba(0,135,209,.42); }
.nm-404-btn-ghost {
    background: #fff !important; color: #0C1A2E !important;
    border: 1.5px solid #e2eaf3 !important;
}
.nm-404-btn-ghost:hover { border-color: #0087D1 !important; color: #0087D1 !important; }

/* ── Быстрые ссылки ── */
.nm-404-quick-label {
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: .07em; color: #94a3b8; margin-bottom: 10px;
    font-family: 'Manrope', sans-serif;
    animation: nm404-rise .5s .55s ease both;
}
.nm-404-quick-links {
    display: flex; flex-wrap: wrap; gap: 7px;
    animation: nm404-rise .5s .6s ease both;
}
.nm-404-quick-link {
    font-size: 12px !important; font-weight: 600 !important;
    color: #0087D1 !important; background: #fff !important;
    border: 1.5px solid #e2eaf3 !important;
    padding: 5px 13px !important; border-radius: 20px !important;
    text-decoration: none !important;
    transition: background .18s, border-color .18s, color .18s, transform .18s;
    font-family: 'Manrope', sans-serif;
}
.nm-404-quick-link:hover {
    background: #0087D1 !important; color: #fff !important;
    border-color: #0087D1 !important; transform: translateY(-1px);
}

/* ── Правая — лупа ── */
.nm-404-right {
    display: flex; align-items: center; justify-content: center; padding: 40px 0;
}
.nm-404-pulse-wrap {
    position: relative; display: flex; align-items: center; justify-content: center;
    animation: nm404-float 5s ease-in-out infinite;
}
@keyframes nm404-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }

.nm-404-ring {
    position: absolute; border-radius: 50%;
    border: 1.5px solid rgba(0,135,209,.18);
    animation: nm404-pulse-ring 2.8s ease-in-out infinite;
}
.nm-404-ring:nth-child(1) { width: 280px; height: 280px; animation-delay: 0s; }
.nm-404-ring:nth-child(2) { width: 340px; height: 340px; animation-delay: .55s; border-color: rgba(0,135,209,.10); }
.nm-404-ring:nth-child(3) { width: 400px; height: 400px; animation-delay: 1.1s; border-color: rgba(0,135,209,.05); }
@keyframes nm404-pulse-ring {
    0%,100%{transform:scale(1);opacity:1}
    50%{transform:scale(1.04);opacity:.45}
}

.nm-404-circle {
    position: relative; z-index: 2;
    width: 220px; height: 220px; border-radius: 50%;
    background: linear-gradient(135deg, #EBF5FC 0%, #dbeefa 100%);
    border: 2px solid rgba(0,135,209,.2);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 20px 60px rgba(0,135,209,.14), inset 0 1px 0 rgba(255,255,255,.8);
    animation: nm404-rise .6s .2s ease both;
}
.nm-404-search-svg { width: 96px; height: 96px; }

.nm-404-scan {
    animation: nm404-scan 2s 1s ease-in-out infinite;
    transform-origin: 44px 44px;
}
@keyframes nm404-scan {
    0%   { transform: translateY(-22px); opacity: 0; }
    20%  { opacity: 1; }
    80%  { opacity: 1; }
    100% { transform: translateY(22px); opacity: 0; }
}
.nm-404-search-glow {
    animation: nm404-glow-pulse 2s ease-in-out infinite;
}
@keyframes nm404-glow-pulse { 0%,100%{opacity:.15} 50%{opacity:.35} }

/* ── Карточки ── */
.nm-404-cat-card {
    position: absolute; z-index: 3;
    background: #fff; border: 1px solid #e2eaf3; border-radius: 10px;
    padding: 10px 14px;
    box-shadow: 0 4px 16px rgba(12,26,46,.08);
    display: flex !important; align-items: center; gap: 9px;
    white-space: nowrap; text-decoration: none !important;
    animation: nm404-card-pop .5s ease both;
    transition: transform .2s, box-shadow .2s;
}
.nm-404-cat-card:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 24px rgba(0,135,209,.14);
}
@keyframes nm404-card-pop {
    from{transform:scale(.65);opacity:0}
    to{transform:scale(1);opacity:1}
}
.nm-404-cat-top    { top: -18px; right: -72px; animation-delay: .7s; }
.nm-404-cat-right  { top: 50%; right: -110px; transform: translateY(-50%); animation-delay: .9s; }
.nm-404-cat-bottom { bottom: -18px; left: -80px; animation-delay: 1.1s; }
.nm-404-cat-left   { top: 30%; left: -100px; animation-delay: 1.3s; }

.nm-404-cat-icon {
    width: 30px; height: 30px; border-radius: 7px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.nm-404-cat-blue  { background: #EBF5FC; }
.nm-404-cat-teal  { background: #E0F5FA; }
.nm-404-cat-green { background: #DCFCE7; }
.nm-404-cat-amber { background: #FEF3C7; }

.nm-404-cat-info { display: flex; flex-direction: column; gap: 2px; }
.nm-404-cat-name {
    font-size: 12px !important; font-weight: 700 !important;
    color: #0C1A2E !important; line-height: 1.2;
    font-family: 'Manrope', sans-serif;
}
.nm-404-cat-sub {
    font-size: 10px; color: #94a3b8;
    font-family: 'Manrope', sans-serif;
}

/* ── Адаптив ── */
@media (max-width: 860px) {
    .nm-404-inner { grid-template-columns: 1fr; padding: 0 24px; }
    .nm-404-left  { padding: 20px 0; }
    .nm-404-right { padding: 20px 0 40px; transform: scale(.75); transform-origin: center top; }
}

/* =====================================================
   NM: Префутер — подписка на рассылку
   Вставить в Внешний вид → Дополнительный CSS
===================================================== */

.nm-pf {
    background: #EBF5FC;
    border-left: 4px solid #0087D1;
    border-radius: 8px;
    padding: 36px 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

/* ===== ЛЕВАЯ ЧАСТЬ ===== */

.nm-pf__left {
    display: flex;
    align-items: center;
    gap: 24px;
}

.nm-pf__envelope {
    flex-shrink: 0;
    width: 110px;
    filter: drop-shadow(2px 4px 8px rgba(0,135,209,.2));
}

.nm-pf__envelope svg {
    width: 100%;
    height: auto;
    display: block;
}

.nm-pf__textblock {}

.nm-pf__title {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #0C1A2E;
    margin-bottom: 18px;
    line-height: 1.35;
}

.nm-pf__desc {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #718096;
    line-height: 1.65;
    margin-bottom: 12px;
}

.nm-pf__perks {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nm-pf__perk {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #4a5568;
}

.nm-pf__perk-check {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0087D1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* --- Скрываем лейбл "Адрес Email:" --- */
.nm-pf__form .mc4wp-form-fields > p:first-child > label > input[type="email"] {
    /* поднимаем input из label наружу через flex */
}
.nm-pf__form .mc4wp-form-fields label {
    display: contents; /* убирает лейбл как блок, оставляет только дочерние элементы */
    font-size: 0;       /* скрывает текст "Адрес Email:" */
}

/* --- Поля формы: строка email + кнопка --- */
.nm-pf__form .mc4wp-form-fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 10px;
}

/* Параграф с email — растягивается */
.nm-pf__form .mc4wp-form-fields > p:first-child {
    flex: 1;
    min-width: 0;
    margin: 0;
}

/* Параграф с кнопкой — фиксированный */
.nm-pf__form .mc4wp-form-fields > p:last-of-type {
    flex-shrink: 0;
    margin: 0;
}

/* --- Input email — стиль как .nm-pf__input --- */
.nm-pf__form input[type="email"] {
    width: 100%;
    border: 1.5px solid #b8d4e8;
    border-radius: 7px;
    padding: 11px 14px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #0C1A2E;
    background: #fff;
    transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
    height: 42px;
}

.nm-pf__form input[type="email"]::placeholder {
    color: #9aabb8;
}

.nm-pf__form input[type="email"]:focus {
    outline: none;
    border-color: #0087D1;
    box-shadow: 0 0 0 3px rgba(0,135,209,.1);
}

/* --- Кнопка submit — стиль как .nm-pf__btn --- */
.nm-pf__form input[type="submit"] {
    display: inline-flex;
    align-items: center;
    background: #0087D1;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 11px 18px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    height: 42px;
    transition: background .2s;
    letter-spacing: 0.02em;
    text-transform: none;
}

.nm-pf__form input[type="submit"]:hover {
    background: #00a0de;
}

/* --- Honeypot — скрыт MC4WP, не трогаем --- */
.nm-pf__form label[style*="display: none"] {
    display: none !important;
}

/* --- Сообщения об успехе/ошибке --- */
.nm-pf__form .mc4wp-response {
    margin-top: 8px;
}

.nm-pf__form .mc4wp-success p,
.nm-pf__form .mc4wp-error p,
.nm-pf__form .mc4wp-notice p {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    border-radius: 6px;
    padding: 8px 12px;
    margin: 0;
}

.nm-pf__form .mc4wp-success p {
    background: rgba(0,135,209,0.08);
    color: #0087D1;
    border: 1px solid rgba(0,135,209,0.25);
}

.nm-pf__form .mc4wp-error p {
    background: rgba(220,53,69,0.07);
    color: #c0392b;
    border: 1px solid rgba(220,53,69,0.2);
}

/* --- Чекбоксы строго под формой --- */
.nm-pf__form {
    display: flex;
    flex-direction: column;
}

.nm-pf__checks {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 0; /* вплотную под формой */
}

/* =====================================================
   NM: Фикс галочки ::before в сообщении MC4WP
===================================================== */

/* Убираем псевдоэлемент галочки WoodMart */
.nm-pf__form .mc4wp-alert.mc4wp-success::before,
.nm-pf__form .mc4wp-response .mc4wp-alert::before {
    display: none !important;
    content: none !important;
}

/* Сброс паддинга который WoodMart ставит под галочку */
.nm-pf__form .mc4wp-alert.mc4wp-success,
.nm-pf__form .mc4wp-response .mc4wp-alert {
    background-color: #e8f4fc !important;
    color: #0C1A2E !important;
    border: 1.5px solid #0087D1 !important;
    border-radius: 8px !important;
    padding: 12px !important;
    margin-top: 10px !important;
    display: block !important;
}

.nm-pf__form .mc4wp-alert.mc4wp-success p,
.nm-pf__form .mc4wp-response .mc4wp-alert p {
    color: #0C1A2E !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 10px !important;
    line-height: 1.5 !important;
}

.nm-pf__form .mc4wp-alert.mc4wp-error::before {
    display: none !important;
    content: none !important;
}

.nm-pf__form .mc4wp-alert.mc4wp-error {
    background-color: #fef2f2 !important;
    color: #c0392b !important;
    border: 1.5px solid #e74c3c !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-top: 10px !important;
    display: block !important;
}

.nm-pf__form .mc4wp-alert.mc4wp-error p {
    color: #c0392b !important;
    font-family: 'Manrope', sans-serif !important;
    font-size: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Адаптив --- */
@media (max-width: 600px) {
    .nm-pf__form .mc4wp-form-fields {
        flex-direction: column;
    }

    .nm-pf__form input[type="submit"] {
        width: 100%;
        justify-content: center;
    }
}

/* ===== ЧЕКБОКСЫ ===== */

.nm-pf__checks {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.nm-pf__check-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
	  margin-bottom: 0;
}

.nm-pf__check-label input[type="checkbox"] {
    width: 14px;
    height: 14px;
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: #0087D1;
    cursor: pointer;
}

.nm-pf__check-text {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    color: #9aabb8;
    line-height: 1.5;
}

.nm-pf__check-text a {
    color: #0087D1;
    text-decoration: underline;
}

/* ===== АДАПТИВ ===== */

@media (max-width: 900px) {
    .nm-pf {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 28px 24px;
    }
    .nm-pf__envelope {
        display: none;
    }
}

@media (max-width: 480px) {
    .nm-pf__input-row {
        flex-direction: column;
    }
    .nm-pf__btn {
        width: 100%;
        justify-content: center;
    }
}

/* =====================================================
   NM: Футер
===================================================== */

.wd-footer .container.main-footer {
    max-width: 100% !important;
    padding-inline: 0 !important;
}

.wd-footer .wd-negative-gap {
    max-width: 100% !important;
}

.wd-footer .e-con-inner {
    max-width: 100% !important;
    width: 100% !important;
}

.nm-footer__main,
.nm-footer__cities,
.nm-footer__legal,
.nm-footer__bottom {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 36px;
    padding-right: 36px;
}

.nm-footer {
    background: #f3f3f3;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    border-top: 1px solid #0087D1;
}

/* ===== ОСНОВНЫЕ КОЛОНКИ ===== */

.nm-footer__main {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 1fr;
    gap: 24px;
    padding: 28px 36px;
    border-bottom: 1px solid #e0e0e0;
}

.nm-footer__brand {
    font-size: 15px;
    font-weight: 700;
    color: #1e2d3d;
    margin-bottom: 6px;
}

.nm-footer__tagline {
    font-size: 13px;
    color: #9ca4aa;
    line-height: 1.65;
    margin-bottom: 12px;
}

.nm-footer__phone {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #0087D1;
    text-decoration: none;
    margin-bottom: 2px;
}

.nm-footer__phone2 {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #4a525f;
    text-decoration: none;
    margin-bottom: 2px;
}

.nm-footer__phone-sub {
    display: block;
    font-size: 13px;
    color: #9ca4aa;
    margin-bottom: 8px;
}

.nm-footer__email {
    display: block;
    font-size: 13px;
    color: #0087D1;
    text-decoration: none;
    margin-bottom: 12px;
}

.nm-footer__email:hover {
    text-decoration: underline;
}

.nm-footer__wa {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #25D366;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 14px;
    border-radius: 7px;
    text-decoration: none;
    transition: background .15s;
}

.nm-footer__wa:hover {
    background: #1dab52;
    color: #fff;
}

.nm-footer__col-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #8a97a8;
    margin-bottom: 12px;
}

.nm-footer__links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nm-footer__links li {
    margin-bottom: 8px;
}

.nm-footer__links a {
    font-size: 13px;
    color: #4a525f;
    text-decoration: none;
    transition: color .15s;
}

.nm-footer__links a:hover {
    color: #0087D1;
}

/* ===== ГОРОДА ===== */

.nm-footer__cities {
    padding: 10px 36px;
    background: #ebebeb;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    font-size: 13px;
    color: #9ca4aa;
}

.nm-footer__cities-label {
    font-weight: 600;
    margin-right: 4px;
    flex-shrink: 0;
}

.nm-footer__cities a {
    color: #6a7a8a;
    text-decoration: none;
    transition: color .15s;
}

.nm-footer__cities a:hover {
    color: #0087D1;
}

.nm-footer__sep {
    color: #c8cfd8;
}

/* ===== ЮРИДИЧЕСКИЙ ТЕКСТ ===== */

.nm-footer__legal {
    padding: 16px 36px;
    border-bottom: 1px solid #ddd;
}

.nm-footer__legal p {
    font-size: 13px;
    color: #9ca4aa;
    line-height: 1.6;
    margin-bottom: 6px;
	  text-align: justify;
}

.nm-footer__legal p:last-child {
    margin-bottom: 0;
}

.nm-footer__legal a {
    color: #0087D1;
    text-decoration: underline;
}

/* ===== НИЖНЯЯ СТРОКА ===== */

.nm-footer__bottom {
    padding: 12px 36px;
    background: #ebebeb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.nm-footer__copy {
    font-size: 13px;
    color: #9ca4aa;
    line-height: 1.5;
}

.nm-footer__bottom-links {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.nm-footer__bottom-links a {
    font-size: 13px;
    color: #9ca4aa;
    text-decoration: none;
    transition: color .15s;
}

.nm-footer__bottom-links a:hover {
    color: #0087D1;
}

/* ===== АДАПТИВ ===== */

@media (max-width: 1024px) {
    .nm-footer__main {
        grid-template-columns: 1.4fr 1fr 1fr;
    }
    .nm-footer__col--brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .nm-footer__main {
        grid-template-columns: 1fr 1fr;
        padding: 24px 20px;
    }
    .nm-footer__col--brand {
        grid-column: 1 / -1;
    }
    .nm-footer__cities {
        padding: 10px 20px;
    }
    .nm-footer__legal {
        padding: 14px 20px;
    }
    .nm-footer__bottom {
        padding: 12px 20px;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .nm-footer__main {
        grid-template-columns: 1fr;
    }
    .nm-footer__bottom-links {
        flex-direction: column;
        gap: 6px;
    }
}


/* nm-hero-fixes-applied */


/* NM HOME HOW WE WORK */
body.home .nmhww-section {
    background: #fff;
}
body.home .nmhww-header {
    margin-bottom: 36px;
}
body.home .nmhww-eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    color: #0087D1;
    text-transform: uppercase;
    margin-bottom: 6px;
}
body.home .nmhww-title {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #0F2236;
    margin: 0;
}
body.home .nmhww-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
body.home .nmhww-card {
    background: #fff;
    border-radius: 14px;
    padding: 24px;
    border: 1px solid #E4EAF1;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
	  box-shadow: 3px 4px 10px rgba(0, 0, 0, .10);
    transition: box-shadow .25s ease, transform .25s ease;
}
body.home .nmhww-card:hover {
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
    transform: translateY(-2px);
}
body.home .nmhww-num {
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -.03em;
    color: #0087D1;
    line-height: 1;
}
body.home .nmhww-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #E5F4FB;
    color: #0087D1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
body.home .nmhww-card-title {
    font-size: 17px;
    font-weight: 700;
    color: #0F2236;
    margin: 0;
    line-height: 1.2;
}
body.home .nmhww-card-desc {
    font-size: 13.5px;
    line-height: 1.55;
    color: #44546A;
    margin: 0;
    flex: 1;
}
body.home .nmhww-arrow {
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #E4EAF1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0087D1;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
@media (max-width: 880px) {
    body.home .nmhww-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    body.home .nmhww-arrow {
        display: none;
    }
}
@media (max-width: 480px) {
    body.home .nmhww-grid {
        grid-template-columns: 1fr;
    }
}

/* NM SECTION HEADER */
body.home .nm-section-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 24px;
}
body.home .nm-eyebrow {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    color: #0087D1;
    text-transform: uppercase;
    margin-bottom: 6px;
}
body.home .nm-section-title {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.02em;
    color: #0F2236;
    margin: 0;
}
body.home .nm-section-link {
    font-size: 14px;
    font-weight: 600;
    color: #0087D1;
    text-decoration: none;
    white-space: nowrap;
    margin-bottom: 4px;
    transition: color .22s ease;
}
body.home .nm-section-link:hover {
    color: #006FAB;
}

/* NM PRODUCT CARD HOVER */
body .wd-product .product-wrapper,
body .wd-product .wd-product-wrapper {
    border-radius: 12px;
    border: 1px solid #E4EAF1;
    box-shadow: 3px 4px 10px rgba(0,0,0,.10);
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
    overflow: hidden;
    background: #fff;
}
body .wd-product:hover .product-wrapper,
body .wd-product:hover .wd-product-wrapper {
    box-shadow: 0 10px 15px rgba(0,0,0,.20);
    transform: translateY(-2px);
    border-color: #99D2ED;
}
body .wd-product .wd-product-cats {
    margin-bottom: 4px;
}
body .wd-product .wd-product-cats a {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #0087D1;
    text-decoration: none;
}
body .wd-product .wd-product-title a {
    font-size: 14px;
    font-weight: 700;
    color: #0F2236;
    text-decoration: none;
    line-height: 1.3;
}
body .wd-product .wd-product-title a:hover {
    color: #0087D1;
}
body .wd-product .price {
    font-size: 17px;
    font-weight: 800;
    color: #0F2236;
    letter-spacing: -.01em;
}
body .wd-product ins .amount {
    color: #0F2236;
    text-decoration: none;
    font-weight: 800;
}
body .wd-product del {
    display: none;
}
body .wd-product img {
    transition: transform .3s ease;
}
body .wd-product:hover img {
    transform: scale(1.04);
}
body .wd-product .button.add_to_cart_button,
body .wd-product .btn-add-to-cart {
    background: #0087D1;
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 16px;
    border: none;
    transition: background .22s ease;
}
body .wd-product .button.add_to_cart_button:hover,
body .wd-product .btn-add-to-cart:hover {
    background: #006FAB;
    color: #fff;
}

/* NM PRODUCT CARD FIXES v3 */
/* single-line category, hide duplicate 2nd category + separator */
body .wd-product .wd-product-cats {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body .wd-product .wd-product-cats a:nth-of-type(n+2),
body .wd-product .wd-product-cats .wd-meta-sep {
    display: none !important;
}
/* compact auto-width add-to-cart button */
body .wd-product .wd-add-btn {
    display: block;
}
body .wd-product .button.add_to_cart_button,
body .wd-product .btn-add-to-cart {
    width: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}
/* v3 */


/* NM PREMIUM CARD v4 */
/* reorder: category eyebrow above title, then SKU, stock, price+button row */
body .wd-product .product-element-bottom { display: flex; flex-direction: column; }
body .wd-product .product-element-bottom .wd-product-cats { order: 1; margin-bottom: 6px; }
body .wd-product .product-element-bottom .wd-entities-title { order: 2; margin: 0 0 6px; }
body .wd-product .product-element-bottom .wd-product-detail { order: 3; margin: 0 0 6px; }
body .wd-product .product-element-bottom .wd-product-stock { order: 4; margin: 0 0 10px; }
body .wd-product .product-element-bottom .price { order: 5; }
body .wd-product .product-element-bottom .wd-add-btn { order: 6; }

/* divider line under image */
body .wd-product .product-element-bottom { border-top: 1px solid #EEF2F6; padding-top: 14px; margin-top: 2px; }

/* SKU "Артикул:" grey */
body .wd-product .wd-product-detail,
body .wd-product .wd-product-detail .wd-product-sku,
body .wd-product .wd-product-detail span { font-size: 12px; color: #8A97A8; font-weight: 400; }

/* stock green dot */
body .wd-product .wd-product-stock { font-size: 13px; color: #1F9D57; }

/* price block + button on one row */
body .wd-product .product-element-bottom .price { font-size: 20px; font-weight: 800; color: #0F2236; letter-spacing: -.01em; line-height: 1.1; margin: 0; }
/* sale: old price struck grey, new price red */
body .wd-product .price del { display: inline; color: #9AA7B5; font-weight: 500; font-size: 13px; text-decoration: line-through; opacity: .9; }
body .wd-product .price ins { text-decoration: none; }
body .wd-product .price ins .amount { color: #E12D2D; font-weight: 800; }

/* footer row: price left, button right */
body .wd-product .product-element-bottom { position: relative; }
body .wd-product .wd-add-btn { margin-top: 8px; }
body .wd-product .wd-add-btn-replace .add_to_cart_button { font-size: 13px; }
/* v4 */


/* NM CARD LEFT ALIGN v5 */
body .wd-product .product-element-bottom { text-align: left; align-items: stretch; }
body .wd-product .wd-product-cats,
body .wd-product .wd-entities-title,
body .wd-product .wd-entities-title a,
body .wd-product .wd-product-detail,
body .wd-product .wd-product-stock,
body .wd-product .price { text-align: left; justify-content: flex-start; }
body .wd-product .wd-product-stock { display: flex; align-items: center; }
/* compact left button under price */
body .wd-product .wd-add-btn { align-self: flex-start; }
/* v5 */


/* NM CARD GRID FOOTER v6 */
/* grid: stacked info rows full width, last row = price(left) + button(right) */
body .wd-product .product-element-bottom {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 0;
}
body .wd-product .product-element-bottom > .wd-product-cats { grid-column: 1 / -1; order: 1; }
body .wd-product .product-element-bottom > .wd-entities-title { grid-column: 1 / -1; order: 2; }
body .wd-product .product-element-bottom > .wd-product-detail { grid-column: 1 / -1; order: 3; }
body .wd-product .product-element-bottom > .wd-product-stock { grid-column: 1 / -1; order: 4; }
/* final row */
body .wd-product .product-element-bottom > .price { grid-column: 1 / 2; order: 5; align-self: center; margin: 0; }
body .wd-product .product-element-bottom > .nm-nds-line { grid-column: 1 / 2; order: 6; align-self: start; }
body .wd-product .product-element-bottom > .wd-add-btn { grid-column: 2 / 3; grid-row: auto; order: 7; align-self: center; justify-self: end; margin: 0; }

/* place price + nds + button on the SAME visual row: pull button up to align with price row */
body .wd-product .product-element-bottom > .wd-add-btn {
    grid-row: 5 / 7;
}

/* НДС line styling */
body .wd-product .nm-nds-line {
    display: block;
    font-size: 11px;
    color: #9AA7B5;
    margin-top: 2px;
    line-height: 1.2;
}

/* compact button with rounded corners */
body .wd-product .wd-add-btn .add_to_cart_button {
    width: auto !important;
    padding: 9px 16px !important;
    border-radius: 10px;
    white-space: nowrap;
}

/* badge over image */
body .wd-product { position: relative; }
.nm-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 5;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.2;
}
/* v6 */


/* NM CARD POLISH v7 */
/* green dot before stock (replace woodmart blue check) */
body .wd-product .wd-product-stock.in-stock { color: #1F9D57; font-size: 13px; }
body .wd-product .wd-product-stock.in-stock svg,
body .wd-product .wd-product-stock.in-stock i { display: none !important; }
body .wd-product .wd-product-stock.in-stock::before {
    content: "" !important;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1F9D57;
    margin-right: 7px;
    vertical-align: middle;
    -webkit-mask: none !important;
    mask: none !important;
}

/* show cart icon inside the button permanently */
body .wd-product .wd-add-btn .add_to_cart_button .wd-action-icon {
    display: inline-flex !important;
    margin-right: 6px;
    opacity: 1 !important;
    width: auto !important;
    font-size: 14px;
}
body .wd-product .wd-add-btn .add_to_cart_button {
    display: inline-flex !important;
    align-items: center;
}

/* smaller SKU "Арт." */
body .wd-product .wd-product-detail,
body .wd-product .wd-product-detail span { font-size: 11px !important; color: #9AA7B5 !important; }

/* category separator -> middle dot */
body .wd-product .wd-product-cats .wd-meta-sep { font-size: 0; }
body .wd-product .wd-product-cats .wd-meta-sep::after { content: " · "; font-size: 11px; color: #0087D1; }

/* keep button aligned bottom-right of card footer */
body .wd-product .product-element-bottom > .wd-add-btn { align-self: end; }
/* v7 */


/* NM CARD BUTTON FIX v8 */
/* constrain the add-to-cart column + button to compact size */
body .wd-product .product-element-bottom { grid-template-columns: 1fr auto; }
body .wd-product .product-element-bottom > .wd-add-btn {
    width: auto !important;
    min-width: 0 !important;
    align-self: center;
    justify-self: end;
}
body .wd-product .wd-add-btn .add_to_cart_button {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    border-radius: 10px;
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap;
}
body .wd-product .wd-add-btn .add_to_cart_button .wd-action-text { line-height: 1.2; }
/* v8 */


/* NM CARD BUTTON FIX v9 */
/* wrapper must not stretch the button; size to content */
body .wd-product .product-element-bottom > .wd-add-btn {
    display: inline-flex !important;
    width: auto !important;
    flex: 0 0 auto !important;
}
body .wd-product .wd-add-btn .add_to_cart_button {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none;
    height: auto !important;
    min-height: 0 !important;
}
/* shrink the cart icon */
body .wd-product .wd-add-btn .add_to_cart_button .wd-action-icon {
    width: 16px !important;
    height: 16px !important;
    margin-right: 6px;
    flex: 0 0 auto;
}
body .wd-product .wd-add-btn .add_to_cart_button .wd-action-icon svg,
body .wd-product .wd-add-btn .add_to_cart_button .wd-action-icon img {
    width: 16px !important;
    height: 16px !important;
}
body .wd-product .wd-add-btn .add_to_cart_button .wd-action-text {
    width: auto !important;
    flex: 0 0 auto;
}
/* v9 */


/* NM CARD BUTTON FIX v10 */
/* hide woodmart's own icon span, use our own compact cart icon */
body .wd-product .wd-add-btn .add_to_cart_button .wd-action-icon { display:none !important; }
body .wd-product .wd-add-btn .add_to_cart_button::before {
    content:"";
    display:inline-block;
    width:15px; height:15px;
    margin-right:7px;
    background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center/contain;
    flex:0 0 auto;
}
/* compact button height */
body .wd-product .wd-add-btn .add_to_cart_button {
    padding:8px 14px !important;
    min-height:0 !important;
    height:auto !important;
    line-height:1 !important;
    font-size:13px !important;
    font-weight:600 !important;
}
body .wd-product .wd-add-btn .add_to_cart_button .wd-action-text { line-height:1 !important; }
/* v10 */


/* NM CARD FOOTER GRID v11 - clean grid areas, fixes overlap */
body .wd-product .product-element-bottom {
    display: grid !important;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "cats cats"
        "title title"
        "sku sku"
        "stock stock"
        "price btn"
        "nds btn";
    align-items: start;
    column-gap: 10px;
}
body .wd-product .product-element-bottom > .wd-product-cats { grid-area: cats; }
body .wd-product .product-element-bottom > .wd-entities-title { grid-area: title; }
body .wd-product .product-element-bottom > .wd-product-detail { grid-area: sku; }
body .wd-product .product-element-bottom > .wd-product-stock { grid-area: stock; }
body .wd-product .product-element-bottom > .price { grid-area: price; align-self: end; }
body .wd-product .product-element-bottom > .nm-nds-line { grid-area: nds; align-self: start; }
body .wd-product .product-element-bottom > .wd-add-btn { grid-area: btn; align-self: center; justify-self: end; }
/* allow long 'Цена по запросу' to wrap within its cell without overlap */
body .wd-product .product-element-bottom > .price { min-width: 0; line-height: 1.15; }
/* v11 */


/* NM CARD FOOTER SIZING v12 - give price priority, cap button */
body .wd-product .product-element-bottom {
    grid-template-columns: minmax(95px, 1fr) auto !important;
}
/* price: allow wrap to max 2 lines, keep readable */
body .wd-product .product-element-bottom > .price {
    font-size: 18px !important;
    line-height: 1.15 !important;
    word-break: normal;
    overflow-wrap: anywhere;
}
/* cap button width so it can't dominate; allow text wrap on long labels */
body .wd-product .product-element-bottom > .wd-add-btn { max-width: 130px; }
body .wd-product .wd-add-btn .add_to_cart_button,
body .wd-product .wd-add-btn .btn-add-to-cart {
    white-space: normal !important;
    text-align: center;
    line-height: 1.1 !important;
}
/* nds line: never wrap weirdly */
body .wd-product .nm-nds-line { white-space: nowrap; }
/* v12 */


/* NM PRICE ON REQUEST v13 - stack layout for 'Цена по запросу' cards */
body .wd-product .product-element-bottom:has(.nm-price-on-request) {
    grid-template-areas:
        "cats cats"
        "title title"
        "sku sku"
        "stock stock"
        "price price"
        "nds nds"
        "btn btn";
    grid-template-columns: 1fr;
}
body .wd-product .product-element-bottom:has(.nm-price-on-request) > .wd-add-btn {
    justify-self: start;
    margin-top: 8px;
    max-width: none;
}
body .wd-product .nm-price-on-request {
    font-size: 18px;
    font-weight: 800;
    color: #0F2236;
    white-space: nowrap;
}
/* v13 */


/* ===== NM CARD v14 ===== */
/* 1. Padding on bottom info block */
body .wd-product .product-element-bottom {
    padding: 18px 18px 18px 18px !important;
    box-sizing: border-box;
}
/* 4. Title bold 700, category smaller */
body .wd-product .wd-entities-title,
body .wd-product .wd-entities-title a {
    font-weight: 700 !important;
}
body .wd-product .wd-product-cats,
body .wd-product .wd-product-cats a {
    font-size: 11px !important;
    letter-spacing: 0.04em;
}
/* 3. Divider line above price/button row (full-width inset, like under image) */
body .wd-product .product-element-bottom .wd-product-stock {
    border-bottom: 1px solid #E6EAEF;
    padding-bottom: 14px;
    margin-bottom: 4px;
}
body .wd-product .product-element-bottom .price {
    padding-top: 12px !important;
    margin-top: 0;
    align-self: center;
}
/* 5. Compact button: shorter, content left-aligned, more gap icon<->text */
body .wd-product .wd-add-btn {
    display: flex !important;
    align-items: center !important;
    align-self: center !important;
    height: auto !important;
    min-height: 0 !important;
}
body .wd-product .wd-add-btn .button.add_to_cart_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 36px !important;
    min-height: 0 !important;
    max-height: 36px !important;
    padding: 0 16px !important;
    line-height: 1 !important;
    gap: 9px;
    box-sizing: border-box !important;
}
body .wd-product .wd-add-btn .button.add_to_cart_button::before {
    margin: 0 !important;
    flex: 0 0 auto;
}
body .wd-product .wd-add-btn .button.add_to_cart_button .wd-action-text {
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* ===== /NM CARD v14 ===== */


/* ===== NM CARD HOVER SWAP v15 ===== */
/* Disable old custom always-on ::before cart icon */
body .wd-product .wd-add-btn .add_to_cart_button::before,
body .wd-product .wd-add-btn .button.add_to_cart_button::before {
    content: none !important;
    display: none !important;
    background: none !important;
}
/* Button = positioning context, clip overflow for vertical slide */
body .wd-product .wd-add-btn .button.add_to_cart_button {
    position: relative !important;
    overflow: hidden !important;
    justify-content: center !important;
    gap: 0 !important;
    width: auto !important;
    min-width: 112px !important;
}
/* TEXT: centered by default, slides UP and out on hover */
body .wd-product .wd-add-btn .button.add_to_cart_button .wd-action-text {
    display: inline-flex !important;
    align-items: center;
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1 !important;
    visibility: visible !important;
    white-space: nowrap;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform .28s ease, opacity .28s ease;
}
/* ICON: parked BELOW the button, slides UP to center on hover */
body .wd-product .wd-add-btn .button.add_to_cart_button .wd-action-icon {
    display: block !important;
    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 140%);
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") no-repeat center center;
    background-size: 17px 17px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform .28s ease;
}
body .wd-product .wd-add-btn .button.add_to_cart_button .wd-action-icon .wd-check-icon {
    display: none !important;
}
/* HOVER: text slides up & out, icon slides up to center */
body .wd-product .wd-add-btn .button.add_to_cart_button:hover .wd-action-text,
body .wd-product .wd-add-btn .button.add_to_cart_button:focus .wd-action-text {
    transform: translate(-50%, -240%) !important;
    opacity: 0 !important;
}
body .wd-product .wd-add-btn .button.add_to_cart_button:hover .wd-action-icon,
body .wd-product .wd-add-btn .button.add_to_cart_button:focus .wd-action-icon {
    transform: translate(-50%, -50%) !important;
}
/* ===== /NM CARD HOVER SWAP v15 ===== */
                            

/* ====== Кнопки перехода под каруселью (max-width 1024px) ====== */
@media (max-width: 1024px) {
  /* Новости компании */
  body.home .nm-news-home-v3 { display: flex !important; flex-direction: column !important; }
  body.home .nm-news-home-v3__head { display: contents !important; }
  body.home .nm-news-home-v3__head-main { order: 1 !important; margin-bottom: 28px !important; }
  body.home .nm-news-home-v3__shell { order: 2 !important; }
  body.home .nm-news-home-v3__all { order: 3 !important; align-self: flex-start !important; margin-top: 24px !important; }

  /* Популярные товары */
  body.home .elementor-element-8ed7dc1 { display: contents !important; }
  body.home .nm-section-header { display: contents !important; }
  body.home .nm-section-header__left { order: 1 !important; }
  body.home .elementor-element-4e4ad10 { order: 2 !important; }
  body.home .nm-section-link { order: 3 !important; align-self: flex-start !important; margin-top: 24px !important; }

  /* Бренды и заводы-производители */
  body.home .elementor-element-4ae0916 { display: contents !important; }
  body.home .elementor-element-c7d0e9e { display: contents !important; }
  body.home .elementor-element-f39b027 { order: 1 !important; }
  body.home .elementor-element-8f4fa76 { order: 2 !important; }
  body.home .nm-brands-link { order: 3 !important; align-self: flex-start !important; margin-top: 24px !important; }
}


/* ============================================================
   Благодарственные письма: стиль под Новости (без неоморфизма)
   ссылка-читать + ховер лупы + попап с анимацией
   ============================================================ */

/* --- ссылка "Читать" в стиле новостей (плоская, справа) --- */
body.home .nm-reviews__footer { display: flex !important; justify-content: flex-end !important; align-items: center !important; margin-top: auto !important; padding-top: 14px !important; border-top: 0 !important; }
body.home .nm-reviews__btn { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; min-height: 0 !important; height: auto !important; border-radius: 0 !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: .14px !important; text-transform: none !important; color: #0087D1 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; transition: color .2s ease, gap .2s ease !important; }
body.home .nm-reviews__btn:hover { color: #006FAB !important; gap: 10px !important; }

/* --- ховер миниатюры письма (лупа остаётся) --- */
body.home .nm-reviews__thumb-btn { cursor: pointer !important; }
body.home .nm-reviews__thumb { transition: transform .4s cubic-bezier(.2,.7,.2,1) !important; display: block; }
body.home .nm-reviews__thumb-btn:hover .nm-reviews__thumb { transform: scale(1.06) !important; }
body.home .nm-reviews__thumb-btn::after { content: ""; position: absolute; inset: 0; background: rgba(8,33,66,0); transition: background .3s ease; pointer-events: none; border-radius: inherit; z-index: 1; }
body.home .nm-reviews__thumb-btn:hover::after { background: rgba(8,33,66,.14); }
body.home .nm-reviews__zoom { transition: transform .3s cubic-bezier(.2,.7,.2,1), background .3s ease, color .3s ease, box-shadow .3s ease !important; z-index: 2; }
body.home .nm-reviews__thumb-btn:hover .nm-reviews__zoom { transform: scale(1.15) !important; background: #0087D1 !important; color: #fff !important; box-shadow: 0 8px 18px rgba(0,135,209,.45) !important; }

/* --- попап (лайтбокс) с увеличенным письмом --- */
body.home .nm-reviews-lb { position: fixed !important; inset: 0 !important; z-index: 100000 !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 32px !important; }
body.home .nm-reviews-lb[hidden] { display: none !important; }
body.home .nm-reviews-lb__overlay { position: absolute !important; inset: 0 !important; background: rgba(8,22,44,.72) !important; backdrop-filter: blur(6px) !important; -webkit-backdrop-filter: blur(6px) !important; animation: nmLbFade .3s ease !important; cursor: pointer; }
body.home .nm-reviews-lb__box { position: relative !important; max-width: min(640px, 92vw) !important; width: auto !important; max-height: 90vh !important; background: #fff !important; border: 0 !important; border-radius: 16px !important; box-shadow: 0 30px 80px rgba(0,0,0,.5) !important; padding: 16px !important; animation: nmLbZoom .38s cubic-bezier(.2,.7,.2,1) !important; overflow: visible !important; }
body.home .nm-reviews-lb__img-wrap { max-height: calc(90vh - 32px) !important; overflow: auto !important; border-radius: 8px !important; }
body.home .nm-reviews-lb__img { display: block !important; max-width: 100% !important; width: auto !important; height: auto !important; margin: 0 auto !important; border-radius: 8px !important; }
body.home .nm-reviews-lb__close { position: absolute !important; top: -18px !important; right: -18px !important; width: 44px !important; height: 44px !important; padding: 0 !important; border-radius: 50% !important; background: #fff !important; border: 0 !important; box-shadow: 0 6px 18px rgba(0,0,0,.28) !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; color: #0d2742 !important; transition: transform .3s cubic-bezier(.2,.7,.2,1), background .3s ease, color .3s ease !important; }
body.home .nm-reviews-lb__close:hover { transform: rotate(90deg) scale(1.08) !important; background: #0087D1 !important; color: #fff !important; }
body.home .nm-reviews-lb__close svg { width: 20px !important; height: 20px !important; flex: none !important; }
@keyframes nmLbFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes nmLbZoom { from { opacity: 0; transform: scale(.92) translateY(12px); } to { opacity: 1; transform: none; } }

/* ============================================================= */
/* REVIEWS — clean rewrite, mirrors NEWS carousel (Claude 2026) */
/* NM HOME REVIEWS — letter-card design (Claude Design, airy blue, raised specificity 2026) */

/* 1. CARD SHELL */
body.home .nm-reviews .nm-reviews__card{
  background:#FAFBFD !important; border-radius:16px !important; padding:30px 28px 24px !important;
  border:1px solid transparent !important; box-shadow:none !important;
  position:relative; overflow:hidden;
  display:flex !important; grid-template-columns:none !important; flex-direction:column !important;
  transition:background .4s cubic-bezier(.2,.7,.2,1), border-color .4s cubic-bezier(.2,.7,.2,1);
}
body.home .nm-reviews .nm-reviews__card:hover{ background:#FFFFFF !important; border-color:#99D2ED !important; box-shadow:none !important; }

/* content as flex column for order */
body.home .nm-reviews .nm-reviews__content{ display:flex; flex-direction:column; height:100%; }
body.home .nm-reviews .nm-reviews__excerpt{ order:1; }
body.home .nm-reviews .nm-reviews__org{ order:2; }
body.home .nm-reviews .nm-reviews__footer{ order:3; }

/* 2. WATERMARK QUOTE */
body.home .nm-reviews .nm-reviews__card::before{
  content:"\201C"; position:absolute; top:5px; left:18px;
  font-family:Georgia,"Times New Roman",serif; font-size:110px; font-weight:700; line-height:.8;
  color:#CCE8F6; pointer-events:none; z-index:0; transform-origin:0% 100%;
  transition:transform .5s cubic-bezier(.2,.7,.2,1), color .35s cubic-bezier(.2,.7,.2,1);
}
body.home .nm-reviews .nm-reviews__card:hover::before{ transform:rotate(-6deg) scale(1.08); color:#99D2ED; }

/* 3. BLOOM */
body.home .nm-reviews .nm-reviews__card::after{
  content:""; position:absolute; top:-60px; right:-60px; width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle, #CCE8F6 0%, transparent 70%);
  opacity:0; pointer-events:none; z-index:0; transition:opacity .55s cubic-bezier(.2,.7,.2,1);
}
body.home .nm-reviews .nm-reviews__card:hover::after{ opacity:1; }

/* 4. INNER ON TOP LAYER */
body.home .nm-reviews .nm-reviews__excerpt,
body.home .nm-reviews .nm-reviews__org,
body.home .nm-reviews .nm-reviews__media,
body.home .nm-reviews .nm-reviews__footer{ position:relative; z-index:1; }

/* 5. QUOTE TEXT */
body.home .nm-reviews .nm-reviews__excerpt{
  margin:0; flex:1; padding-top:30px; font-size:14px; line-height:1.6; color:#0F2236; font-style:italic;
}

/* 6. ORG */
body.home .nm-reviews .nm-reviews__org{
  margin-top:22px; padding:18px 0 0 60px; border-top:1px solid #E4EAF1;
  font-size:12px !important; font-weight:600 !important; line-height:1.35 !important; color:#0F2236;
  min-height:56px !important; box-sizing:border-box !important;
  transition:border-color .35s cubic-bezier(.2,.7,.2,1);
}
body.home .nm-reviews .nm-reviews__card:hover .nm-reviews__org{ border-color:#99D2ED; }

/* 7. THUMBNAIL (absolute bottom-left) */
body.home .nm-reviews .nm-reviews__media{ position:absolute; left:28px; top:240px; bottom:auto; }
body.home .nm-reviews .nm-reviews__thumb-btn{
  display:block; width:44px; height:56px; border:1px solid #E4EAF1; border-radius:4px;
  background:#FFFFFF; padding:0; overflow:hidden; cursor:pointer;
  transition:transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s cubic-bezier(.2,.7,.2,1);
}
body.home .nm-reviews .nm-reviews__thumb{ width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
body.home .nm-reviews .nm-reviews__card:hover .nm-reviews__thumb-btn{ transform:rotate(-3deg) scale(1.06); border-color:#99D2ED; }
body.home .nm-reviews .nm-reviews__zoom{ display:none; }

/* 8. CTA */
body.home .nm-reviews .nm-reviews__footer{ margin-top:0; padding-top:6px; }
body.home .nm-reviews .nm-reviews__btn{
  display:inline-flex; align-items:center; gap:4px; background:transparent; border:0; padding:0;
  font-family:inherit; font-size:11.5px; font-weight:600; letter-spacing:.02em; color:#006FAB; cursor:pointer;
}
body.home .nm-reviews .nm-reviews__btn > span{ transition:transform .3s cubic-bezier(.2,.7,.2,1); }
body.home .nm-reviews .nm-reviews__card:hover .nm-reviews__btn > span{ transform:translateX(4px); }

/* 9. TOUCH — disable hover anim */
@media (hover:none){
  body.home .nm-reviews .nm-reviews__card:hover{ background:#EDF1F5 !important; border-color:transparent; }
  body.home .nm-reviews .nm-reviews__card:hover::before{ transform:none; color:#CCE8F6; }
  body.home .nm-reviews .nm-reviews__card:hover::after{ opacity:0; }
  body.home .nm-reviews .nm-reviews__card:hover .nm-reviews__thumb-btn,
  body.home .nm-reviews .nm-reviews__card:hover .nm-reviews__btn > span{ transform:none; }
}

body.home .nm-reviews{ padding:0 !important; }
body.home .nm-reviews__shell{ position:relative !important; padding:0 16px !important; overflow:visible !important; }
body.home .nm-reviews__viewport{
  padding-top:8px !important; padding-bottom:8px !important;
  margin-top:-8px !important; margin-bottom:-8px !important;
}

/* ARROWS — copied from NEWS (.nm-news-home-v3__arrow) */
body.home .nm-reviews__arrow{
  position:absolute !important; top:50% !important; transform:translateY(-50%) !important;
  z-index:10 !important; width:42px !important; height:42px !important;
  min-width:42px !important; max-width:42px !important; min-height:42px !important; max-height:42px !important;
  border-radius:8px !important; background:#FFFFFF !important; border:0.8px solid #D3DCE6 !important;
  box-shadow:none !important; display:flex !important; align-items:center !important; justify-content:center !important;
  padding:0 !important; cursor:pointer !important; transition:border-color .2s ease, background .2s ease !important;
}
body.home .nm-reviews__arrow:hover{ border-color:#0087D1 !important; background:#FFFFFF !important; }
body.home .nm-reviews__arrow.is-disabled{ opacity:.45 !important; cursor:default !important; }
body.home .nm-reviews__arrow--prev{ left:-40px !important; right:auto !important; }
body.home .nm-reviews__arrow--next{ right:-40px !important; left:auto !important; }
/* chevron drawn on inner span (9x9, two borders, rotated 45deg) — like news */
body.home .nm-reviews__arrow span{
  width:9px !important; height:9px !important; display:block !important; box-sizing:border-box !important;
  border:0 solid #D3DCE6 !important; background:none !important;
}
body.home .nm-reviews__arrow span::before{ content:none !important; }
body.home .nm-reviews__arrow--prev span{
  border-bottom:2.6px solid #D3DCE6 !important; border-left:2.6px solid #D3DCE6 !important;
  transform:rotate(45deg) !important; margin-left:3px !important;
}
body.home .nm-reviews__arrow--next span{
  border-top:2.6px solid #D3DCE6 !important; border-right:2.6px solid #D3DCE6 !important;
  transform:rotate(45deg) !important; margin-right:3px !important;
}
/* chevron color on hover -> border-hover color */
body.home .nm-reviews__arrow:hover span{ border-color:#0087D1 !important; }


@media (hover:none){
  body.home .nm-reviews__card:hover{ background:#EDF1F5; border-color:transparent; }
  body.home .nm-reviews__card:hover::before{ transform:none; color:#D5EAF6; }
  body.home .nm-reviews__card:hover::after{ opacity:0; }
  body.home .nm-reviews__card:hover .nm-reviews__thumb-btn{ transform:none; border-color:#E4EAF1; }
  body.home .nm-reviews__card:hover .nm-reviews__media{ border-color:#E4EAF1; }
}

@media (max-width:880px){
  body.home .nm-reviews__shell{ padding:0 40px !important; }
  body.home .nm-reviews__arrow{ width:32px !important; height:32px !important; min-height:32px !important; max-height:32px !important; min-width:32px !important; }
}
@media (max-width:390px){
  body.home .nm-reviews__shell{ padding:0 36px !important; }
  body.home .nm-reviews__excerpt{ font-size:13.5px; padding-top:46px; }
}


/* 3-в-ряд как у новостей (Claude 2026) */
body.home .nm-reviews .nm-reviews__card{
  flex:1 1 0 !important;
  max-width:none !important;
  width:auto !important;
}
/* трек не должен двигаться (3 карточки влезают) */
body.home .nm-reviews .nm-reviews__track{
  transform:none !important;
  justify-content:flex-start !important;
}
/* стрелки не нужны — скрываем */
body.home .nm-reviews .nm-reviews__arrow{ display:flex !important; }
/* убрать боковые fade-маски если есть */
body.home .nm-reviews.has-left-fade::before,
body.home .nm-reviews.has-right-fade::after{ display:none !important; }
/* shell без места под стрелки */
body.home .nm-reviews__shell{ padding:0 16px !important; }

/* Планшет: 2 в ряд */
@media (max-width:1024px){
  body.home .nm-reviews .nm-reviews__card{ flex:1 1 calc(50% - 8px) !important; max-width:calc(50% - 8px) !important; }
}
/* Мобилка: 1 в ряд */
@media (max-width:680px){
  body.home .nm-reviews .nm-reviews__card{ flex:1 1 100% !important; max-width:100% !important; }
}


/* === FIX: Благодарственные письма — стрелки как в Новостях === */
body.home .nm-reviews__arrow--prev span{
  border-bottom:2px solid #1C3A57 !important;
  border-left:2px solid #1C3A57 !important;
}
body.home .nm-reviews__arrow--next span{
  border-top:2px solid #1C3A57 !important;
  border-right:2px solid #1C3A57 !important;
}
body.home .nm-reviews__arrow:hover span{ border-color:#0087D1 !important; }


/* === FIX2: Благодарственные письма — стрелки без тени, миниатюры крупнее, кнопка 'Письмо' === */
body.home .nm-reviews__arrow:hover{ box-shadow:none !important; }
body.home .nm-reviews__media,
body.home .nm-reviews__thumb-btn{ width:64px !important; height:83px !important; }
body.home .nm-reviews__thumb{ width:100% !important; height:100% !important; object-fit:cover !important; }
body.home .nm-reviews__media{ top:224px !important; }
body.home .nm-reviews__org{ padding-left:80px !important; min-height:83px !important; display:flex !important; align-items:center !important; }
body.home .nm-reviews__btn{ font-size:0 !important; }
body.home .nm-reviews__btn span[aria-hidden]{ display:none !important; }
body.home .nm-reviews__btn::before{ content:'Письмо'; font-size:14px !important; font-weight:600 !important; line-height:1 !important; }
body.home .nm-reviews__btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; padding:9px 18px !important; border:1px solid #D3DCE6 !important; border-radius:8px !important; background:#FFFFFF !important; color:#1C3A57 !important; cursor:pointer !important; transition:border-color .2s ease, color .2s ease, background .2s ease !important; }
body.home .nm-reviews__btn:hover{ border-color:#0087D1 !important; color:#0087D1 !important; background:#FFFFFF !important; box-shadow:none !important; }


/* === FIX3: миниатюра письма ниже (не налезает на полосу) + ховер без поворота === */
body.home .nm-reviews__media{ top:240px !important; }
body.home .nm-reviews .nm-reviews__card:hover .nm-reviews__thumb-btn{ transform:scale(1.06) !important; }


/* === FIX4: кнопка 'Письмо' — убрать подпрыгивание текста, простой плавный ховер === */
body.home .nm-reviews__btn::before{ transition:none !important; transform:none !important; animation:none !important; }
body.home .nm-reviews__btn:hover{ gap:0 !important; }
body.home .nm-reviews .nm-reviews__card:hover .nm-reviews__btn > span{ transform:none !important; }
body.home .nm-reviews__btn{ transition:border-color .2s ease, color .2s ease, background .2s ease !important; }


/* === FIX5: Новости компании — без теней, синяя боковая полоса + угловая засветка + рамка на hover === */
body.home .nm-news-home-v3__card{
  position:relative !important;
  overflow:hidden !important;
  box-shadow:none !important;
  padding:22px 24px 24px 28px !important;
  transition:border-color .35s cubic-bezier(.2,.7,.2,1) !important;
}
body.home .nm-news-home-v3__card:hover{
  box-shadow:none !important;
  transform:none !important;
  border-color:#99D2ED !important;
}
/* V4 — растущая синяя боковая полоса */
body.home .nm-news-home-v3__card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important; top:0 !important; bottom:0 !important;
  width:4px !important;
  background:linear-gradient(180deg,#0087D1 0%,#005785 100%) !important;
  transform-origin:top !important;
  transform:scaleY(.35) !important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1) !important;
  z-index:1 !important;
  border:0 !important; border-radius:0 !important; opacity:1 !important;
}
body.home .nm-news-home-v3__card:hover::before{ transform:scaleY(1) !important; }
/* V2 — голубая засветка из правого верхнего угла */
body.home .nm-news-home-v3__card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 100% 0%, #E5F4FB 0%, transparent 55%) !important;
  opacity:0 !important;
  transition:opacity .45s cubic-bezier(.2,.7,.2,1) !important;
  pointer-events:none !important;
  z-index:0 !important;
  border:0 !important; border-radius:0 !important; width:auto !important; height:auto !important;
}
body.home .nm-news-home-v3__card:hover::after{ opacity:1 !important; }
/* контент над засветкой */
body.home .nm-news-home-v3__card > *{ position:relative !important; z-index:1 !important; }
/* мобильные: не залипать в hover */
@media (hover:none){
  body.home .nm-news-home-v3__card:hover{ border-color:#E4EAF1 !important; }
  body.home .nm-news-home-v3__card:hover::before{ transform:scaleY(.35) !important; }
  body.home .nm-news-home-v3__card:hover::after{ opacity:0 !important; }
}