/* ============================================================================
   internal.css — перевод ВНУТРЕННИХ страниц (услуги / стоимость / блог) на
   новый премиум-дизайн. Эти страницы грузят тяжёлую theme.min.css, поэтому
   переопределяем легаси-компоненты с !important. Подключается ПОСЛЕ redesign.css.
   Контент/тексты/разметка не меняются — только оформление.
   ============================================================================ */

/* ----- Гео-модалка: на страницах с theme текст кнопок был белым на белом ----- */
#geo .b-nav2 { color: var(--navy) !important; background: #fff !important; font-size: 16px !important; }
#geo .b-nav2:hover { color: #fff !important; background: var(--navy) !important; }

/* ============================ ШАПКИ СТРАНИЦ (HERO) ========================== */
/* Сервис: .gl-b ; статья блога: .gl-st ; лендинги услуг/блога: .gl-bl
   Прайс-страница: .gl-k.ms-fullscreen-template (без tab-u) */
.gl-b, .gl-st, .gl-bl,
.gl-k.ms-fullscreen-template:not(.tab-u) {
  background: radial-gradient(1100px 680px at 80% -15%, rgba(52,64,111,.55), transparent 60%),
              linear-gradient(160deg, var(--navy-950), var(--navy) 64%, var(--navy-700)) !important;
  color: #fff !important;
  position: relative;
  overflow: hidden;
  padding: 64px 0 56px !important;
}
.gl-b::after, .gl-st::after, .gl-bl::after,
.gl-k.ms-fullscreen-template:not(.tab-u)::after {
  content: ""; position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 26px 26px; opacity: .5; pointer-events: none;
}
.gl-b .container, .gl-st .container, .gl-bl .container,
.gl-k.ms-fullscreen-template:not(.tab-u) .container { position: relative; z-index: 1; }
.gl-b h1, .gl-st h1, .gl-bl h1,
.gl-k.ms-fullscreen-template:not(.tab-u) h1 {
  color: #fff !important; font-family: var(--ff-head);
  font-size: clamp(30px,4.4vw,52px) !important; line-height: 1.06 !important;
}
.gl-b h1 span, .gl-st h1 span, .gl-bl h1 span { color: #fff !important; }
.gl-b p, .gl-st p, .gl-bl p,
.gl-k.ms-fullscreen-template:not(.tab-u) p { color: var(--on-dark) !important; }
/* Подписи-факты в hero услуги (ВРЕМЯ ПОДГОТОВКИ / СТОИМОСТЬ ...) */
.gl-b .yak, .gl-b a.yak { color: var(--gold-2) !important; font-weight: 700 !important; letter-spacing: .04em; text-decoration: none !important; border: none !important; }
.gl-b .col-md-2 p, .gl-b .col-md-3 p { color: #fff !important; }

/* В hero статьи блога .filter-item — это блок заголовка, а не карточка */
.gl-st .filter-item, .gl-bl .filter-item {
  background: transparent !important; border: none !important; box-shadow: none !important;
  padding: 0 !important; display: block !important; transform: none !important;
}
.gl-st .filter-item:hover, .gl-bl .filter-item:hover { transform: none !important; }
.gl-st .filter-item h1 { color: #fff !important; font-family: var(--ff-head); font-size: clamp(28px,4vw,46px) !important; margin: 12px 0 10px !important; line-height: 1.1 !important; }
.gl-st .filter-item p { color: var(--on-dark-dim) !important; font-size: 14px !important; }
.gl-st .filter-item .tag .tag-name, .gl-st .filter-item .tag-name { background: var(--gold) !important; color: var(--navy-950) !important; }
.gl-st .filter-item .tag-name a { color: var(--navy-950) !important; }

/* ============================ ЯКОРНАЯ ПОД-НАВИГАЦИЯ ======================== */
/* .nav_2 (услуга) и .breadcrumbs (другие) — делаем чистым липким баром */
.nav_2.col-md-12, .breadcrumbs {
  background: #fff !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: var(--sh-sm);
  position: sticky; top: var(--header-h); z-index: 60;
  padding: 0 !important;
}
.nav_2 .collnav, .breadcrumbs .collnav { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.nav_2 .nav-pills, .breadcrumbs .nav-pills {
  display: flex !important; flex-wrap: nowrap; gap: 2px; max-width: var(--maxw);
  margin: 0 auto !important; padding: 6px 16px !important; list-style: none;
}
.nav_2 .nav-pills li, .breadcrumbs .nav-pills li { float: none !important; margin: 0 !important; white-space: nowrap; }
.nav_2 .nav-pills li a, .breadcrumbs .nav-pills li a {
  display: inline-block; padding: 12px 14px !important; font-size: 14.5px !important; font-weight: 600 !important;
  color: var(--body) !important; border-radius: 10px !important; position: relative; background: transparent !important;
}
.nav_2 .nav-pills li a:hover, .breadcrumbs .nav-pills li a:hover { color: var(--navy) !important; }
.nav_2 .nav-pills li a::after, .breadcrumbs .nav-pills li a::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 6px; height: 2px;
  background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease);
}
.nav_2 .nav-pills li a:hover::after, .breadcrumbs .nav-pills li a:hover::after { transform: scaleX(1); }

/* ============================ КОНТЕНТ .intro ============================== */
.intro .container { position: relative; }
.intro h2 {
  font-family: var(--ff-head); color: var(--navy) !important;
  font-size: clamp(24px,2.6vw,34px) !important; margin: 8px 0 14px !important; line-height: 1.15 !important;
}
.intro h2 span { color: inherit !important; }
.intro hr { border: 0 !important; border-top: 3px solid var(--gold) !important; width: 64px !important; margin: 0 0 22px 0 !important; opacity: 1; }
.intro p { font-size: 17px !important; line-height: 1.7 !important; color: var(--body) !important; }
.intro .two-b p[style], .intro p[style] { font-size: 17px !important; line-height: 1.7 !important; }

/* ===================== ТАБЛИЦА «НАПРАВЛЕНИЯ» (.gl-k.tab-u + .str-2-*) ====== */
.gl-k.tab-u { background: var(--surface-2) !important; color: var(--ink) !important; padding: 56px 0 !important; }
.gl-k .section-heading, .gl-k .section-heading span { color: var(--navy) !important; font-family: var(--ff-head); }
.gl-k table, .intro table { width: 100%; border-collapse: separate; border-spacing: 0 12px; }
.str-2-1, .str-2-2, .str-2-3 {
  background: #fff; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  padding: 20px 22px !important; vertical-align: middle; transition: background .25s var(--ease);
}
tr:hover .str-2-1, tr:hover .str-2-2, tr:hover .str-2-3 { background: var(--gold-soft); }
.str-2-1 { border-left: 3px solid var(--gold); border-radius: 12px 0 0 12px; font-weight: 600; }
.str-2-3 { border-radius: 0 12px 12px 0; }
.str-2-1 a { color: var(--navy) !important; font-weight: 600; }
.str-2-1 a:hover { color: var(--gold) !important; }
.str-2-2, .str-2-3 { color: var(--muted); font-size: 14.5px; }
.str-2-2 b, .str-2-3 b { color: var(--navy); font-family: var(--ff-head); font-size: 18px; }

/* ===================== КАРТОЧКИ «ВИДЫ» / БЛОГ (.filter-item / .card) ======= */
.filter-item, .card {
  background: #fff !important; border: 1px solid var(--line) !important;
  border-radius: var(--r) !important; box-shadow: var(--sh-sm) !important;
  padding: 22px !important; transition: all .35s var(--ease) !important; overflow: hidden;
  display: block; height: 100%;
}
.filter-item:hover, .card:hover { transform: translateY(-6px); box-shadow: var(--sh) !important; border-color: var(--gold) !important; }
/* Цветовые варианты карточек «видов» (лендинг услуг) */
.filter-item.blue { background: linear-gradient(150deg,var(--navy),var(--navy-800)) !important; border: 1px solid rgba(255,255,255,.12) !important; display: flex; align-items: flex-end; min-height: 120px; }
.filter-item.blue h5, .filter-item.blue h5 a, .filter-item.blue .cont-t { color: #fff !important; }
.filter-item.white { display: flex; align-items: flex-end; min-height: 120px; }
.filter-item.light-blue { background: var(--surface-3) !important; display: flex; align-items: flex-end; min-height: 120px; }
.filter-item h4, .filter-item h5, .filter-item h5 a, .card h4 {
  font-family: var(--ff-head) !important; font-size: 17px !important; font-weight: 600 !important; line-height: 1.3 !important;
  margin: 0 !important; margin-top: 0 !important; color: var(--navy) !important; text-transform: none !important;
}
.filter-item .cont-t { position: static !important; margin-top: 0 !important; }
.filter-item h5 a:hover, .card h4 a:hover { color: var(--gold) !important; }
.filter-item p, .card p { color: var(--muted) !important; font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; margin: 6px 0 0 !important; }
/* Теги-метки категорий: тема красит их в разные цвета с белым текстом — унифицируем */
.filter-item .tag, .tag {
  display: inline-block !important; background: var(--gold-soft) !important; border: none !important;
  border-radius: 999px !important; padding: 0 !important; width: auto !important; margin: 0 0 10px 0 !important; box-shadow: none;
}
.filter-item .tag .tag-name, .tag .tag-name, .tag-name {
  display: inline-block; background: var(--gold-soft) !important; color: var(--navy) !important; border-radius: 999px;
  padding: 5px 13px !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important;
  letter-spacing: .04em !important; margin: 0 6px 6px 0 !important; line-height: 1.4 !important;
}

/* Кнопки фильтра блога (#myBtnContainer .btn в hero .gl-bl) */
.gl-bl #myBtnContainer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.gl-bl #myBtnContainer .btn, #myBtnContainer .btn {
  background: rgba(255,255,255,.08) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important; padding: 9px 16px !important; font-size: 13.5px !important; font-weight: 600 !important;
  transition: all .25s var(--ease) !important; cursor: pointer; box-shadow: none !important;
}
.gl-bl #myBtnContainer .btn:hover, #myBtnContainer .btn:hover { border-color: var(--gold) !important; background: rgba(255,255,255,.14) !important; }
.gl-bl #myBtnContainer .btn.active, #myBtnContainer .btn.active { background: var(--gold) !important; color: var(--navy-950) !important; border-color: var(--gold) !important; }
.gl-bl .col-md-12.filter h3, .gl-bl .col-md-12.filter h3 span { color: #fff !important; }

/* ============================ FAQ-АККОРДЕОН =============================== */
.faq .accordion { max-width: var(--maxw); }
.faq .accordion-item {
  background: #fff !important; border: 1px solid var(--line) !important; border-radius: var(--r) !important;
  margin-bottom: 12px !important; box-shadow: var(--sh-sm); overflow: hidden; transition: box-shadow .25s var(--ease);
}
.faq .accordion-item:hover { box-shadow: var(--sh); }
.faq .accordion-item .heading { padding: 18px 22px !important; cursor: pointer; color: var(--navy) !important; font-weight: 600 !important; font-family: var(--ff-head); }
.faq .accordion-item .content { padding: 0 22px !important; }
.faq .accordion-item .content p { color: var(--body) !important; font-size: 16px !important; }
.faq .accordion-item .icon:before, .faq .accordion-item .icon:after { background: var(--gold) !important; }

/* Секция «.what» («Что позволяет установить...») — на фоне изображения → чистая тёмная */
.what { background: linear-gradient(160deg,var(--navy-950),var(--navy) 80%) !important; color: #fff !important; padding: 60px 0 !important; }
.what h2, .what h2 span, .what h3 { color: #fff !important; }
.what hr { border: 0 !important; border-top: 3px solid var(--gold) !important; width: 64px !important; margin: 14px 0 26px !important; opacity: 1; }
.what .item > div, .what .owl-item > .item > div {
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.13); border-radius: var(--r);
  padding: 24px !important; height: 100%; box-sizing: border-box;
}
.what .item h5 { color: #fff !important; font-family: var(--ff-head); font-size: 18px !important; margin: 0 0 10px !important; }
.what .item p { color: var(--on-dark) !important; margin: 0 !important; }

/* Метод-секции с колонками-изображениями (.metod/.metod2 .colmet) */
.metod .colmet img, .metod2 .colmet img, .metod img, .metod2 img { border-radius: var(--r); }
.metod h2, .metod2 h2 { color: var(--navy) !important; }

/* ============================================================================
   СТРАНИЦЫ УСЛУГ — полный редизайн: ритм секций, премиум-блоки, слайдер кейсов
   ============================================================================ */
/* Ритм: чередуем фон секций, добавляем воздух */
.intro.vidy, .intro.vidy2, .intro.metod, .intro.metod2, .intro.neu, .intro.faq { padding: 60px 0 !important; }
.intro.vidy2, .intro.neu, #sprav, #zapros { background: var(--surface-2) !important; }
/* Премиум-блоки методик: текст в карточке с золотым акцентом */
.intro.metod .pla, .intro.metod2 .pla, .intro.neu .pla { background: #fff !important; border: 1px solid var(--line) !important; border-left: 3px solid var(--gold) !important; border-radius: var(--r) !important; padding: 26px 30px !important; box-shadow: var(--sh-sm); }
.intro.metod img, .intro.metod2 img { border-radius: var(--r); box-shadow: var(--sh); }
.intro.metod h2, .intro.metod2 h2, .intro.neu h2, .intro.vidy h2, .intro.vidy2 h2 { color: var(--navy) !important; }

/* (2) УБИРАЕМ декоративную текстуру u-fn.png и переоформляем блоки */
.uslugi,
.what .row, .what [class*="col-md"],
.metod .row, .metod [class*="col-md"], .metod .colmet,
.metod2 .row, .metod2 [class*="col-md"], .metod2 .colmet,
.neu .row, .neu [class*="col-md"],
.vidy .row, .vidy .colmet, .vidy2 .row { background-image: none !important; }

/* metod2 «Наше оборудование» — чистый блок текст+изображение */
.metod2 .container > .col-md-12 { display: flex; flex-wrap: wrap; gap: 32px; align-items: center; }
.metod2 .col-md-6 { float: none !important; }
.metod2 img { border-radius: var(--r) !important; box-shadow: var(--sh) !important; width: 100%; height: auto; }

/* Кнопки .sc (вокруг них были две полосы) — одна, кнопка оформлена */
.intro .button.sc, .neu .button.sc {
  display: inline-flex !important; align-items: center; border: 1.5px solid var(--line-2);
  border-radius: var(--r-pill); padding: 14px 26px !important; color: var(--navy) !important;
  font-weight: 600; background: #fff; transition: all .28s var(--ease); margin: 4px 0;
}
.intro .button.sc:hover, .neu .button.sc:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); transform: translateY(-2px); }
.intro .button.sc + hr, .neu .button.sc + hr { display: none !important; }
.intro .bt hr:first-child, .neu hr:first-child { display: none !important; }
.metod2 .button span.icon.arrow, .neu .button span.icon.arrow { border: 2px solid var(--gold); }

/* Слайдер КЕЙСОВ на странице услуги (горизонтальный scroll-snap — свайп, без owl-багов) */
.case_u .owl-carousel { overflow: visible !important; }
/* состояние без owl — тоже горизонтальный слайдер */
.case_u .owl-carousel:not(.owl-loaded) { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 22px; padding-bottom: 14px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.case_u .owl-carousel .owl-wrapper-outer { overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; padding-bottom: 14px; scroll-snap-type: x mandatory; }
.case_u .owl-carousel .owl-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; -webkit-transform: none !important; width: auto !important; gap: 22px; }
.case_u .owl-carousel .owl-item, .case_u .owl-carousel:not(.owl-loaded) > .item {
  flex: 0 0 340px !important; width: 340px !important; max-width: 340px; float: none !important;
  padding: 0 !important; scroll-snap-align: start; display: block;
}
.case_u .owl-carousel .owl-wrapper-outer::-webkit-scrollbar { height: 8px; }
.case_u .owl-carousel .owl-wrapper-outer::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 8px; }
@media (max-width: 640px) { .case_u .owl-carousel .owl-item, .case_u .owl-carousel:not(.owl-loaded) > .item { flex-basis: 84vw !important; width: 84vw !important; } }

/* ============================ СЕКЦИИ КЕЙСОВ / СВЯЗАННОЕ ==================== */
.personnel.case_u, .personnel.dotted-bg { background: linear-gradient(165deg,var(--navy-950),var(--navy) 78%) !important; }
.personnel.case_u h2, .personnel h2 { color: #fff !important; }
.anoth, .personnel-2.anoth { background: var(--surface-2) !important; }
.anoth h2, .personnel-2 h2 { color: var(--navy) !important; }

/* ============================ ПРАЙС-СТРАНИЦА доп. ========================= */
.intro.str-z, .intro.str-z .container { }
/* .pla как карточки — ТОЛЬКО в контентных секциях (.intro), не в hero */
.intro .pla { background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 22px 24px !important; margin-bottom: 16px; box-shadow: var(--sh-sm); }
.intro .pla h4 { color: var(--navy) !important; font-family: var(--ff-head); }
.col-md-12.bg { background: var(--surface-2) !important; border-radius: var(--r); }

/* Страница «Стоимость»: разделы услуг — карточками, а не строками */
.two-b { display: flex !important; flex-wrap: wrap; gap: 22px; align-items: stretch; }
.two-b > .col-md-12:not(.pla) { flex: 0 0 100%; width: 100%; }
.two-b > .pla {
  flex: 0 0 calc(33.333% - 15px); max-width: calc(33.333% - 15px); width: auto !important;
  display: flex; flex-direction: column; padding: 26px !important; margin: 0 !important; float: none !important;
  background: #fff; border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--sh-sm);
  transition: all .35s var(--ease);
}
.two-b > .pla:hover { transform: translateY(-6px); box-shadow: var(--sh); border-color: var(--gold); }
.two-b > .pla > a:first-child h2 { font-size: 20px !important; line-height: 1.25 !important; margin: 0 0 12px !important; color: var(--navy) !important; }
.two-b > .pla details { flex: 1 1 auto; margin-bottom: 16px; }
.two-b > .pla details .sum, .two-b > .pla summary { color: var(--gold) !important; font-weight: 600; cursor: pointer; font-size: 14px; }
.two-b > .pla details p { font-size: 13.5px !important; margin: 6px 0 !important; }
.two-b > .pla details p a { color: var(--body) !important; }
.two-b > .pla details p a:hover { color: var(--navy) !important; }
.two-b > .pla .button { margin-top: auto; color: var(--navy) !important; }
.two-b > .pla .button span.icon.arrow { border: 2px solid var(--gold); }
@media (max-width: 991px) { .two-b > .pla { flex-basis: calc(50% - 11px); max-width: calc(50% - 11px); } }
@media (max-width: 640px) { .two-b > .pla { flex-basis: 100%; max-width: 100%; } }

/* Кнопки-категории в hero лендинга услуг (.gl-bl .pla .button) — стекло на навy */
.gl-bl .pla { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 8px !important; margin: 0 !important; }
.gl-bl .pla .button {
  display: flex !important; align-items: center; justify-content: space-between; gap: 14px;
  width: 100% !important; background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important; padding: 20px 22px !important; transition: all .3s var(--ease);
}
.gl-bl .pla .button:hover { background: rgba(255,255,255,.1) !important; border-color: var(--gold) !important; transform: translateY(-3px); }
.gl-bl .pla .button h3 { color: #fff !important; margin: 0 !important; font-size: 18px !important; font-family: var(--ff-head); }
.gl-bl .pla .button span b { color: var(--gold-2) !important; font-size: 20px; }

/* ============================ КОНТАКТЫ ==================================== */
section[id^="of"].intro { padding: 18px 0 !important; }
section[id^="of"] .container { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--sh-sm); padding: 30px 34px !important; }
section[id^="of"] > .container > .col-md-12:first-child h2 span { color: var(--navy) !important; }
section[id^="of"] h2 a { color: var(--navy) !important; font-size: 20px !important; }
section[id^="of"] h2 a:hover { color: var(--gold) !important; }
section[id^="of"] ci { color: var(--muted) !important; font-weight: 600; }
section[id^="of"] summary { color: var(--gold) !important; font-weight: 600; cursor: pointer; }
section[id^="of"] [id^="map"] { border-radius: var(--r); overflow: hidden; min-height: 280px; margin-top: 16px; background: var(--surface-3); }
/* кнопки выбора города в hero контактов */
.bt-n .b-nav2 { background: rgba(255,255,255,.08) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.22) !important; border-radius: 999px !important; }
.bt-n .b-nav2:hover { border-color: var(--gold) !important; background: rgba(255,255,255,.14) !important; }

/* ============================ БЛОГ ======================================== */
/* Лента-таймлайн «О нас» — чистый одноколоночный таймлайн (секция тёмная) */
#ab_2 .entries:before { display: none !important; }
.entries { width: 100% !important; max-width: 760px !important; margin: 0 auto !important; left: 0 !important; overflow: visible !important; }
.entries .entry, .entries .entry:nth-child(2n) {
  width: 100% !important; float: none !important; clear: both; display: block !important;
  text-align: left !important; position: relative; padding: 0 0 30px 42px !important; margin: 0 !important;
  border-left: 2px solid rgba(201,168,106,.4) !important;
}
.entries .entry:last-child { border-left-color: transparent !important; padding-bottom: 0 !important; }
.entries .entry:not(:first-child) { margin-top: 0 !important; }
.entries .entry .title { color: var(--gold-2) !important; font-size: 26px !important; margin: 0 0 6px !important; position: relative; }
.entries .entry .title h2 { color: var(--gold-2) !important; font-family: var(--ff-head); font-size: 26px !important; margin: 0 !important; }
.entries .entry .title:before, .entries .entry:nth-child(2n) .title:before {
  content: '' !important; position: absolute !important; left: -51px !important; right: auto !important; top: 4px !important;
  width: 16px !important; height: 16px !important; border-radius: 50% !important; background: var(--gold) !important;
  border: 3px solid var(--navy-950) !important; box-shadow: 0 0 0 3px rgba(201,168,106,.25); transform: none !important;
}
.entries .entry .body, .entries .entry .body p { color: var(--on-dark) !important; }

/* Блог: лента статей во всю ширину + сетка на flexbox (без дыр от inline-block) */
#bl_1 > .container { max-width: 1220px; }
#bl_1 > .container > .col-md-9 {
  width: 100% !important; float: none !important;
  display: flex !important; flex-wrap: wrap; gap: 34px 24px; align-items: stretch; padding-top: 10px;
}
.filterDiv { display: none; }
.filterDiv.show {
  display: block !important; float: none !important; margin: 0 !important;
  flex: 0 0 calc(33.333% - 16px); max-width: calc(33.333% - 16px);
}
.filterDiv.col-md-8.show, .filterDiv.col-md-7.show { flex-basis: calc(66.666% - 12px); max-width: calc(66.666% - 12px); }
@media (max-width: 991px) { .filterDiv.show, .filterDiv.col-md-8.show, .filterDiv.col-md-7.show { flex-basis: calc(50% - 12px); max-width: calc(50% - 12px); } }
@media (max-width: 640px) { .filterDiv.show, .filterDiv.col-md-8.show, .filterDiv.col-md-7.show { flex-basis: 100%; max-width: 100%; } }

/* ============================================================================
   ГЛОБАЛЬНЫЕ ПРАВКИ ВНУТРЕННИХ СТРАНИЦ (ширина / карусели / контраст)
   ============================================================================ */

/* (3) Ширина контентной части — как на главной (.lei-container = 1220) */
.container { max-width: 1220px !important; width: 100% !important; padding-left: 24px !important; padding-right: 24px !important; margin-left: auto !important; margin-right: auto !important; }

/* (7,2) Убираем карусели owl — превращаем в адаптивную сетку */
.owl-carousel .owl-wrapper-outer { overflow: visible !important; height: auto !important; }
.owl-carousel .owl-wrapper { width: auto !important; transform: none !important; -webkit-transform: none !important; display: flex !important; flex-wrap: wrap !important; margin: 0 !important; }
.owl-carousel .owl-item { width: 33.333% !important; float: none !important; padding: 11px !important; box-sizing: border-box; display: block; }
.owl-carousel .owl-controls, .owl-carousel .owl-pagination, .owl-carousel .owl-buttons { display: none !important; }
/* боковые стрелки-навигация каруселей */
.prev, .next, .col-md-1 .prev, .col-md-1 .next { display: none !important; }
/* карусель не инициализирована — элементы как сетка */
.owl-carousel:not(.owl-loaded) > .item { width: 33.333%; padding: 11px; box-sizing: border-box; display: inline-block; vertical-align: top; }

/* (7,2) Контраст: светлый текст на тёмных секциях */
.personnel, .personnel-2, .case_u, .sotr-sl { background: linear-gradient(165deg,var(--navy-950),var(--navy) 78%) !important; }
.personnel p, .personnel li, .personnel h2, .personnel h3, .personnel h4,
.personnel-2 p, .personnel-2 h2, .case_u p, .case_u h2, .case_u h4, .sotr-sl p, .sotr-sl h2 { color: #fff !important; }
.personnel .it-cnt p { color: var(--on-dark) !important; }
.personnel .it-cnt p b { color: var(--gold-2) !important; }
.it-cnt { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.13) !important; border-radius: var(--r) !important; padding: 24px !important; height: 100%; }
.it-cnt h4 { color: #fff !important; }
.it-cnt > a:not(.button) { color: var(--gold-2) !important; }

@media (max-width: 991px) { .owl-carousel .owl-item, .owl-carousel:not(.owl-loaded) > .item { width: 50% !important; } }
@media (max-width: 640px) { .owl-carousel .owl-item, .owl-carousel:not(.owl-loaded) > .item { width: 100% !important; } }

/* ============================ АДАПТИВ ==================================== */
@media (max-width: 991px) {
  .nav_2.col-md-12, .breadcrumbs { top: 0; }
  .gl-b, .gl-st, .gl-bl, .gl-k.ms-fullscreen-template:not(.tab-u) { padding: 44px 0 40px !important; }
  .str-2-1, .str-2-2, .str-2-3 { display: block; width: 100%; border-radius: 0 !important; border-left: 3px solid var(--gold); }
  .str-2-1 { border-radius: 12px 12px 0 0 !important; }
  .str-2-3 { border-radius: 0 0 12px 12px !important; border-top: 0; }
  .gl-k table, .intro table, .gl-k tbody, .gl-k tr { display: block; }
}

/* ============================================================================
   РАДИКАЛЬНАЯ ПЕРЕРАБОТКА БЛОКОВ УСЛУГ + ФИКС КНОПОК (грузится последним)
   ============================================================================ */

/* --- ФИКС: невидимый текст кнопок «Подробнее» / «Все кейсы» --- */
.intro .button, .intro .button > span:not(.icon), .neu .button, .neu .button > span:not(.icon),
.metod .button > span:not(.icon), .metod2 .button > span:not(.icon), .what .button > span:not(.icon),
.vidy .button > span:not(.icon), .gl-k .button > span:not(.icon) { color: var(--navy) !important; }
.personnel .button, .personnel .button > span:not(.icon),
.case_u .button, .case_u .button > span:not(.icon),
.lei-bg-dark .button, .lei-bg-dark .button > span:not(.icon),
.what .button, .what .button > span:not(.icon) { color: #fff !important; }
.button > span.icon.arrow { border: 2px solid var(--gold) !important; }
.button:hover > span.icon.arrow { background: var(--gold); }
.button:hover > span.icon.arrow svg { fill: var(--navy-950) !important; }

/* === БЛОК НАПРАВЛЕНИЙ (.gl-k.tab-u) — СТРОКИ (каждый пункт в одну строку) === */
.gl-k.tab-u { background: var(--surface-2) !important; padding: 60px 0 !important; }
.gl-k.tab-u .container > .col-md-12:first-child { margin-bottom: 26px; }
.gl-k.tab-u table, .gl-k.tab-u tbody { display: block !important; width: 100%; border: 0; }
.gl-k.tab-u thead { display: none; }
.gl-k.tab-u tr {
  display: flex !important; align-items: center; gap: 24px; flex-wrap: nowrap;
  background: #fff !important; border: 1px solid var(--line) !important; border-left: 3px solid var(--gold) !important;
  border-radius: var(--r) !important; padding: 18px 28px !important; margin: 0 0 14px 0 !important; transition: all .3s var(--ease);
}
.gl-k.tab-u tr:hover { transform: translateX(4px); box-shadow: var(--sh-sm); border-color: var(--gold) !important; }
.gl-k.tab-u td { display: block !important; background: transparent !important; border: 0 !important; padding: 0 !important; }
.gl-k.tab-u .str-2-1 { flex: 1 1 auto; font-family: var(--ff-head); font-size: 17px !important; font-weight: 600; }
.gl-k.tab-u .str-2-1 a { color: var(--navy) !important; }
.gl-k.tab-u .str-2-1 a:hover { color: var(--gold) !important; }
.gl-k.tab-u .str-2-2, .gl-k.tab-u .str-2-3 { flex: 0 0 auto; text-align: right; color: var(--muted) !important; font-size: 13.5px !important; min-width: 150px; line-height: 1.4; }
.gl-k.tab-u .str-2-2 b, .gl-k.tab-u .str-2-3 b { color: var(--navy) !important; font-size: 15px; }
@media (max-width: 767px){ .gl-k.tab-u tr{ flex-direction: column; align-items: flex-start; gap: 6px; } .gl-k.tab-u .str-2-2, .gl-k.tab-u .str-2-3{ text-align: left; min-width: 0; } }

/* === «ЧТО ПОЗВОЛЯЕТ УСТАНОВИТЬ» (.what) — СЛАЙДЕР карточек (как кейсы) === */
.what { background: var(--surface-2) !important; color: var(--ink) !important; padding: 64px 0 !important; }
.what::after { display: none !important; }
.what h2, .what h2 span, .what h3 { color: var(--navy) !important; }
.what hr { border: 0 !important; border-top: 3px solid var(--gold) !important; width: 64px !important; margin: 14px 0 30px !important; }
.what .owl-carousel { overflow: visible !important; }
.what .owl-carousel:not(.owl-loaded) { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 22px; padding-bottom: 14px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.what .owl-carousel .owl-wrapper-outer { overflow-x: auto !important; overflow-y: hidden !important; width: 100% !important; height: auto !important; padding-bottom: 14px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.what .owl-carousel .owl-wrapper { display: flex !important; flex-wrap: nowrap !important; transform: none !important; -webkit-transform: none !important; width: auto !important; gap: 22px; }
.what .owl-item, .what .owl-carousel > .item, .what .item {
  flex: 0 0 320px !important; width: 320px !important; max-width: 320px !important; float: none !important; padding: 0 !important; scroll-snap-align: start; display: block;
}
.what .item > div {
  background: #fff !important; border: 1px solid var(--line) !important; border-radius: var(--r) !important;
  padding: 28px 26px !important; height: 100%; box-shadow: var(--sh-sm); transition: all .3s var(--ease);
}
.what .item > div:hover { transform: translateY(-4px); box-shadow: var(--sh); border-color: var(--gold) !important; }
.what .item h5 { color: var(--navy) !important; font-family: var(--ff-head); font-size: 18px !important; margin: 0 0 14px !important; padding-bottom: 12px; border-bottom: 2px solid var(--gold-soft); }
.what .item p { color: var(--muted) !important; margin: 0 !important; }
.what .owl-carousel .owl-wrapper-outer::-webkit-scrollbar, .what .owl-carousel:not(.owl-loaded)::-webkit-scrollbar { height: 8px; }
.what .owl-carousel .owl-wrapper-outer::-webkit-scrollbar-thumb, .what .owl-carousel:not(.owl-loaded)::-webkit-scrollbar-thumb { background: var(--gold); border-radius: 8px; }
@media (max-width: 640px){ .what .owl-item, .what .owl-carousel > .item, .what .item{ flex-basis: 82vw !important; width: 82vw !important; max-width: 82vw !important; } }

/* === «НАШЕ ОБОРУДОВАНИЕ» (.metod2) — премиум навy-панель с изображением === */
.metod2 { background: var(--surface-2) !important; padding: 64px 0 !important; }
.metod2 .container > .col-md-12 {
  display: flex !important; flex-wrap: wrap; gap: 0; align-items: stretch;
  background: linear-gradient(150deg, var(--navy), var(--navy-900)) !important;
  border-radius: var(--r-lg) !important; overflow: hidden; box-shadow: var(--sh-lg);
}
.metod2 .col-md-6 { float: none !important; flex: 1 1 380px; padding: 0 !important; }
.metod2 .col-md-6:first-child { padding: 44px !important; display: flex; flex-direction: column; justify-content: center; }
.metod2 h2 { color: #fff !important; }
.metod2 p { color: var(--on-dark) !important; }
.metod2 .col-md-6:last-child { position: relative; min-height: 280px; }
.metod2 img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 0 !important; box-shadow: none !important; }
.metod2 .button { color: #fff !important; margin-top: 8px; }
.metod2 .button > span:not(.icon) { color: #fff !important; }
@media (max-width: 767px){ .metod2 .col-md-6:first-child{ padding: 30px !important; } .metod2 .col-md-6:last-child{ min-height: 220px; } }

/* === Кнопка-стрелка в блоке «Методика» (.metod) — внутрь карточки с текстом === */
.metod .colmet { position: relative; }
.metod .colmet > .col-md-12.pla, .metod .colmet > .pla { padding-bottom: 84px !important; position: relative; }
.metod .colmet > .col-md-2 {
  position: absolute !important; right: 34px; bottom: 34px;
  width: auto !important; max-width: none !important; min-width: 0 !important;
  padding: 0 !important; margin: 0 !important; float: none !important; z-index: 3;
}
.metod .colmet > .col-md-2 .button { display: inline-flex; }
.metod .colmet > .col-md-2 .button .icon.arrow { border: 2px solid var(--gold) !important; width: 52px; height: 52px; min-width: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .3s var(--ease); }
.metod .colmet > .col-md-2 .button:hover .icon.arrow { background: var(--gold); }
.metod .colmet > .col-md-2 .button .icon.arrow img { width: 22px; height: 22px; }
@media (max-width: 600px){ .metod .colmet > .col-md-12.pla, .metod .colmet > .pla { padding-bottom: 76px !important; } .metod .colmet > .col-md-2 { right: 20px; bottom: 20px; } }

/* === FAQ: убрать лишние hr между пунктами аккордеона (подчёркивание заголовка остаётся) === */
.faq .accordion hr { display: none !important; }

/* === FAQ: убрать ВСЕ hr в блоке вопросов (включая подчёркивание заголовка) === */
.faq hr { display: none !important; }

/* === Единый стиль «кружок со стрелкой» (как у кнопки методики) для всех .button .icon.arrow ===
   ВАЖНО: lei-btn и пилюли (.b-nav/.b-nav2) НЕ содержат .icon.arrow → НЕ затрагиваются. */
.button span.icon.arrow {
  width: 50px !important; height: 50px !important; min-width: 50px !important; max-width: 50px !important;
  border-radius: 50% !important; border: 2px solid var(--gold) !important; background: transparent !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  padding: 0 !important; box-sizing: border-box !important; transition: all .3s var(--ease) !important; flex: 0 0 50px;
  transform: none !important;
}
.button:hover span.icon.arrow { background: var(--gold) !important; }
/* внутренние иконки скрываем — рисуем единый чистый шеврон «>» как у кнопки методики */
.button span.icon.arrow svg, .button span.icon.arrow img { display: none !important; }
.button span.icon.arrow::after {
  content: '' !important; display: block !important; width: 9px; height: 9px;
  border-top: 2.5px solid var(--navy); border-right: 2.5px solid var(--navy);
  transform: rotate(45deg); margin-left: -3px; transition: border-color .3s var(--ease); box-sizing: border-box;
}
.button:hover span.icon.arrow::after { border-color: var(--navy-950) !important; }
/* на тёмных секциях — белый шеврон (виден на навy) */
.personnel .button span.icon.arrow::after, .case_u .button span.icon.arrow::after,
.sotr-sl .button span.icon.arrow::after, .lei-bg-dark .button span.icon.arrow::after,
#ngdialog .button span.icon.arrow::after, .gl-bl .button span.icon.arrow::after { border-color: #fff; }
.personnel .button:hover span.icon.arrow::after, .case_u .button:hover span.icon.arrow::after,
#ngdialog .button:hover span.icon.arrow::after, .gl-bl .button:hover span.icon.arrow::after { border-color: var(--navy-950) !important; }

/* ============================ ФИКСЫ БАГОВ (страницы рецензирования и др.) === */
/* 1) .what с обычным абзацем (не слайдер): читаемый текст */
.what > .container p, .what .col-md-12 > p { color: var(--body) !important; text-align: left !important; font-size: 17px !important; line-height: 1.7 !important; }
/* 2) Таймлайн: убрать центральную тёмную линию темы (#svnnr/#ab_2 .entries:before) */
.entries:before, #svnnr .entries:before, #ab_2 .entries:before, .col-md-12.pla .entries:before { display: none !important; content: none !important; }
/* 3) <summary> «Подробнее» в контенте: убрать стандартный ► и добавить золотой шеврон */
.intro .pla details > summary, .intro details > summary.sum, .what details > summary {
  list-style: none !important; cursor: pointer; color: var(--navy) !important; font-weight: 600 !important;
  display: inline-flex !important; align-items: center; gap: 10px; font-size: 16px !important;
}
.intro .pla details > summary::-webkit-details-marker, .intro details > summary::-webkit-details-marker { display: none !important; }
.intro .pla details > summary::after, .intro details > summary.sum::after, .what details > summary::after {
  content: '' !important; width: 7px; height: 7px; border-right: 2px solid var(--gold); border-bottom: 2px solid var(--gold);
  transform: rotate(-45deg); transition: transform .25s var(--ease); display: inline-block;
}
.intro .pla details[open] > summary::after, .intro details[open] > summary.sum::after, .what details[open] > summary::after { transform: rotate(45deg); }
/* 4) Подвал: текст тэглайна читаемый */
.lei-footer p { color: var(--on-dark) !important; }