@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");
}

/* ===================================================================
   HEADER REFACTOR — clean modern TopBar + MainHeader (no neumorphism)
   Scoped header tokens only (site neu and sh systems untouched)
   =================================================================== */

.whb-header_648594 {
  --nmh-bg: #FFFFFF;
  --nmh-surface-3: #EDF1F5;
  --nmh-fg-1: #0F2236;
  --nmh-fg-2: #3A4A5C;
  --nmh-fg-3: #5B6B7D;
  --nmh-line-1: #E4EAF1;
  --nmh-line-2: #D6DEE7;
  --nmh-teal: #0087D1;
  --nmh-teal-600: #006FAF;
  --nmh-teal-700: #005785;
  --nmh-navy: #0F2236;
  --nmh-shadow-focus: 0 0 0 3px rgba(0,135,209,.22);
  --nmh-ease: cubic-bezier(.2,.7,.2,1);
  --nmh-duration-fast: 120ms;
  --nmh-duration-med: 220ms;
}

/* ===================== TOPBAR ===================== */
.whb-header_648594 .whb-top-bar {
  background: var(--nmh-bg) !important;
  border-bottom: 1px solid var(--nmh-line-1) !important;
}
.whb-header_648594 .whb-top-bar .whb-top-bar-inner {
  min-height: 40px;
  padding-top: 0;
}
.whb-col-right,
.whb-mobile-right { margin-right: 0 !important; }
@media (min-width: 1025px) {
  .whb-top-bar .whb-col-right .wd-header-text { padding-right: 0 !important; }
}

/* TopBar: contact block (phones + WhatsApp + CTA) — flat */
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: var(--nmh-line-2);
  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(--nmh-fg-2);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--nmh-duration-med) var(--nmh-ease);
}
.nm_headphone > a:not(.nm-header-whatsapp):hover,
.nm-headphone-mobile > a:not(.nm-header-whatsapp):hover {
  color: var(--nmh-teal-700);
}
.nm-phone-inline-icon {
  display: block;
  width: 14px; height: 14px;
  flex: 0 0 14px;
  fill: none;
  stroke: var(--nmh-teal);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nm-header-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px; height: 18px;
  flex: 0 0 18px;
  text-decoration: none;
  transition: opacity var(--nmh-duration-med) var(--nmh-ease);
}
.nm-header-whatsapp img { display: block; width: 18px; height: 18px; object-fit: contain; }
.nm-header-whatsapp:hover { opacity: .85; }

/* TopBar CTA: solid blue button (no neumorphism) */
.nm-header-call-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  background: var(--nmh-teal);
  box-shadow: none;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--nmh-duration-fast) var(--nmh-ease);
}
.nm-header-call-btn:hover { background: var(--nmh-teal-600); box-shadow: none; transform: none; text-decoration: none; }
.nm-header-call-btn:active { background: var(--nmh-teal-700); }
.nm-header-call-text {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
.nm-header-call-btn:hover .nm-header-call-text { color: #FFFFFF; }
.nm-header-call-btn::after {
  content: "";
  display: inline-flex;
  width: 16px; height: 16px;
  flex: 0 0 16px;
  background: #FFFFFF;
  -webkit-mask: url('/wp-content/uploads/2026/03/nm_phone.svg') center / contain no-repeat;
  mask: url('/wp-content/uploads/2026/03/nm_phone.svg') center / contain no-repeat;
}
@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; }
}

/* ===================== MAIN HEADER ===================== */
.whb-header_648594 .whb-main-header { background: var(--nmh-bg) !important; }

@media (min-width: 1200px) {
  .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 2px 8px rgba(15, 34, 54, .06) !important;
  }
}
@media (max-width: 1199px) {
  .whb-header_648594 > .whb-main-header > .whb-row.whb-general-header {
    box-shadow: 0 1px 6px -2px rgba(15, 34, 54, .12) !important;
  }
  .whb-clone.whb-sticked {
    box-shadow: 0 1px 10px -2px rgba(15, 34, 54, .18) !important;
  }
}

