body.specteh-info-section {
  --si-text: #101828;
  --si-secondary: #475467;
  --si-muted: #667085;
  --si-border: #e4e7ec;
  --si-surface: #ffffff;
  --si-background: #f5f7fb;
  --si-orange: #ff5a00;
  --si-orange-soft: #fff3eb;
  --si-radius: 16px;
  --si-shadow: 0 8px 24px rgba(16, 24, 40, 0.04);
}

body.specteh-info-section,
body.specteh-info-section #top,
body.specteh-info-section #middle,
body.specteh-info-section #bottom,
body.specteh-info-section #center,
body.specteh-info-section main {
  background: var(--si-background) !important;
}

/* Хлебные крошки — без белого «поля» на сером фоне раздела */
body.specteh-info-section #top .breadcrumb,
body.specteh-info-section #top .mod_breadcrumb,
body.specteh-info-section #top .specteh-breadcrumbs,
body.specteh-info-section #top [aria-label="Breadcrumbs"],
body.specteh-info-section #top [aria-label="Breadcrumbs"] > .breadcrumb {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.specteh-info-section #middle {
  display: block;
  position: static;
}

body.specteh-info-section #middle::before,
body.specteh-info-section.bg_middle #middle::before,
body.bg_middle.specteh-info-section #middle::before {
  display: none !important;
  content: none !important;
}

body.specteh-info-section #left,
body.specteh-info-section #right,
body.specteh-info-section .child_articles,
body.specteh-info-section .categories-module.new_stati,
body.specteh-info-section #left .mod_left_menu_services,
body.specteh-info-section #left .moduletable {
  display: none !important;
}

body.specteh-info-section #middle > main > article,
body.specteh-info-section #middle article,
body.specteh-info-section.bg_middle #middle > main > article,
body.bg_middle.specteh-info-section #middle > main > article {
  max-width: var(--specteh-layout-max);
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.specteh-info-section main {
  overflow: visible !important;
}

body.specteh-info-section .specteh-info-page {
  max-width: var(--specteh-layout-max);
  margin: 0 auto;
  padding: 4px 0 36px;
}

body.specteh-info-section .specteh-info-page__subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
}

body.specteh-info-section .specteh-info-page__subnav-link {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--si-border);
  border-radius: 999px;
  background: var(--si-surface);
  color: var(--si-secondary);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  transition: border-color 0.14s ease, color 0.14s ease, background 0.14s ease;
}

body.specteh-info-section .specteh-info-page__subnav-link:hover {
  border-color: #ffb68a;
  color: var(--si-orange);
}

body.specteh-info-section .specteh-info-page__subnav-link.is-active {
  border-color: var(--si-orange);
  background: var(--si-orange-soft);
  color: var(--si-orange);
}

body.specteh-info-section .specteh-info-page__hero,
body.specteh-info-section .specteh-info-page__head {
  margin: 0 0 22px;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.specteh-info-section .specteh-info-page__eyebrow {
  margin: 0 0 8px;
  color: #c45f00;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.specteh-info-section .specteh-info-page__title,
body.specteh-info-section .page-header h1,
body.specteh-info-section .item-page > h1 {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--si-text);
}

/* Дубли заголовков из legacy-модулей (FAQ, вакансии и т.д.) */
body.specteh-info-section #top > .head_text,
body.specteh-info-section #top .head_text:has(h1),
body.specteh-info-section .specteh-info-page__content .mod_answers_questions > .head_text,
body.specteh-info-section .specteh-info-page__content .mod_jobs > .head_text,
body.specteh-info-section .specteh-info-page__content .mod_articles > .head_text,
body.specteh-info-section .specteh-info-page__content .mod_customer_reviews > .head_text {
  display: none !important;
}

body.specteh-info-section .specteh-info-page__lead {
  margin: 0 0 16px;
  max-width: 760px;
  color: var(--si-secondary);
  font-size: 16px;
  line-height: 1.65;
}

body.specteh-info-section .specteh-info-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.specteh-info-section .specteh-info-page__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.14s ease, border-color 0.14s ease, color 0.14s ease;
}

body.specteh-info-section .specteh-info-page__btn--primary {
  background: var(--si-orange);
  color: #fff !important;
}

