@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//heat-energy.ru/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.5") format("woff2");
}

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

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

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(242,106,33);
	--wd-alternative-color: #3a3f45;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://heat-energy.ru/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
: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 .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.page .wd-page-content {
	background-color: #f7f8fa;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(247,248,250);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(255,252,252);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(247,248,250);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(247,248,250);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: #0a0a0a;
}



/* =========================================================
   HERO SECTION (FULLSCREEN)
   ========================================================= */

body.home .he-hero-section {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: 0;
  padding-right: 0;
  margin-top: calc(-1 * var(--wd-header-height, 90px));
}

.he-hero {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  background-image: url("https://new.heat-energy.ru/wp-content/uploads/2026/01/banner-homepage.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;

  display: flex;
  align-items: center;
  padding: 60px 0;
}

@media (max-width: 768px) {
  .he-hero {
    align-items: flex-end;
    padding-bottom: 80px;
    background-attachment: scroll;
  }
}

/* Overlay */
.he-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(31, 35, 40, 0.55);
}

/* Hero content */
.he-hero-content {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  color: #FFFFFF;
  z-index: 2;
}

.he-hero-content h1 {
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.he-hero-content p {
  max-width: 720px;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 32px;
  color: #F1F1F1;
}

@media (max-width: 768px) {
  .he-hero-content h1 {
    font-size: 30px;
  }

  .he-hero-content p {
    font-size: 16px;
  }
}

/* Buttons */
.he-hero-actions {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.he-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.he-btn-primary {
  background-color: #F26A21;
  color: #FFFFFF;
}

.he-btn-primary:hover {
  background-color: #d85f1d;
}

.he-btn-secondary {
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid rgba(255,255,255,0.6);
}

.he-btn-secondary:hover {
  background-color: rgba(255,255,255,0.1);
}

/* =========================================================
   HEADER (ЛИПКАЯ, БЕЗ КОНФЛИКТОВ)
   ========================================================= */

body.home .wd-header {
  position: relative;
  background: transparent;
  z-index: 999;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

body.home .wd-header.wd-sticky,
body.home .wd-header.wd-header-sticked,
body.home .wd-header.header-sticky,
body.home .wd-header.is-sticky {
  position: fixed;
  top: 0;
  background: #FFFFFF;
  box-shadow: 0 6px 24px rgba(0,0,0,0.08);
}

/* =========================================================
   ENGINEERING DIRECTIONS BLOCK
   ========================================================= */

.he-directions {
  background: #F7F8FA;
  padding: 48px 0 96px;
}

/* ВНУТРЕННИЙ КОНТЕЙНЕР — КЛЮЧ К НОРМАЛЬНОЙ СЕТКЕ */
.he-directions-inner {
  max-width: 1280px;
  margin: 0 auto;
}

/* Header */
.he-directions-header {
  max-width: 720px;
  margin-bottom: 70px;
}

.he-directions-header h2 {
  font-size: 32px;
  font-weight: 500;
  color: #1F2328;
  margin-bottom: 18px;
}

.he-directions-subtitle {
  font-size: 16px;
  line-height: 1.6;
  color: #6B7280;
  margin: 0;
}

/* Grid */
.he-directions-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 60px;
}

.he-direction {
  text-align: left;
}

.he-icon {
  width: 48px;
  height: 48px;
  margin-bottom: 24px;
}

.he-icon svg {
  width: 100%;
  height: 100%;
  stroke: #3A3F45;
  stroke-width: 1.6;
  fill: none;
}

.he-direction h3 {
  font-size: 18px;
  font-weight: 500;
  color: #1F2328;
  margin-bottom: 14px;
}

.he-direction p {
  font-size: 15px;
  line-height: 1.6;
  color: #6B7280;
  margin: 0;
}

.he-direction:hover .he-icon svg {
  stroke: #F26A21;
}

/* Responsive */
@media (max-width: 1024px) {
  .he-directions-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .he-directions {
    padding: 70px 0;
  }

  .he-directions-header h2 {
    font-size: 26px;
  }
}

@media (max-width: 640px) {
  .he-directions-container {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}
/* === FIX: HERO MUST IGNORE GLOBAL PADDING === */
body.home .he-hero-section {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.home .he-hero-section .elementor-container,
body.home .he-hero {
  max-width: 100% !important;
}

/* === HERO: УБРАТЬ ЛЮБОЙ ОТСТУП ОТ ШАПКИ === */
body.home .he-hero-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* === HERO: БЕЛЫЙ ТЕКСТ (ПРИНУДИТЕЛЬНО) === */
.he-hero,
.he-hero * {
  color: #FFFFFF !important;
}
.he-hero-content p {
  color: rgba(255,255,255,0.9) !important;
}

/* === ВОССТАНОВЛЕНИЕ РАБОЧЕГО FIX ДЛЯ HERO === */
body.home .he-hero-section {
  margin-top: calc(-1 * var(--wd-header-height, 90px)) !important;
  padding-top: 0 !important;
}

/* =====================================================
   ENGINEERING APPROACH BLOCK
   ===================================================== */

.he-approach {
  background: #FFFFFF;
  padding: 80px 0 100px;
  border-top: 1px solid #E6E8EC; /* визуальное разделение */
}

.he-approach-inner {
  max-width: 1280px;
  margin: 0 auto;
}

/* Header */
.he-approach-header {
  max-width: 720px;
  margin-bottom: 70px;
}

.he-approach-header h2 {
  font-size: 32px;
  font-weight: 500;
  color: #1F2328;
  margin-bottom: 18px;
}

.he-approach-subtitle {
  font-size: 16px;
  line-height: 1.6;
  color: #6B7280;
  margin: 0;
}

/* List */
.he-approach-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px 80px;
}

.he-approach-item h3 {
  font-size: 18px;
  font-weight: 500;
  color: #1F2328;
  margin-bottom: 12px;
}

.he-approach-item p {
  font-size: 15px;
  line-height: 1.6;
  color: #6B7280;
  margin: 0;
}

/* Responsive */
@media (max-width: 1024px) {
  .he-approach-list {
    grid-template-columns: 1fr;
    gap: 36px;
  }
}

@media (max-width: 768px) {
  .he-approach {
    padding: 60px 0 80px;
  }

  .he-approach-header {
    margin-bottom: 40px;
  }

  .he-approach-header h2 {
    font-size: 26px;
  }
}

/* === FIX: ВНУТРЕННИЕ ОТСТУПЫ ДЛЯ БЛОКА "ИНЖЕНЕРНЫЙ ПОДХОД" === */

.he-approach-inner {
  padding-left: clamp(20px, 5vw, 80px);
  padding-right: clamp(20px, 5vw, 80px);
}

/* === Убираем РАСПРОДАНО с изображения товара ===*/

.product-label.out-of-stock,
.product-label.sold-out,
.wd-product-label.out-of-stock,
.wd-product-label.sold-out {
    display: none !important;
}

/* ===========Белый квадрат при выцводе категории

/* Белый квадрат категории */
.product-category .wd-cat-thumb,
.wd-cat-thumb {
    aspect-ratio: 1 / 1;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);

    transition: 
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* Картинка внутри квадрата */
.product-category img,
.wd-cat-thumb img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;

    transition: transform 0.25s ease;
}

/* Наведение — усиление премиума */
.product-category:hover .wd-cat-thumb,
.wd-cat-thumb:hover {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

/* Лёгкий зум картинки на hover */
.product-category:hover img,
.wd-cat-thumb:hover img {
    transform: scale(1.04);
}

/* Разрешаем тени у сетки категорий */
.wd-products,
.products,
.wd-grid,
.wd-row {
    overflow: visible !important;
}

/* =============================== */
/* ПОДКАТЕГОРИИ WOO + WOODMART */
/* =============================== */

/* Контейнер подкатегории */
.woocommerce ul.products li.product-category .wd-cat-thumb,
.woocommerce ul.products li.product-category .category-image,
.woocommerce ul.products li.product-category .product-image {
    aspect-ratio: 1 / 1;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);

    transition:
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

/* Картинка подкатегории */
.woocommerce ul.products li.product-category img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
    object-fit: contain;

    transition: transform 0.25s ease;
}

/* Hover для подкатегорий */
.woocommerce ul.products li.product-category:hover .wd-cat-thumb,
.woocommerce ul.products li.product-category:hover .category-image,
.woocommerce ul.products li.product-category:hover .product-image {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

/* Лёгкий зум картинки */
.woocommerce ul.products li.product-category:hover img {
    transform: scale(1.04);
}

/* ОТКЛЮЧАЕМ LAZY LOAD ТОЛЬКО В КАТАЛОГЕ */
.woocommerce-shop img,
.tax-product_cat img {
    loading: eager;
}

/* ================================================= */
/* КАТАЛОГ ТОВАРОВ – ЖЁСТКИЙ КВАДРАТ (WOODMART) */
/* ================================================= */

/* 1. УБИРАЕМ вмешательство Woodmart */
.woocommerce-shop .content-product-imagin,
.tax-product_cat .content-product-imagin {
    display: none !important;
}

/* 2. ДЕЛАЕМ КВАДРАТ НА ССЫЛКЕ С КАРТИНКОЙ */
.woocommerce-shop .product-grid-item .product-image-link,
.tax-product_cat .product-grid-item .product-image-link {
    position: relative;
    display: block;

    width: 100%;
    aspect-ratio: 1 / 1;        /* квадрат */
    background: #fff;

    overflow: hidden;
}

/* страховка для старых браузеров */
@supports not (aspect-ratio: 1 / 1) {
    .woocommerce-shop .product-grid-item .product-image-link,
    .tax-product_cat .product-grid-item .product-image-link {
        height: 260px;
    }
}

/* 3. КАРТИНКУ — ВПИСЫВАЕМ И ЦЕНТРИРУЕМ */
.woocommerce-shop .product-grid-item .product-image-link img,
.tax-product_cat .product-grid-item .product-image-link img {
    position: absolute;
    inset: 0;
    margin: auto;

    max-width: 90% !important;
    max-height: 90% !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;
    object-position: center center !important;

    display: block;
}


 

.navien-article {
    max-width: 1080px;
    margin: 0 auto;
    padding: 60px 40px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: #1c1f23;
    line-height: 1.75;
}

.navien-article h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
}

.navien-article h2 {
    font-size: 26px;
    font-weight: 600;
    margin: 60px 0 25px;
    padding-left: 18px;
    border-left: 4px solid #000;
}

.navien-card {
    background: #f8f9fb;
    padding: 30px;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.04);
}

.navien-warning {
    background: #fff5f5;
    border-left: 4px solid #d60000;
}

.navien-advantage {
    background: #f2f6ff;
    border-left: 4px solid #0d3ea5;
}

.navien-image {
    float: right;
    margin: 0 0 25px 35px;
    border-radius: 12px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.post-meta,
.entry-meta,
.author-avatar,
.meta-author,
.meta-date,
.blog-meta {
    display: none !important;
}

:root {
      --he-bg: #f6f8fb;
      --he-surface: #ffffff;
      --he-surface-2: #eef3f8;
      --he-text: #1f2933;
      --he-muted: #617285;
      --he-muted-2: #8795a5;
      --he-dark: #27313d;
      --he-dark-2: #2e333b;
      --he-blue: #1f5f8b;
      --he-blue-2: #607d9b;
      --he-orange: #e95b30;
      --he-orange-2: #cb4117;
      --he-border: rgba(31, 41, 51, .10);
      --he-border-2: rgba(31, 41, 51, .07);
      --he-border-dark: rgba(255, 255, 255, .13);
      --he-shadow: 0 12px 32px rgba(31, 41, 51, .08);
      --he-shadow-soft: 0 6px 18px rgba(31, 41, 51, .055);
      --he-radius-sm: 12px;
      --he-radius: 16px;
      --he-radius-lg: 22px;
      --he-container: 1180px;
      --he-font: Inter, Manrope, Arial, sans-serif;
    }

    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: var(--he-font);
      color: var(--he-text);
      background: var(--he-bg);
      line-height: 1.5;
      font-size: 16px;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    body.has-mobile-menu { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    img, svg { display: block; max-width: 100%; }
    button, input, textarea, select { font: inherit; }
    .he-page { min-height: 100vh; overflow-x: hidden; }
    .he-container { width: min(var(--he-container), calc(100% - 40px)); margin: 0 auto; }
    .he-section { padding: clamp(46px, 5.2vw, 72px) 0; }
    .he-section--light { background: #fff; }
    .he-section--tight { padding: clamp(34px, 4vw, 52px) 0; }

    .he-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin: 0 0 10px;
      color: var(--he-blue);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .10em;
      text-transform: uppercase;
    }
    .he-eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--he-orange);
      box-shadow: 0 0 0 5px rgba(233, 91, 48, .11);
    }
    .he-title {
      margin: 0;
      color: var(--he-text);
      font-size: clamp(27px, 3.2vw, 42px);
      line-height: 1.12;
      letter-spacing: -.03em;
    }
    .he-title--white { color: #fff; }
    .he-lead {
      margin: 14px 0 0;
      max-width: 720px;
      color: var(--he-muted);
      font-size: clamp(15px, 1.25vw, 17px);
    }
    .he-muted { color: var(--he-muted); }

    .he-btn, .he-link-btn {
      min-height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 10px 17px;
      border-radius: 999px;
      font-weight: 850;
      font-size: 14px;
      line-height: 1.15;
      border: 1px solid transparent;
      cursor: pointer;
      transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
    }
    .he-btn:hover, .he-link-btn:hover { transform: translateY(-2px); }
    .he-btn--primary { color: #fff; background: var(--he-orange); box-shadow: 0 10px 22px rgba(233, 91, 48, .22); }
    .he-btn--primary:hover { background: var(--he-orange-2); }
    .he-btn--dark { color: #fff; background: var(--he-dark); box-shadow: 0 10px 22px rgba(31, 41, 51, .14); }
    .he-btn--ghost { color: var(--he-text); background: #fff; border-color: rgba(31, 41, 51, .12); }
    .he-btn--light { color: #fff; background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .18); }

    .he-header {
      position: sticky;
      top: 0;
      z-index: 70;
      background: rgba(246, 248, 251, .94);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(31, 41, 51, .08);
    }
    .he-topbar { border-bottom: 1px solid rgba(31, 41, 51, .065); background: rgba(255, 255, 255, .72); }
    .he-topbar__inner {
      min-height: 34px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      color: var(--he-muted);
      font-size: 13px;
    }
    .he-topbar__links { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
    .he-topbar a { color: var(--he-text); font-weight: 800; }
    .he-header__main {
      min-height: 68px;
      display: grid;
      grid-template-columns: auto minmax(260px, 1fr) auto;
      align-items: center;
      gap: 18px;
    }
    .he-logo { display: flex; align-items: center; gap: 10px; min-width: max-content; }
    .he-logo__mark {
      width: 38px;
      height: 38px;
      border-radius: 13px;
      background: linear-gradient(135deg, rgba(233, 91, 48, .96), rgba(203, 65, 23, .96));
      display: grid;
      place-items: center;
      box-shadow: 0 10px 20px rgba(233, 91, 48, .22);
    }
    .he-logo__mark svg { width: 22px; height: 22px; fill: #fff; }
    .he-logo__name { display: block; color: var(--he-text); font-size: 20px; font-weight: 950; letter-spacing: -.035em; line-height: 1; }
    .he-logo__caption { display: block; margin-top: 3px; color: var(--he-muted); font-size: 11px; font-weight: 750; }
    .he-search { position: relative; width: 100%; }
    .he-search input {
      width: 100%;
      height: 44px;
      padding: 0 48px 0 17px;
      border: 1px solid rgba(31, 41, 51, .12);
      border-radius: 999px;
      background: #fff;
      color: var(--he-text);
      outline: none;
      box-shadow: 0 5px 14px rgba(31, 41, 51, .035);
      transition: border-color .18s ease, box-shadow .18s ease;
    }
    .he-search input:focus { border-color: rgba(31, 95, 139, .48); box-shadow: 0 0 0 4px rgba(31, 95, 139, .09); }
    .he-search button {
      position: absolute;
      top: 4px;
      right: 4px;
      width: 36px;
      height: 36px;
      border: 0;
      border-radius: 50%;
      background: var(--he-dark);
      color: #fff;
      display: grid;
      place-items: center;
      cursor: pointer;
    }
    .he-actions { display: flex; align-items: center; gap: 9px; }
    .he-nav { border-top: 1px solid rgba(31, 41, 51, .065); }
    .he-nav__inner {
      min-height: 44px;
      display: flex;
      align-items: center;
      gap: 23px;
      overflow-x: auto;
      scrollbar-width: none;
    }
    .he-nav__inner::-webkit-scrollbar { display: none; }
    .he-nav a { color: var(--he-muted); font-size: 14px; font-weight: 850; white-space: nowrap; }
    .he-nav a:hover { color: var(--he-text); }
    .he-menu-toggle {
      display: none;
      width: 42px;
      height: 42px;
      border: 1px solid rgba(31, 41, 51, .12);
      border-radius: 50%;
      background: #fff;
      cursor: pointer;
      place-items: center;
      gap: 4px;
    }
    .he-menu-toggle span { width: 18px; height: 2px; border-radius: 4px; background: var(--he-text); display: block; }
    .he-mobile-panel { display: none; }

    .he-hero {
      position: relative;
      padding: clamp(34px, 5vw, 56px) 0 clamp(38px, 5vw, 60px);
      overflow: hidden;
      isolation: isolate;
    }
    .he-hero::before {
      content: "";
      position: absolute;
      inset: -160px -120px auto auto;
      width: 460px;
      height: 460px;
      z-index: -1;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(31, 95, 139, .14), rgba(31, 95, 139, 0) 68%);
    }
    .he-hero__grid {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
      gap: clamp(24px, 4vw, 48px);
      align-items: center;
    }
    .he-hero__badge {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 7px 12px;
      border-radius: 999px;
      border: 1px solid rgba(31, 95, 139, .16);
      background: rgba(255, 255, 255, .80);
      box-shadow: 0 7px 18px rgba(31, 41, 51, .05);
      color: var(--he-blue);
      font-weight: 850;
      font-size: 12px;
      margin-bottom: 18px;
    }
    .he-hero__badge span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #2fa76d;
      box-shadow: 0 0 0 5px rgba(47, 167, 109, .12);
    }
    .he-hero h1 {
      margin: 0;
      max-width: 760px;
      font-size: clamp(34px, 4.5vw, 56px);
      line-height: 1.04;
      letter-spacing: -.045em;
      color: var(--he-text);
    }
    .he-hero h1 span { color: var(--he-blue); }
    .he-hero__desc {
      margin: 18px 0 0;
      max-width: 650px;
      color: var(--he-muted);
      font-size: clamp(16px, 1.35vw, 18px);
      line-height: 1.55;
    }
    .he-hero__cta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
    .he-hero__trust {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 24px;
      max-width: 620px;
    }
    .he-trust-chip {
      display: flex;
      align-items: center;
      gap: 9px;
      min-height: 48px;
      padding: 10px 12px;
      border: 1px solid rgba(31, 41, 51, .085);
      border-radius: 14px;
      background: rgba(255, 255, 255, .78);
      color: var(--he-text);
      font-weight: 850;
      font-size: 13px;
    }
    .he-trust-chip svg { width: 18px; height: 18px; color: var(--he-orange); flex: 0 0 auto; }
    .he-hero-card {
      position: relative;
      border-radius: var(--he-radius-lg);
      padding: 14px;
      background: #fff;
      border: 1px solid rgba(31, 41, 51, .08);
      box-shadow: var(--he-shadow);
    }
    .he-selection-panel {
      overflow: hidden;
      border-radius: 18px;
      background: var(--he-dark);
      color: #fff;
      border: 1px solid rgba(255, 255, 255, .12);
    }
    .he-selection-panel__head {
      padding: 20px 20px 18px;
      background: radial-gradient(circle at 100% 0, rgba(96, 125, 155, .36), rgba(96, 125, 155, 0) 45%), linear-gradient(135deg, #27313d, #303b48);
      border-bottom: 1px solid rgba(255, 255, 255, .10);
    }
    .he-panel-label {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: rgba(255, 255, 255, .72);
      font-size: 11px;
      font-weight: 850;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .he-panel-label::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--he-orange); }
    .he-selection-panel h2 { margin: 12px 0 0; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.12; letter-spacing: -.03em; }
    .he-selection-panel p { margin: 10px 0 0; color: rgba(255, 255, 255, .70); font-size: 14px; }
    .he-param-list { display: grid; gap: 9px; padding: 16px 20px 20px; margin: 0; list-style: none; }
    .he-param-list li {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 10px;
      align-items: start;
      padding: 11px;
      border-radius: 14px;
      background: rgba(255, 255, 255, .06);
      border: 1px solid rgba(255, 255, 255, .08);
    }
    .he-param-list b { display: block; margin-bottom: 2px; color: #fff; font-size: 14px; }
    .he-param-list span:last-child { display: block; color: rgba(255, 255, 255, .66); font-size: 13px; }
    .he-param-list__num {
      width: 28px;
      height: 28px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: rgba(233, 91, 48, .16);
      color: #ffb39d;
      font-weight: 950;
      font-size: 12px;
    }

    .he-quick-categories { padding-bottom: clamp(34px, 4vw, 48px); }
    .he-quick-categories__box {
      padding: 12px;
      border-radius: 18px;
      background: rgba(255, 255, 255, .92);
      border: 1px solid rgba(31, 41, 51, .085);
      box-shadow: var(--he-shadow-soft);
    }
    .he-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
    .he-quick-link {
      display: flex;
      align-items: center;
      gap: 9px;
      min-height: 52px;
      padding: 10px;
      border-radius: 13px;
      background: #fff;
      border: 1px solid rgba(31, 41, 51, .08);
      color: var(--he-text);
      font-weight: 850;
      font-size: 13px;
      transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
      min-width: 0;
    }
    .he-quick-link:hover { transform: translateY(-2px); border-color: rgba(233, 91, 48, .24); box-shadow: 0 10px 24px rgba(31, 41, 51, .08); }
    .he-quick-link span {
      width: 32px;
      height: 32px;
      flex: 0 0 auto;
      border-radius: 11px;
      display: grid;
      place-items: center;
      color: var(--he-blue);
      background: rgba(31, 95, 139, .09);
    }

    .he-heading-row { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
    .he-heading-row .he-lead { max-width: 600px; }
    .he-category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 14px; }
    .he-category-card {
      position: relative;
      min-height: 226px;
      display: flex;
      flex-direction: column;
      padding: 20px;
      border-radius: var(--he-radius);
      background: #fff;
      border: 1px solid rgba(31, 41, 51, .085);
      box-shadow: 0 4px 14px rgba(31, 41, 51, .035);
      overflow: hidden;
      transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    }
    .he-category-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--he-blue), var(--he-orange));
      transform: scaleX(.18);
      transform-origin: left;
      transition: transform .22s ease;
    }
    .he-category-card:hover { transform: translateY(-3px); box-shadow: var(--he-shadow-soft); border-color: rgba(31, 95, 139, .19); }
    .he-category-card:hover::before { transform: scaleX(1); }
    .he-card-icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      border-radius: 15px;
      background: rgba(31, 95, 139, .08);
      color: var(--he-blue);
      margin-bottom: 15px;
    }
    .he-card-icon svg { width: 25px; height: 25px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
    .he-category-card h3 { margin: 0; font-size: 19px; line-height: 1.18; letter-spacing: -.02em; }
    .he-category-card p { margin: 10px 0 0; color: var(--he-muted); font-size: 14px; }
    .he-category-card__link { margin-top: auto; padding-top: 16px; color: var(--he-blue); font-weight: 900; font-size: 14px; }

    .he-dark-band {
      color: #fff;
      background: radial-gradient(circle at 92% 8%, rgba(96, 125, 155, .30), transparent 36%), radial-gradient(circle at 6% 90%, rgba(233, 91, 48, .12), transparent 34%), linear-gradient(135deg, #27313d, #2e333b);
    }
    .he-dark-band .he-eyebrow { color: #9dc2df; }
    .he-dark-band .he-lead { color: rgba(255, 255, 255, .72); }
    .he-process-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: clamp(22px, 3.6vw, 42px); align-items: start; }
    .he-process-card {
      position: sticky;
      top: 130px;
      padding: 24px;
      border-radius: 20px;
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .12);
    }
    .he-process-card h3 { margin: 0; font-size: 23px; line-height: 1.17; letter-spacing: -.025em; }
    .he-process-card p { margin: 12px 0 0; color: rgba(255, 255, 255, .70); }
    .he-process-actions { display: flex; gap: 9px; flex-wrap: wrap; margin-top: 20px; }
    .he-steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
    .he-step {
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 14px;
      padding: 17px;
      border-radius: 18px;
      background: rgba(255, 255, 255, .07);
      border: 1px solid rgba(255, 255, 255, .11);
    }
    .he-step__num { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; background: rgba(233, 91, 48, .16); color: #ffb69f; font-weight: 950; }
    .he-step h3 { margin: 0 0 5px; font-size: 17px; color: #fff; }
    .he-step p { margin: 0; color: rgba(255, 255, 255, .68); font-size: 14px; }

    .he-analog { background: #fff; }
    .he-analog-box {
      display: grid;
      grid-template-columns: .98fr 1.02fr;
      gap: 22px;
      align-items: stretch;
      padding: 24px;
      border-radius: 22px;
      background: var(--he-bg);
      border: 1px solid rgba(31, 41, 51, .085);
      box-shadow: var(--he-shadow-soft);
    }
    .he-analog-copy { padding: 4px; }
    .he-analog-list { display: grid; gap: 9px; margin: 20px 0 0; padding: 0; list-style: none; }
    .he-analog-list li { display: grid; grid-template-columns: 23px 1fr; gap: 9px; color: var(--he-muted); font-size: 15px; }
    .he-check { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: rgba(47, 167, 109, .11); color: #2fa76d; font-weight: 950; font-size: 12px; }
    .he-request-card { padding: 20px; border-radius: 18px; background: #fff; border: 1px solid rgba(31, 41, 51, .085); }
    .he-request-card h3 { margin: 0 0 14px; font-size: 20px; letter-spacing: -.025em; }
    .he-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .he-field { display: flex; flex-direction: column; gap: 6px; }
    .he-field--wide { grid-column: 1 / -1; }
    .he-field label { color: var(--he-muted); font-size: 11px; font-weight: 850; letter-spacing: .075em; text-transform: uppercase; }
    .he-field input, .he-field textarea, .he-field select {
      width: 100%;
      min-height: 43px;
      border: 1px solid rgba(31, 41, 51, .13);
      border-radius: 12px;
      padding: 10px 12px;
      background: #fff;
      color: var(--he-text);
      outline: none;
      transition: border-color .16s ease, box-shadow .16s ease;
    }
    .he-field textarea { min-height: 92px; resize: vertical; }
    .he-field input:focus, .he-field textarea:focus, .he-field select:focus { border-color: rgba(31, 95, 139, .46); box-shadow: 0 0 0 4px rgba(31, 95, 139, .08); }
    .he-form-note { margin: 10px 0 0; color: var(--he-muted-2); font-size: 12px; }
    .he-request-card .he-btn { width: 100%; margin-top: 12px; }

    .he-brands-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(134px, 1fr)); gap: 9px; }
    .he-brand {
      min-height: 56px;
      display: grid;
      place-items: center;
      padding: 10px;
      border-radius: 14px;
      background: #fff;
      border: 1px solid rgba(31, 41, 51, .085);
      color: var(--he-text);
      font-weight: 900;
      text-align: center;
      transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
    }
    .he-brand:hover { transform: translateY(-2px); border-color: rgba(31, 95, 139, .19); box-shadow: 0 9px 22px rgba(31, 41, 51, .06); }
    .he-brand.is-hidden { display: none; }
    .he-brand-toggle { margin: 18px auto 0; display: flex; }

    .he-audience-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 13px; }
    .he-audience-card { padding: 19px; border-radius: 16px; background: #fff; border: 1px solid rgba(31, 41, 51, .085); }
    .he-audience-card b { display: block; margin-bottom: 7px; font-size: 17px; }
    .he-audience-card p { margin: 0; color: var(--he-muted); font-size: 14px; }

    .he-seo-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .76fr); gap: 22px; align-items: start; }
    .he-seo-card, .he-table-card, .he-faq-card {
      padding: 24px;
      border-radius: 20px;
      background: #fff;
      border: 1px solid rgba(31, 41, 51, .085);
      box-shadow: 0 4px 14px rgba(31, 41, 51, .035);
    }
    .he-seo-card h2, .he-seo-card h3, .he-table-card h2, .he-faq-card h2 { margin-top: 0; letter-spacing: -.025em; }
    .he-seo-card p { color: var(--he-muted); }
    .he-link-list { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
    .he-link-list a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      min-height: 42px;
      padding: 9px 11px;
      border-radius: 12px;
      color: var(--he-blue);
      background: rgba(31, 95, 139, .06);
      font-weight: 850;
    }
    .he-table-wrap { width: 100%; overflow-x: auto; border: 1px solid rgba(31, 41, 51, .085); border-radius: 15px; background: #fff; }
    .he-table { width: 100%; border-collapse: collapse; min-width: 600px; font-size: 14px; }
    .he-table th, .he-table td { padding: 12px 14px; border-bottom: 1px solid rgba(31, 41, 51, .08); text-align: left; vertical-align: top; }
    .he-table th { color: var(--he-text); background: var(--he-surface-2); font-weight: 900; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
    .he-table td { color: var(--he-muted); }
    .he-table tr:last-child td { border-bottom: 0; }
    .he-faq-list { display: grid; gap: 10px; margin: 0; }
    .he-faq-list details { border-radius: 15px; background: #fff; border: 1px solid rgba(31, 41, 51, .085); overflow: hidden; }
    .he-faq-list summary { cursor: pointer; padding: 15px 17px; font-weight: 900; list-style: none; }
    .he-faq-list summary::-webkit-details-marker { display: none; }
    .he-faq-list details[open] summary { border-bottom: 1px solid rgba(31, 41, 51, .08); }
    .he-faq-list p { margin: 0; padding: 0 17px 15px; color: var(--he-muted); }

    .he-cta { padding: clamp(46px, 5.6vw, 72px) 0; }
    .he-cta__box {
      position: relative;
      overflow: hidden;
      padding: clamp(26px, 4vw, 42px);
      border-radius: 24px;
      color: #fff;
      background: radial-gradient(circle at 92% 0, rgba(233, 91, 48, .28), transparent 38%), radial-gradient(circle at 0 100%, rgba(96, 125, 155, .30), transparent 36%), linear-gradient(135deg, #27313d, #313d49);
      box-shadow: 0 18px 42px rgba(31, 41, 51, .16);
    }
    .he-cta__grid { display: grid; grid-template-columns: 1fr auto; gap: 22px; align-items: center; }
    .he-cta h2 { margin: 0; max-width: 720px; font-size: clamp(27px, 3.6vw, 44px); line-height: 1.08; letter-spacing: -.04em; }
    .he-cta p { margin: 13px 0 0; max-width: 720px; color: rgba(255, 255, 255, .74); font-size: 17px; }
    .he-cta__actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }

    .he-footer { padding: 38px 0 86px; background: var(--he-dark); color: #fff; }
    .he-footer__grid { display: grid; grid-template-columns: 1.1fr repeat(3, minmax(130px, .5fr)); gap: 24px; }
    .he-footer h2, .he-footer h3 { margin: 0 0 12px; font-size: 15px; color: #fff; }
    .he-footer p, .he-footer a { color: rgba(255, 255, 255, .68); font-size: 14px; }
    .he-footer ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
    .he-footer a:hover { color: #fff; }

    .he-bottom-bar {
      position: fixed;
      left: 10px;
      right: 10px;
      bottom: 10px;
      z-index: 80;
      display: none;
      grid-template-columns: repeat(4, 1fr);
      gap: 6px;
      padding: 7px;
      border-radius: 20px;
      background: rgba(39, 49, 61, .95);
      backdrop-filter: blur(14px);
      box-shadow: 0 16px 32px rgba(31, 41, 51, .27);
    }
    .he-bottom-bar a { min-height: 50px; display: grid; place-items: center; gap: 2px; border-radius: 14px; color: rgba(255, 255, 255, .84); font-size: 11px; font-weight: 850; }
    .he-bottom-bar a strong { display: block; color: #fff; font-size: 17px; line-height: 1; }

    @media (max-width: 1080px) {
      .he-header__main { grid-template-columns: auto 1fr auto; }
      .he-actions .he-btn--primary { display: none; }
      .he-hero__grid, .he-process-grid, .he-analog-box, .he-seo-grid, .he-cta__grid { grid-template-columns: 1fr; }
      .he-process-card { position: static; }
      .he-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .he-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    @media (max-width: 780px) {
      .he-container { width: min(var(--he-container), calc(100% - 28px)); }
      .he-topbar, .he-nav, .he-header__main > .he-search { display: none; }
      .he-header__main { min-height: 62px; grid-template-columns: 1fr auto; }
      .he-logo__caption { display: none; }
      .he-logo__mark { width: 36px; height: 36px; border-radius: 12px; }
      .he-logo__name { font-size: 18px; }
      .he-menu-toggle { display: grid; }
      .he-actions { display: none; }
      .he-mobile-panel {
        position: fixed;
        inset: 62px 0 auto 0;
        z-index: 65;
        display: block;
        padding: 14px;
        transform: translateY(-120%);
        opacity: 0;
        pointer-events: none;
        transition: transform .20s ease, opacity .20s ease;
        background: rgba(246, 248, 251, .99);
        border-bottom: 1px solid rgba(31, 41, 51, .09);
        box-shadow: 0 16px 38px rgba(31, 41, 51, .14);
      }
      .he-mobile-panel.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
      .he-mobile-panel .he-search { display: block; margin-bottom: 12px; }
      .he-mobile-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
      .he-mobile-links a { padding: 13px; border-radius: 14px; background: #fff; border: 1px solid rgba(31, 41, 51, .08); font-weight: 850; color: var(--he-text); }
      .he-hero { padding-top: 28px; }
      .he-hero__trust { grid-template-columns: 1fr; }
      .he-heading-row { display: block; }
      .he-heading-row .he-link-btn { margin-top: 16px; }
      .he-quick-grid, .he-form-grid { grid-template-columns: 1fr; }
      .he-category-card { min-height: auto; }
      .he-analog-box { padding: 16px; }
      .he-seo-card, .he-table-card, .he-faq-card { padding: 18px; }
      .he-cta__actions { justify-content: flex-start; }
      .he-footer__grid { grid-template-columns: 1fr; }
      .he-bottom-bar { display: grid; }
    }

    @media (max-width: 430px) {
      .he-hero h1 { font-size: clamp(31px, 11vw, 42px); }
      .he-hero__cta .he-btn, .he-hero__cta .he-link-btn, .he-process-actions .he-btn, .he-process-actions .he-link-btn, .he-cta__actions .he-btn, .he-cta__actions .he-link-btn { width: 100%; }
      .he-selection-panel__head, .he-param-list, .he-request-card { padding-left: 16px; padding-right: 16px; }
      .he-step { grid-template-columns: 38px 1fr; padding: 14px; }
      .he-step__num { width: 38px; height: 38px; border-radius: 12px; }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    }


/* =========================================================
   GLOBAL LAYOUT (ОБЩАЯ СЕТКА САЙТА)
   ========================================================= */

body.home .wd-page-content,
body.home .site-content {
  max-width: 100%;
  width: 100%;
  padding-left: clamp(20px, 5vw, 80px);
  padding-right: clamp(20px, 5vw, 80px);
  box-sizing: border-box;
}

/* FIX: светлый hero, тёмный текст */
.he-hero,
.he-hero *,
.he-quick-categories,
.he-quick-categories * {
  color: inherit;
}

.he-hero {
  background: #f6f8fb;
  color: #1f2933;
}

.he-hero h1,
.he-hero h1 span,
.he-hero__desc,
.he-hero__badge,
.he-trust-chip,
.he-trust-chip span,
.he-quick-link {
  color: #1f2933 !important;
}

.he-hero h1 span {
  color: #1f5f8b !important;
}

.he-hero__desc {
  color: #617285 !important;
}

.he-hero__badge {
  color: #1f5f8b !important;
  background: rgba(255, 255, 255, .86);
}

.he-trust-chip {
  background: rgba(255, 255, 255, .86);
  border-color: rgba(31, 41, 51, .09);
}

.he-trust-chip svg {
  color: #e95b30 !important;
}

.he-btn--primary {
  color: #ffffff !important;
}

.he-btn--dark {
  color: #ffffff !important;
}

.he-btn--ghost,
.he-link-btn.he-btn--ghost {
  color: #1f2933 !important;