/* ===================== LOGO ===================== */
@media (min-width: 1025px) {
  .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;
}
/* desktop full logo image — flat, correct proportions */
html body .site-logo a.wd-logo img {
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  box-shadow: none !important;
}
/* hide redundant text wordmark (full logo image is installed) */
.nm-logo-text { display: none !important; }

/* ===================== RIGHT COLUMN GAP ===================== */
@media (min-width: 1025px) {
  html body .whb-col-right.whb-column10.whb-visible-lg {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
  }
}

/* ===================== ACTION ICONS (compare / wishlist / cart) — flat chips ===================== */
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: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--nmh-surface-3) !important;
  box-shadow: none !important;
  color: var(--nmh-fg-2) !important;
  text-decoration: none !important;
  overflow: visible !important;
  transition: color var(--nmh-duration-fast) var(--nmh-ease), background var(--nmh-duration-fast) var(--nmh-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 {
  background: #E4EAF1 !important;
  color: var(--nmh-teal-700) !important;
  box-shadow: none !important;
  transform: none !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 {
  background: #DCE4ED !important;
  box-shadow: none !important;
  transform: none !important;
}
/* icon container */
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(--nmh-teal-700) !important; }
/* hide WoodMart native glyphs (we draw our own via mask) */
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 .whb-header .wd-header-compare .wd-tools-icon .wd-custom-icon,
html body .whb-header .wd-header-wishlist .wd-tools-icon .wd-custom-icon,
html body .whb-header .wd-header-cart .wd-tools-icon .wd-custom-icon { display: none !important; }
html body .whb-header .wd-header-compare .wd-tools-icon::after,
html body .whb-header .wd-header-wishlist .wd-tools-icon::after,
html body .whb-header .wd-header-cart .wd-tools-icon::after { display: none !important; }
/* custom glyph via mask (variables unchanged) */
html body .whb-header .wd-header-compare .wd-tools-icon::before,
html body .whb-header .wd-header-wishlist .wd-tools-icon::before,
html body .whb-header .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 .whb-header .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 .whb-header .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 .whb-header .wd-header-cart .wd-tools-icon::before {
  -webkit-mask-image: var(--nm-header-icon-cart) !important;
  mask-image: var(--nm-header-icon-cart) !important;
}

/* ===================== COUNTER BADGES ===================== */
html body .wd-tools-count,
html body .wd-cart-number {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: var(--nmh-teal) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  border: 2px solid var(--nmh-bg) !important;
}
html body .wd-cart-number span { display: none !important; }

/* NM FIX: mobile call toggle — hard size before CSS loads (prevents SVG blowup on slow devices) */
.nm-mobile-call-toggle {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.nm-mobile-call-toggle-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  flex-shrink: 0 !important;
  object-fit: contain !important;
}

/* ===================== MOBILE HEADER: flat icon tiles ===================== */
@media (max-width: 1199px) {
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg {
    --nmh-tile-size: 40px;
    --nmh-icon-size: 20px;
    --nmh-gap: 8px;
    --nmh-radius: 10px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--nmh-gap) !important;
    margin-right: 10px;
  }
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg > * {
    width: var(--nmh-tile-size) !important;
    min-width: var(--nmh-tile-size) !important;
    max-width: var(--nmh-tile-size) !important;
    height: var(--nmh-tile-size) !important;
    min-height: var(--nmh-tile-size) !important;
    max-height: var(--nmh-tile-size) !important;
    flex: 0 0 var(--nmh-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(--nmh-radius) !important;
    outline: 0 !important;
    background: var(--nmh-surface-3) !important;
    box-shadow: none !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background var(--nmh-duration-fast) var(--nmh-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 {
    background: #DCE4ED !important;
  }
  .whb-column.whb-mobile-right.whb-column_mobile4.whb-hidden-lg .wd-header-text {
    display: block !important;
    width: var(--nmh-tile-size) !important;
    height: var(--nmh-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(--nmh-icon-size) !important;
    height: var(--nmh-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(--nmh-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;
  }
}

/* mobile logo — clean, no squish */
@media (max-width: 1199px) {
  .whb-mobile-left .site-logo img,
  .whb-mobile-left .wd-logo img {
    object-fit: contain !important;
    box-shadow: none !important;
    mix-blend-mode: normal !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
}

/* =========================================================
   МОБИЛЬНАЯ ПАНЕЛЬ ЗВОНКА
   ========================================================= */

@media (max-width: 1199px) {
  .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;
  }
}

/* =========================
   NEOMEDREM: МОБИЛЬНАЯ ВЫПАДАЮЩАЯ ПАНЕЛЬ ЗВОНКА
   ЧИСТЫЙ ВАРИАНТ БЕЗ КОНФЛИКТА LEFT/RIGHT/TRANSFORM
   ========================= */

@media (max-width: 1199px) {
  .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: Страница — Статус доставки груза
   /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;
}

/* === СРЕДНЯЯ ПОЛОСА: скрываем sticky-меню только в ОБЫЧНОЙ шапке, липкую не трогаем === */
@media (min-width: 1200px) {
  .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.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;
}
.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: 1200px) 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: Архив новостей [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-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: 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;
  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);
  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);
}

/* Elementor перебивает <a> — нейтрализуем */
.elementor .products.elements-list .wd-product.product-list-item .product-wrapper a {
}

.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;
}

.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;
}

.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 {
  border: none !important;
  border-radius: 4px !important;
  color: #2a3f5a !important;
  font-weight: 800 !important;
  cursor: pointer !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 {
  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 {
}

/* Поле ввода количества */
.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;
  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 {
  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;
  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;
  transform: translateY(-1px) !important;
}
.elementor .products.elements-list .wd-product.product-list-item .product-wrapper .wd-add-btn a.add-to-cart-loop:active {
  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;
}

/* 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;
}

/* Важно: контент “подхватывает” вкладки — убираем верхнюю границу,
   чтобы активная вкладка выглядела частью блока */
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 */

body .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  margin-top: 0 !important;
}

/* КОМПАКТНЫЙ БЛОК КОЛИЧЕСТВА ДЛЯ КАРТОЧЕК ТОВАРА */
.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;
}

/* =========================================================
   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;
  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;
  transform: translateY(-1px);
}

/* NM: Кнопка «Наверх» */
.scrollToTop {
    width: 50px !important;
    height: 50px !important;
    border-radius: 6px !important;
    background: #0087D1 !important;
    color: #fff !important;
    transition: background .2s, box-shadow .2s, transform .2s !important;
}

.scrollToTop:hover {
    background: #00a0de !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-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%; pointer-events: none; z-index: 0;
}
.nm-404-glow-1 {
    width: 480px; height: 480px;
    top: 180px; right: -80px;
    animation: nm404-g1 10s ease-in-out infinite;
}
.nm-404-glow-2 {
    width: 380px; height: 380px;
    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;
}
.nm-404-btn-primary:hover { }
.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%;
    border: 2px solid rgba(0,135,209,.2);
    display: flex; align-items: center; justify-content: center;
    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;
    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;
}
@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;
}