body.specteh-info-section .specteh-info-page__btn--primary:hover {
  background: #e65100;
}

body.specteh-info-section .specteh-info-page__btn--ghost {
  border-color: var(--si-border);
  background: var(--si-surface);
  color: var(--si-text) !important;
}

body.specteh-info-section .specteh-info-page__btn--ghost:hover {
  border-color: #ffb68a;
  color: var(--si-orange) !important;
}

body.specteh-info-section .specteh-info-page__cards-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body.specteh-info-section .specteh-info-page__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-height: 100%;
  padding: 18px 14px;
  border: 1px solid var(--si-border);
  border-radius: var(--si-radius);
  background: var(--si-surface);
  box-shadow: var(--si-shadow);
  color: var(--si-text);
  text-align: center;
  text-decoration: none !important;
  transition: border-color 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
}

body.specteh-info-section .specteh-info-page__card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 90, 0, 0.28);
  box-shadow: 0 14px 28px rgba(16, 24, 40, 0.08);
}

body.specteh-info-section .specteh-info-page__card-media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: #eef2f6;
  overflow: hidden;
}

body.specteh-info-section .specteh-info-page__card-media img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

body.specteh-info-section .specteh-info-page__card-media--empty::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #d0d5dd;
}

body.specteh-info-section .specteh-info-page__card-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

body.specteh-info-section .specteh-info-page__card-title {
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  color: var(--si-text);
}

body.specteh-info-section .specteh-info-page__card-text {
  font-size: 13px;
  line-height: 1.45;
  color: var(--si-muted);
}

body.specteh-info-section .specteh-info-page__content {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--si-secondary);
  font-size: 15px;
  line-height: 1.65;
}

body.specteh-info-section .specteh-info-page__body {
  display: block;
}

body.specteh-info-section .specteh-info-page__content .icons_pan {
  margin-top: 0 !important;
}

body.specteh-info-section .specteh-info-page__content .pseudotab3 {
  margin-bottom: 24px;
}

body.specteh-info-section .specteh-info-page__content .p_icons {
  color: var(--si-secondary);
  font-size: 14px;
  line-height: 1.55;
}

body.specteh-info-section .specteh-info-page__content .bg-white,
body.specteh-info-section .specteh-info-page__content .bg-lightgray {
  background: transparent !important;
}

body.specteh-info-section .specteh-info-page__content table {
  width: 100%;
  border-collapse: collapse;
}

body.specteh-info-section .specteh-info-page__content table td,
body.specteh-info-section .specteh-info-page__content table th {
  border: 1px solid var(--si-border);
  padding: 10px 12px;
}

body.specteh-info-section .specteh-info-page__content h2,
body.specteh-info-section .specteh-info-page__content h3 {
  color: var(--si-text);
  font-weight: 800;
}

body.specteh-info-section .specteh-info-page__content p,
body.specteh-info-section .specteh-info-page__content ul,
body.specteh-info-section .specteh-info-page__content ol {
  margin-bottom: 14px;
}

body.specteh-info-section .specteh-info-page__content p:last-child,
body.specteh-info-section .specteh-info-page__content ul:last-child,
body.specteh-info-section .specteh-info-page__content ol:last-child {
  margin-bottom: 0;
}

body.specteh-info-section .specteh-info-page--article.item-page-otzivy .specteh-info-page__title--reviews {
  display: none;
}

body.specteh-info-section .specteh-info-page--article.item-page-otzivy .specteh-info-page__content {
  border: 0;
  background: transparent;
  padding: 0;
}

body.specteh-info-section .specteh-articles-page .page-header h1 {
  margin-top: 0;
}

body.specteh-info-section .specteh-articles-page > .page-header {
  display: none;
}

@media (max-width: 1199px) {
  body.specteh-info-section .specteh-info-page__cards-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  body.specteh-info-section .specteh-info-page__cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  body.specteh-info-section .specteh-info-page__cards-grid {
    grid-template-columns: 1fr;
  }

  body.specteh-info-section .specteh-info-page__subnav {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }

  body.specteh-info-section .specteh-info-page__subnav-link {
    flex: 0 0 auto;
  }
}