.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;
}

/* --- Кнопка 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 PRODUCT CARD HOVER */
body .wd-product .product-wrapper,
body .wd-product .wd-product-wrapper {
    border-radius: 12px;
    border: 1px solid #E4EAF1;
    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 {
    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 > .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;
}

/* 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;
}

/* NM CARD FIX: stack add-to-cart button below price on narrow viewports */
body .wd-product .product-element-bottom .price { min-width: 0; }
@media (max-width: 1024px) {
    body .wd-product .product-element-bottom {
        grid-template-columns: 1fr;
        grid-template-areas: "cats" "title" "sku" "stock" "price" "nds" "btn";
    }
}

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 > .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;
}

/* v12 */

/* 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 Header Search — cosmetic only. No layout/dropdown overrides. Rollback = удалить этот блок */
@media (min-width: 1025px) {
  html body .whb-header_648594 .wd-search-form.wd-header-search-form .searchform {
    border: 1px solid #D9E1EA;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 34, 54, 0.04), 0 8px 24px rgba(15, 34, 54, 0.07);
    transition: border-color .18s ease, box-shadow .18s ease;
  }

  html body .whb-header_648594 .wd-search-form.wd-header-search-form .searchform:hover {
    border-color: #C4D0DC;
  }

  html body .whb-header_648594 .wd-search-form.wd-header-search-form .searchform:focus-within {
    border-color: #0081C7;
    box-shadow: 0 0 0 3px rgba(0, 129, 199, 0.14), 0 8px 24px rgba(15, 34, 54, 0.08);
  }

  html body .whb-header_648594 .wd-search-form.wd-header-search-form input.s {
    border: 1px solid transparent;
    border-radius: 16px;
    background: transparent;
    box-shadow: none;
    color: #0F2236;
    padding-left: 20px;
    padding-right: 64px;
  }

  html body .whb-header_648594 .wd-search-form.wd-header-search-form input.s:focus {
    border-color: transparent;
    box-shadow: none;
    background: transparent;
  }

  html body .whb-header_648594 .wd-search-form.wd-header-search-form input.s::placeholder {
    color: #8190A1;
  }

  html body .whb-header_648594 .wd-search-form.wd-header-search-form button.searchsubmit {
    background: #008BD2;
    color: #fff;
    border-radius: 12px;
    margin-right: 5px;
    transition: background .18s ease;
  }

  html body .whb-header_648594 .wd-search-form.wd-header-search-form button.searchsubmit:hover {
    background: #0076B5;
    color: #fff;
  }
}

/* ===== NM SEARCH V5 — MedComp-style categories (scoped to .elementor-36030) ===== */
.elementor-36030 .nm-search-cat-sidebar{background:#fff;border:1px solid #E3E9F0;border-radius:10px;padding:18px 16px;font-size:14px;color:#0F2236;}
.elementor-36030 .nm-search-cat-title{font-size:16px;font-weight:700;color:#0F2236;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #E3E9F0;}
.elementor-36030 .nm-search-cat-group{margin:0 0 14px;}
.elementor-36030 .nm-search-cat-group:last-child{margin-bottom:0;}
.elementor-36030 .nm-search-cat-group-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#5A6B7B;margin:0 0 8px;}
.elementor-36030 .nm-search-cat-list{list-style:none;margin:0;padding:0;}
.elementor-36030 .nm-search-cat-item{margin:0 0 2px;}
.elementor-36030 .nm-search-cat-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;color:#0F2236;text-decoration:none;line-height:1.3;transition:background .15s ease,color .15s ease,border-color .15s ease;border:1px solid transparent;}
.elementor-36030 .nm-search-cat-link:hover{background:rgba(0,155,240,.07);border-color:#D9E1EA;color:#0081C7;}
.elementor-36030 .nm-search-cat-name{flex:1 1 auto;}
.elementor-36030 .nm-search-cat-count{flex:0 0 auto;font-size:12px;font-weight:600;color:#6A7A89;background:#F2F6FA;border:1px solid #E3E9F0;border-radius:20px;padding:1px 9px;min-width:22px;text-align:center;}
.elementor-36030 .nm-search-cat-link:hover .nm-search-cat-count{color:#0081C7;border-color:#009BF0;}
@media (min-width:1025px){.elementor-36030 .nm-search-cat-sidebar{position:sticky;top:20px;}}
@media (max-width:1024px){.elementor-36030 .elementor-element-46c313f1{flex-direction:column !important;}.elementor-36030 .elementor-element-f21dde5{width:100% !important;flex-basis:auto !important;max-width:100% !important;}.elementor-36030 .nm-search-cat-sidebar{position:static;}}

/* NM-V5-GRID-COLS: scoped grid columns in v5 search products area (grid only; overflow fix) */
@media (min-width:1025px){
  .elementor-36030 .elementor-element-4e76dff .products.wd-products.elements-grid{ --wd-col-lg:3 !important; }
}
@media (min-width:768px) and (max-width:1024px){
  .elementor-36030 .elementor-element-4e76dff .products.wd-products.elements-grid{ --wd-col-md:2 !important; }
}
@media (max-width:767px){
  .elementor-36030 .elementor-element-4e76dff .products.wd-products.elements-grid{ --wd-col-sm:1 !important; }
}

/* NM-V5-PRODCOL-FIX: let products column shrink to fit beside sidebar (scoped) */
@media (min-width:1025px){
  .elementor-36030 .elementor-element-4e76dff{ flex-grow:1; flex-shrink:1; flex-basis:0%; min-width:0; max-width:100%; }
}

/* NM-V5-LIST-FIX: constrain list-view card stretch (scoped, list only) */
@media (min-width:1025px){
  .elementor-36030 .elementor-element-4e76dff .products.wd-products.elements-list .wd-product.product-list-item .product-wrapper{ grid-template-columns: 240px minmax(0,1fr) !important; }
  .elementor-36030 .elementor-element-4e76dff .products.wd-products.elements-list .wd-product.product-list-item .product-list-content{ grid-template-columns: minmax(0,1fr) 220px !important; column-gap: 24px; }
  .elementor-36030 .elementor-element-4e76dff .products.wd-products.elements-list .wd-product.product-list-item{ max-width: 980px; }
}

/* Fix 5: Партнёр — расширяем текстовый блок на всю ширину (было 95%) */
.elementor-29022 .elementor-element.elementor-element-2ab12da {
    width: 100% !important;
    max-width: 100% !important;
}

/* ===== NM HERO — BRAND SLIDES ===== */
.nm-slide--brand .nm-slide__inner{
    display:flex; flex-direction:row; align-items:stretch;
    height:100%; border-radius:18px; overflow:hidden; position:relative;
}
.nm-slide--brand .nm-slide__content{
    flex:1 1 56%; display:flex; flex-direction:column;
    justify-content:center; padding:30px 8px 30px 32px; z-index:2;
}
.nm-slide--brand .nm-slide__image{
    flex:1 1 44%; display:flex; align-items:center; justify-content:center;
    padding:18px 18px 18px 0; z-index:2;
}
.nm-slide--brand .nm-slide__image img{
    max-width:100%; max-height:300px; width:auto; height:auto;
    object-fit:contain; filter:drop-shadow(0 12px 24px rgba(0,0,0,.12));
}
.nm-slide--brand .nm-slide__eyebrow{
    font-size:11px; letter-spacing:.06em; font-weight:700;
    color:#5a6472; text-transform:uppercase; margin-bottom:10px;
}
.nm-slide--brand .nm-slide__title{
    font-size:24px; line-height:1.15; font-weight:800;
    color:#2D3748; margin:0 0 4px;
}
.nm-slide--brand .nm-slide__sub{
    font-size:14px; font-weight:600; color:#0087D1; margin:0 0 16px;
}
.nm-slide--brand .nm-slide__list{
    list-style:none; margin:0 0 20px; padding:0 0 0 14px;
    border-left:3px solid rgba(45,55,72,.25);
}
.nm-slide--brand .nm-slide__list li{
    font-size:14px; line-height:1.5; color:#3a4250;
    padding:3px 0; position:relative;
}
.nm-slide--brand .nm-slide__btns{
    display:flex; flex-direction:column; gap:9px; max-width:230px;
}
.nm-slide--brand .nm-slide__btn{
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    padding:11px 18px; border-radius:11px; font-size:13px; font-weight:600;
    text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.nm-slide--brand .nm-slide__btn svg{ flex:0 0 14px; }
.nm-slide--brand .nm-slide__btn--blue{
    background:#0087D1; color:#fff; box-shadow:0 6px 16px rgba(0,135,209,.28);
}
.nm-slide--brand .nm-slide__btn--graphite{
    background:#2D3748; color:#fff; box-shadow:0 6px 16px rgba(45,55,72,.22);
}
.nm-slide--brand .nm-slide__btn:hover{ transform:translateY(-2px); opacity:.94; }

/* Gradient backgrounds per brand */
.nm-slide--brand.nm-brand--aksion  .nm-slide__inner{ background:linear-gradient(135deg,#EAF2E5 0%,#D6E6CF 100%); }
.nm-slide--brand.nm-brand--fotek   .nm-slide__inner{ background:linear-gradient(135deg,#F0EBF7 0%,#E0D7EE 100%); }
.nm-slide--brand.nm-brand--monitor .nm-slide__inner{ background:linear-gradient(135deg,#F7F2E9 0%,#ECE0CD 100%); }
.nm-slide--brand.nm-brand--matriks .nm-slide__inner{ background:linear-gradient(135deg,#E6F0F0 0%,#D0E4E2 100%); }
.nm-slide--brand.nm-brand--milon   .nm-slide__inner{ background:linear-gradient(135deg,#F8EEE4 0%,#F0DCC9 100%); }

/* Responsive: stack content over image on narrow slides */
@media (max-width:560px){
    .nm-slide--brand .nm-slide__inner{ flex-direction:column; }
    .nm-slide--brand .nm-slide__content{ flex:1 1 auto; padding:24px 20px 8px; }
    .nm-slide--brand .nm-slide__image{ flex:1 1 auto; padding:0 20px 24px; }
    .nm-slide--brand .nm-slide__image img{ max-height:180px; }
    .nm-slide--brand .nm-slide__btns{ max-width:none; }
    .nm-slide--brand .nm-slide__title{ font-size:21px; }
}

/* NM STICKY MENU FIX */
.whb-sticked .whb-general-header .whb-col-center {
  flex: 1 1 auto !important;
  min-width: 0;
}

/* NM HEADER BREAKPOINT 1200 - switch to mobile header below 1200px (like medcomp). Applies in normal + sticky. Mobile columns use FLEX to match native <1025 behaviour (logo vertical-centered, icons aligned). */
@media (min-width:1025px) and (max-width:1199px){
  html body .whb-header_648594 .whb-col-left.whb-visible-lg,
  html body .whb-header_648594 .whb-col-center.whb-visible-lg,
  html body .whb-header_648594 .whb-col-right.whb-visible-lg,
  html body .whb-header .whb-main-header .whb-general-header .whb-col-right.whb-visible-lg,
  .whb-header .whb-visible-lg, .whb-header .whb-hidden-mobile { display:none !important; }
  html body .whb-header_648594 .whb-mobile-left.whb-hidden-lg { display:flex !important; align-items:center !important; }
  html body .whb-header_648594 .whb-mobile-right.whb-hidden-lg { display:flex !important; align-items:center !important; }
  .whb-header .whb-hidden-lg.whb-empty-column { display:none !important; }
  .whb-header_648594 .whb-header-bottom, .whb-header_648594 .whb-top-bar { display:none !important; }
}

/* NM HEADER HEIGHT FIX 1025-1199 - top-bar & bottom-bar are hidden in this range, so collapse --wd-header-h to just the general row height. Fixes phantom sticky padding pushing hero down + restores shadow spacing. */
@media (min-width:1025px) and (max-width:1199px){
  html body .whb-header_648594.whb-sticky-prepared,
  html body .whb-header_648594 { --wd-header-h: calc(100px + 1px) !important; }
  html body .whb-header_648594.whb-sticky-prepared { padding-top: calc(100px + 1px) !important; }
}

/* NM HEADER DESKTOP >=1200 - authoritative layout above breakpoint, overrides legacy 1025 crutches. Menu stays in bottom bar; center general-header nav stays hidden by design. */
@media (min-width:1200px){
  html body .whb-header_648594 .whb-general-header .whb-col-left.whb-visible-lg{display:flex !important;}
  html body .whb-header_648594 .whb-general-header .whb-col-right.whb-visible-lg{display:flex !important;flex:1 1 auto !important;justify-content:flex-end !important;}
  html body .whb-header_648594 .whb-general-header .whb-column.whb-hidden-lg{display:none !important;}
  html body .whb-header_648594 /* removed: .whb-header-bottom display:flex !important (broke sticky hide) */
  html body .whb-header_648594 .whb-top-bar{display:flex !important;}
}
