/* ================================================================
   SAPCHENKO STUDIO — Custom Header v2.0
   Premium design: glassmorphism · micro-animations · responsive
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Mansalva&display=swap');

/* ================================================================
   ГЛОБАЛЬНАЯ УНИФИКАЦИЯ ШРИФТОВ — Inter для всего сайта
   Оптимизировано 18.04: убран дорогой `body *`, консолидированы правила
   ================================================================ */

/* CSS-переменные TagDiv — переопределяем на Inter */
html, html body, :root {
    --epilogue-2: 'Inter', -apple-system, sans-serif !important;
    --epilogue-2_global: 'Inter', -apple-system, sans-serif !important;
    --outfit-2: 'Inter', -apple-system, sans-serif !important;
    --outfit-2_global: 'Inter', -apple-system, sans-serif !important;
    --outfit-3: 'Inter', -apple-system, sans-serif !important;
    --outfit-3_global: 'Inter', -apple-system, sans-serif !important;
    --outfit: 'Inter', -apple-system, sans-serif !important;
    --outfit_global: 'Inter', -apple-system, sans-serif !important;
    --roboto: 'Inter', -apple-system, sans-serif !important;
    --roboto_global: 'Inter', -apple-system, sans-serif !important;
    --verdana: 'Inter', -apple-system, sans-serif !important;
    --doc-global-font-1: 'Inter', -apple-system, sans-serif !important;
    --doc-global-font-1_global: 'Inter', -apple-system, sans-serif !important;
    --doc-global-font-2: 'Inter', -apple-system, sans-serif !important;
    --doc-global-font-2_global: 'Inter', -apple-system, sans-serif !important;
    --td-default-font-family: 'Inter', -apple-system, sans-serif !important;
    --td_default_google_font_1: 'Inter', -apple-system, sans-serif !important;
    --td_default_google_font_2: 'Inter', -apple-system, sans-serif !important;
    --file_3: 'Inter', -apple-system, sans-serif !important;
}

/* Глобальный шрифт — body * нужен чтобы перебить TagDiv inline <style> */
body, body * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Mansalva — декоративные рукописные подписи */
[style*="Mansalva"], [style*="mansalva"] {
    font-family: 'Mansalva', 'Caveat', cursive !important;
}

/* ── CSS Custom Properties ──────────────────────────────────────── */
:root {
  --sch-red:        #FF4B5C;
  --sch-red-dark:   #e03444;
  --sch-red-glow:   rgba(255, 75, 92, 0.35);
  --sch-teal:       #00C896;
  --sch-blue:       #3B82F6;
  --sch-dark:       #0f0f1a;
  --sch-dark-2:     #1a1a2e;
  --sch-white:      #ffffff;
  --sch-text:       #1e1e2e;
  --sch-text-muted: #6b7280;
  --sch-border:     rgba(255,255,255,0.12);
  --sch-glass-bg:   rgba(255, 255, 255, 1);
  --sch-glass-blur: 20px;
  --sch-shadow:     0 4px 30px rgba(0,0,0,0.08);
  --sch-h:          78px;
  --sch-h-mobile:   62px;
  --sch-radius:     12px;
  --sch-ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --sch-font:       'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ── Header Shell ───────────────────────────────────────────────── */
#sch-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  height: var(--sch-h);
  background: var(--sch-glass-bg);
  backdrop-filter: blur(var(--sch-glass-blur));
  -webkit-backdrop-filter: blur(var(--sch-glass-blur));
  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: var(--sch-shadow);
  font-family: var(--sch-font);
  transition: background 0.35s var(--sch-ease), box-shadow 0.35s var(--sch-ease), height 0.3s var(--sch-ease);
}

/* Scrolled state → denser glass */
#sch-header.sch-scrolled {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 8px 40px rgba(0,0,0,0.12);
}

/* Top accent line */
#sch-header::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--sch-red) 0%, #ff8c94 40%, var(--sch-teal) 70%, var(--sch-blue) 100%);
  background-size: 200% 100%;
  animation: sch-gradient-flow 4s linear infinite;
}

@keyframes sch-gradient-flow {
  0%   { background-position: 0% 0%; }
  100% { background-position: 200% 0%; }
}

/* ── Inner Container ────────────────────────────────────────────── */
.sch-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  height: 100%;
  gap: 24px;
}

/* ── Logo ──────────────────────────────────────────────────────────────────── */
.sch-logo {
  display: flex;
  align-items: center;
  text-decoration: none !important;
  flex-shrink: 0;
  transition: opacity 0.2s var(--sch-ease);
}
.sch-logo:hover { opacity: 0.85; }

/* Real logo image — mix-blend-mode:multiply makes white bg invisible on glass header */
.sch-logo-img {
  height: 52px;
  width: auto;
  display: block;
  mix-blend-mode: multiply;
  transition: transform 0.3s var(--sch-ease), filter 0.3s var(--sch-ease);
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.08));
}
.sch-logo:hover .sch-logo-img {
  transform: scale(1.04);
  filter: drop-shadow(0 3px 12px rgba(0,0,0,0.15));
}

/* ── Nav ────────────────────────────────────────────────────────── */
.sch-nav {
  flex: 1;
  display: flex;
  justify-content: center;
}

.sch-nav-list {
  display: flex;
  align-items: center;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sch-nav-item {
  position: relative;
}

.sch-nav-link {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 18px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--sch-text) !important;
  text-decoration: none !important;
  border-radius: 8px;
  transition: color 0.2s var(--sch-ease), background 0.2s var(--sch-ease);
  white-space: nowrap;
  position: relative;
}

/* Underline indicator on hover */
.sch-nav-link::after {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 14px;
  right: 14px;
  height: 2px;
  border-radius: 2px;
  background: var(--sch-red);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s var(--sch-ease);
}
.sch-nav-link:hover::after,
.sch-active-item .sch-nav-link::after {
  transform: scaleX(1);
}

.sch-nav-link:hover {
  color: var(--sch-red) !important;
  background: rgba(255,75,92,0.05);
}

.sch-active-item .sch-nav-link {
  color: var(--sch-red) !important;
}

/* Chevron */
.sch-chevron {
  stroke: currentColor;
  transition: transform 0.25s var(--sch-ease);
  flex-shrink: 0;
  opacity: 0.6;
}
.sch-nav-item:hover .sch-chevron {
  transform: rotate(180deg);
  opacity: 1;
}

/* Dropdown */
.sch-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  background: var(--sch-white);
  border-radius: var(--sch-radius);
  box-shadow: 0 20px 60px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.05);
  list-style: none;
  margin: 0;
  padding: 12px 8px 8px;
  min-width: 200px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s var(--sch-ease), transform 0.15s var(--sch-ease);
}

/* Невидимый мост между nav-item и dropdown чтоб hover не терялся */
.sch-dropdown::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
}

.sch-nav-item:hover .sch-dropdown {
  opacity: 1;
  pointer-events: all;
  transform: translateX(-50%) translateY(0);
}

.sch-dropdown li { margin: 0; }
.sch-dropdown a {
  display: block;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  color: var(--sch-text) !important;
  text-decoration: none !important;
  border-radius: 8px;
  transition: background 0.15s, color 0.15s;
}
.sch-dropdown a:hover {
  background: rgba(255,75,92,0.06);
  color: var(--sch-red) !important;
}

/* ── Action Buttons ─────────────────────────────────────────────── */
.sch-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

/* Primary CTA button */
.sch-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 11px 26px;
  font-family: var(--sch-font);
  font-size: 14.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--sch-white) !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, var(--sch-red) 0%, #ff6b7a 100%);
  border-radius: 50px;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.2s var(--sch-ease), box-shadow 0.2s var(--sch-ease);
  box-shadow: 0 4px 20px var(--sch-red-glow);
  white-space: nowrap;
}

/* Shine sweep on hover */
.sch-btn-primary::before {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
  transition: left 0.5s var(--sch-ease);
}
.sch-btn-primary:hover::before { left: 160%; }

.sch-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 30px var(--sch-red-glow);
  color: var(--sch-white) !important;
}
.sch-btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px var(--sch-red-glow);
}

.sch-btn-primary svg {
  transition: transform 0.2s var(--sch-ease);
  flex-shrink: 0;
}
.sch-btn-primary:hover svg { transform: translateX(3px); }

/* Outline / secondary button */
.sch-btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 22px;
  font-family: var(--sch-font);
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--sch-text) !important;
  text-decoration: none !important;
  background: transparent;
  border: 1.5px solid rgba(0,0,0,0.14);
  border-radius: 50px;
  cursor: pointer;
  transition: border-color 0.2s var(--sch-ease), color 0.2s var(--sch-ease), background 0.2s var(--sch-ease);
  white-space: nowrap;
}
.sch-btn-outline:hover {
  border-color: var(--sch-red);
  color: var(--sch-red) !important;
  background: rgba(255,75,92,0.04);
}

/* ── Burger Button ──────────────────────────────────────────────── */
.sch-burger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background: transparent;
  border: 1.5px solid rgba(0,0,0,0.12);
  border-radius: 10px;
  cursor: pointer;
  gap: 5px;
  transition: background 0.2s, border-color 0.2s;
}
.sch-burger:hover {
  background: rgba(255,75,92,0.06);
  border-color: var(--sch-red);
}
.sch-burger span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--sch-text);
  border-radius: 2px;
  transition: transform 0.3s var(--sch-ease), opacity 0.3s var(--sch-ease), background 0.2s;
}
.sch-burger:hover span { background: var(--sch-red); }

/* Burger → X animation */
.sch-burger[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.sch-burger[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.sch-burger[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ── Mobile Drawer ──────────────────────────────────────────────── */
.sch-mobile-drawer {
  position: fixed;
  top: var(--sch-h-mobile);
  left: 0;
  right: 0;
  background: var(--sch-white);
  border-bottom: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 20px 60px rgba(0,0,0,0.12);
  padding: 16px 24px 24px;
  transform: translateY(-20px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.3s var(--sch-ease), opacity 0.3s var(--sch-ease);
  z-index: 99998;
}
.sch-mobile-drawer.sch-drawer-open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}

.sch-mobile-nav {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.sch-mobile-nav li { margin: 0; }
.sch-mobile-nav a {
  display: block;
  padding: 12px 16px;
  font-size: 15px;
  font-weight: 600;
  color: var(--sch-text) !important;
  text-decoration: none !important;
  border-radius: 10px;
  transition: background 0.15s, color 0.15s;
}
.sch-mobile-nav a:hover {
  background: rgba(255,75,92,0.06);
  color: var(--sch-red) !important;
}



/* ── Body padding ───────────────────────────────────────────────── */
@media (max-width: 767px) {
  #sch-header { height: var(--sch-h-mobile); }
  .sch-burger { display: flex; }
  .sch-nav { display: none; }
  .sch-btn-primary:not(.sch-btn-mobile),
  .sch-btn-outline:not(.sch-btn-mobile) { display: none; }
  .sch-inner { padding: 0 20px; }
}

/* Mobile action buttons row */
.sch-mobile-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sch-btn-mobile {
  width: 100%;
  justify-content: center;
  padding: 14px 22px;
  font-size: 15px;
  border-radius: 14px;
}

/* ── Ripple effect on button click ─────────────────────────────── */
@keyframes sch-ripple {
  0%   { transform: scale(0); opacity: 0.6; }
  100% { transform: scale(4); opacity: 0; }
}
.sch-ripple {
  position: absolute;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  background: rgba(255,255,255,0.4);
  animation: sch-ripple 0.6s ease-out forwards;
  pointer-events: none;
  margin-top: -40px;
  margin-left: -40px;
}

/* ── Page transition fade-in ────────────────────────────────────── */
@keyframes sch-fade-in {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}
#sch-header {
  animation: sch-fade-in 0.5s var(--sch-ease) both;
}

/* ============================================================
   Выравнивание карточек услуг — кнопки "ПОДРОБНЕЕ" на одном уровне
   ============================================================ */

/* 1. Ряд карточек: flex + stretch (все колонки одной высоты) */
.vc_row_inner > .wpb_wrapper,
.vc_row_inner > .wpb_wrapper > .tdc-elements {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

/* 2. Каждая колонка-карточка: flex-column, 100% высоты */
.vc_row_inner .vc_column_inner.tdc-column {
  display: flex !important;
  flex-direction: column !important;
}

.vc_row_inner .vc_column_inner.tdc-column > .wpb_wrapper,
.vc_row_inner .vc_column_inner.tdc-column > .wpb_wrapper > .tdc-elements {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  height: 100% !important;
}

/* 3. Кнопка "Подробнее" (tdm_block_icon_box) — прижать к низу */
.vc_row_inner .vc_column_inner .tdm_block_icon_box {
  margin-top: auto !important;
}

/* 4. Текст описания — занимает оставшееся место, толкая кнопку вниз */
.vc_row_inner .vc_column_inner .tdm_block_inline_text + .tdm_block_icon_box {
  margin-top: auto !important;
  padding-top: 15px;
}

/* ============================================================
   Страница Договор оферта (/public-offer/)
   ============================================================ */
.oferta-page {
  max-width: 860px;
  margin: 0 auto;
  padding: 40px 30px 80px;
  font-family: 'Inter', Georgia, serif;
  line-height: 1.9;
  color: #333;
  font-size: 16px;
}

h2.oferta-title {
  text-align: center;
  font-size: 2.2em;
  margin-bottom: 8px;
  color: #1a1a2e;
  font-weight: 800;
  letter-spacing: -0.5px;
}

.oferta-subtitle {
  text-align: center;
  color: #888;
  font-style: italic;
  margin-bottom: 40px;
  font-size: 1.05em;
  padding-bottom: 30px;
  border-bottom: 2px solid #f0f0f0;
}

.oferta-page strong {
  font-weight: 700;
  display: block;
  margin: 30px 0 12px;
  font-size: 1.1em;
  color: #1a1a2e;
}

/* ── Fix: hide broken quote-left icons in FAQ (glyph missing in multipurpose font) ── */
.tdm-icon-quote-left,
.tdm-icon-quote-right {
  display: none !important;
}

/* ── Fix #4: На странице "О компании" скрыть пустую секцию с кнопками "НАШИ УСЛУГИ / КЕЙСЫ" ── */
/* Чтобы команда сразу шла после hero (жалоба Антона: "много пустоты, должны сразу вылазить мы") */
body.page-id-138 .tdi_171 { display: none !important; }

/* ================================================================
   ФИКС 15.04 вечер: компактнее страница
   ================================================================ */

/* Убрать фото Ивана из финального CTA (просил Антон) */
.tdi_471 { display: none !important; }

/* Колонка где лежало фото Ивана — убрать ширину, чтоб CTA текст занял всю строку */
.tdi_471 ~ *,
.vc_column_inner:has(> .wpb_wrapper > .tdi_471) {
    flex: 0 0 0 !important;
    width: 0 !important;
}

/* Центрировать текст финального CTA после удаления фото */
body.home [class*="tdi_"] .tdm-descr {
    text-align: inherit;
}

/* ── Hero: 2-я кнопка "Посмотреть кейсы" — outline стиль ── */
a.tds-button8.tdi_161 {
    background: transparent !important;
    border: 2px solid #fd3f52 !important;
    color: #fd3f52 !important;
    margin-left: 12px !important;
    padding: 14px 24px !important;
    border-radius: 12px !important;
    transition: all 0.25s ease !important;
}
a.tds-button8.tdi_161:hover {
    background: #fd3f52 !important;
    color: #fff !important;
    transform: translateY(-1px);
}
a.tds-button8.tdi_161 .tdm-btn-text { color: inherit !important; }
a.tds-button8.tdi_161 .tdm-btn-icon { color: inherit !important; }

/* ── Убрать декоративный штамп "КЕЙСЫ" в Hero (дублирует outline-кнопку) ── */
body.home .tdi_165 { display: none !important; }

/* ── Убрать зелёный scribble-штрих в Hero (тоже декоративный, к штампу КЕЙСЫ вёл) ── */
body.home .tdi_164 { display: none !important; }

/* #6 — Перестановка карточек "Почему нас выбирают": Фокус в центр, Опыт вправо */
body.home .tdi_184 { order: 1 !important; }
body.home .tdi_192 { order: 2 !important; }
body.home .tdi_188 { order: 3 !important; }

/* #2+3 — Avito brand styling: логотип вместо простого текста */
.scf-avito-logo {
    display: inline-block;
    vertical-align: middle;
    height: 1em;
    margin: 0 2px;
}

/* Убрать Ивана Седых со страницы О компании (больше не работает с Антоном) */
body.page-id-138 .tdi_199 { display: none !important; }

/* ── Команда: Антон по центру крупнее, Ксения поменьше ── */
/* Только order + масштаб, не ломаем TagDiv layout */
/* Екатерина — слева */
body.page-id-138 .tdi_191 { order: 1 !important; }
/* Антон — по центру */
body.page-id-138 .tdi_183 { order: 2 !important; }
/* Ксения — справа */
body.page-id-138 .tdi_207 { order: 3 !important; }
/* Антон крупнее — увеличить фото */
body.page-id-138 .tdi_183 .td_single_image_bg {
    transform: scale(1.15) !important;
    transform-origin: bottom center !important;
}
/* Ксения поменьше — уменьшить фото */
body.page-id-138 .tdi_207 .td_single_image_bg {
    transform: scale(0.85) !important;
    transform-origin: bottom center !important;
}
/* Подписи (имя + должность) — выравниваем по одному низу у всех трёх */
/* Ряд — выравнивание колонок по низу, без "лесенки" из margin-top */
body.page-id-138 .tdi_181,
body.page-id-138 .tdi_181 .tdc-inner-columns {
    align-items: flex-end !important;
}
/* Сбрасываем разные margin-top у TagDiv'а — все три колонки на одном верхнем уровне */
body.page-id-138 .tdi_183,
body.page-id-138 .tdi_191,
body.page-id-138 .tdi_207 {
    margin-top: 0 !important;
}
/* Flex-колонка внутри каждой колонки → подписи flex-end */
body.page-id-138 .tdi_183 .vc_column-inner > .wpb_wrapper,
body.page-id-138 .tdi_191 .vc_column-inner > .wpb_wrapper,
body.page-id-138 .tdi_207 .vc_column-inner > .wpb_wrapper {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100%;
}
/* Имя — прибиваем к низу */
body.page-id-138 .tdi_183 .tdm_block_column_title,
body.page-id-138 .tdi_191 .tdm_block_column_title,
body.page-id-138 .tdi_207 .tdm_block_column_title {
    margin-top: auto !important;
    padding-top: 20px !important;
}
/* Должность — сразу под именем */
body.page-id-138 .tdi_183 .tdm_block_inline_text,
body.page-id-138 .tdi_191 .tdm_block_inline_text,
body.page-id-138 .tdi_207 .tdm_block_inline_text {
    margin-top: 0 !important;
}
/* Мобильная версия — все в одну колонку, сброс scale */
@media (max-width: 767px) {
    body.page-id-138 .tdi_183,
    body.page-id-138 .tdi_191,
    body.page-id-138 .tdi_207 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: unset !important;
        margin-top: 40px !important;
        margin-bottom: 20px !important;
    }
    /* Сброс scale на мобильном — фото не лезут друг на друга */
    body.page-id-138 .tdi_183 .td_single_image_bg,
    body.page-id-138 .tdi_207 .td_single_image_bg,
    body.page-id-138 .tdi_183 img,
    body.page-id-138 .tdi_207 img,
    body.page-id-138 .tdi_191 img {
        transform: none !important;
    }
    /* Сброс flex-колонки — имена сразу под фото */
    body.page-id-138 .tdi_183 .vc_column-inner > .wpb_wrapper,
    body.page-id-138 .tdi_191 .vc_column-inner > .wpb_wrapper,
    body.page-id-138 .tdi_207 .vc_column-inner > .wpb_wrapper {
        display: block !important;
        min-height: auto !important;
    }
    body.page-id-138 .tdi_183 .tdm_block_column_title,
    body.page-id-138 .tdi_191 .tdm_block_column_title,
    body.page-id-138 .tdi_207 .tdm_block_column_title {
        margin-top: 20px !important;
    }
}

/* ── /our-services/: убрать декоративную "кисть" темы (xxx_brush-bg-services_xxx.png) ── */
/* Бэкграунд указывает на production sapchenko.studio — там лежит другая (красная) версия кисти,
   из-за чего под кнопками "Подробнее" видны красные мазки. Скрываем декоративный слой. */
/* /our-services/ — скрываем декоративные SVG-иконки в icon-boxes "Подробнее":
   это рудимент дизайна темы (раньше ПОДРОБНЕЕ был чёрным текстом, иконки служили акцентом).
   С новыми pill-кнопками они выглядят как красные мазки-артефакты. */
body.page-id-144 .tdi_198,
body.page-id-144 .tdi_208,
body.page-id-144 .tdi_220,
body.page-id-144 .tdi_230,
body.page-id-144 .tdi_242,
body.page-id-144 .tdi_252 {
    display: none !important;
}

/* ── /our-services/: «Подробнее» → pill-кнопки в стиле .sch-btn-primary с главной ── */
body.page-id-144 .tdi_199 .tdm-title,
body.page-id-144 .tdi_209 .tdm-title,
body.page-id-144 .tdi_221 .tdm-title,
body.page-id-144 .tdi_231 .tdm-title,
body.page-id-144 .tdi_243 .tdm-title,
body.page-id-144 .tdi_253 .tdm-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 11px 26px !important;
    margin-top: 18px !important;
    position: relative !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
    text-decoration: none !important;
    background: linear-gradient(135deg, #FF4B5C 0%, #ff6b7a 100%) !important;
    box-shadow: 0 2px 6px rgba(255, 75, 92, 0.18),
                inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                background 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    z-index: 1 !important;
}

/* Стрелка справа от текста */
body.page-id-144 .tdi_199 .tdm-title::after,
body.page-id-144 .tdi_209 .tdm-title::after,
body.page-id-144 .tdi_221 .tdm-title::after,
body.page-id-144 .tdi_231 .tdm-title::after,
body.page-id-144 .tdi_243 .tdm-title::after,
body.page-id-144 .tdi_253 .tdm-title::after {
    content: '→';
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
    line-height: 1;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Shine sweep — белый блик пробегает слева-направо при наведении */
body.page-id-144 .tdi_199 .tdm-title::before,
body.page-id-144 .tdi_209 .tdm-title::before,
body.page-id-144 .tdi_221 .tdm-title::before,
body.page-id-144 .tdi_231 .tdm-title::before,
body.page-id-144 .tdi_243 .tdm-title::before,
body.page-id-144 .tdi_253 .tdm-title::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent) !important;
    transition: left 0.55s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

/* Hover — lift + насыщенный градиент + glow появляется только сейчас + блик + стрелка едет */
body.page-id-144 .tdi_199 a:hover .tdm-title,
body.page-id-144 .tdi_209 a:hover .tdm-title,
body.page-id-144 .tdi_221 a:hover .tdm-title,
body.page-id-144 .tdi_231 a:hover .tdm-title,
body.page-id-144 .tdi_243 a:hover .tdm-title,
body.page-id-144 .tdi_253 a:hover .tdm-title,
body.page-id-144 .tdi_199 .tdm-title:hover,
body.page-id-144 .tdi_209 .tdm-title:hover,
body.page-id-144 .tdi_221 .tdm-title:hover,
body.page-id-144 .tdi_231 .tdm-title:hover,
body.page-id-144 .tdi_243 .tdm-title:hover,
body.page-id-144 .tdi_253 .tdm-title:hover {
    transform: translateY(-3px) scale(1.02) !important;
    background: linear-gradient(135deg, #FD3F52 0%, #FF4B5C 100%) !important;
    box-shadow: 0 12px 28px rgba(255, 75, 92, 0.4),
                0 4px 8px rgba(255, 75, 92, 0.15),
                inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}
body.page-id-144 .tdi_199 a:hover .tdm-title::before,
body.page-id-144 .tdi_209 a:hover .tdm-title::before,
body.page-id-144 .tdi_221 a:hover .tdm-title::before,
body.page-id-144 .tdi_231 a:hover .tdm-title::before,
body.page-id-144 .tdi_243 a:hover .tdm-title::before,
body.page-id-144 .tdi_253 a:hover .tdm-title::before,
body.page-id-144 .tdi_199 .tdm-title:hover::before,
body.page-id-144 .tdi_209 .tdm-title:hover::before,
body.page-id-144 .tdi_221 .tdm-title:hover::before,
body.page-id-144 .tdi_231 .tdm-title:hover::before,
body.page-id-144 .tdi_243 .tdm-title:hover::before,
body.page-id-144 .tdi_253 .tdm-title:hover::before {
    left: 160% !important;
}
body.page-id-144 .tdi_199 a:hover .tdm-title::after,
body.page-id-144 .tdi_209 a:hover .tdm-title::after,
body.page-id-144 .tdi_221 a:hover .tdm-title::after,
body.page-id-144 .tdi_231 a:hover .tdm-title::after,
body.page-id-144 .tdi_243 a:hover .tdm-title::after,
body.page-id-144 .tdi_253 a:hover .tdm-title::after {
    transform: translateX(5px);
}
/* Контейнер карточки — мягкий hover-lift */
body.page-id-144 .tdi_198,
body.page-id-144 .tdi_208,
body.page-id-144 .tdi_220,
body.page-id-144 .tdi_230,
body.page-id-144 .tdi_242,
body.page-id-144 .tdi_252 {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* На мобильных кнопки на всю ширину, по центру */
@media (max-width: 767px) {
    body.page-id-144 .tdi_199 .tdm-title,
    body.page-id-144 .tdi_209 .tdm-title,
    body.page-id-144 .tdi_221 .tdm-title,
    body.page-id-144 .tdi_231 .tdm-title,
    body.page-id-144 .tdi_243 .tdm-title,
    body.page-id-144 .tdi_253 .tdm-title {
        display: flex !important;
        justify-content: center !important;
        width: auto !important;
        margin-top: 16px !important;
    }
}

/* ── Пагинация блога — увеличить стрелки до размера цифр ── */
.page-nav .td-icon-menu-right,
.page-nav .td-icon-menu-left {
    font-size: 14px !important;
}
.page-nav a, .page-nav span {
    min-width: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
}
.page-nav .td_page_nav_next a,
.page-nav .td_page_nav_prev a {
    min-width: 38px !important;
    min-height: 38px !important;
    border-radius: 8px !important;
}

/* Исключения: иконочные шрифты (НЕ перебивать на Inter) */
[class*="tdc-font-tdmp"],
[class*="tdm-icon-"],
.tdm-btn-icon,
.fa, [class*="fa-"],
i[class*="td-icon-"] {
    font-family: "td-multipurpose", "multipurpose", sans-serif !important;
}

/* Fix: "Sapchenko Studio" перечёркивается на мобильном (strikethrough из TagDiv) */
.tdm-descr {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

/* Fix: стрелка вверх (back-to-top) не наезжает на виджет Chatway */
.td-scroll-up {
    bottom: 90px !important;
    right: 20px !important;
}

/* Fix: горизонтальный разделитель (separator) перечёркивает "Sapchenko Studio" на мобильном */
.td_separator_solid,
.td_block_separator,
.vc_separator,
[class*="td_separator"] {
    display: none !important;
}

/* Контакты: скрыть дубль телефона после формы (уже есть в "Быстрая связь" вверху) */
body.page-id-140 .tdi_182 { display: none !important; }

/* ═══════════════════════════════════════════════════════════
   SEO: продублированные стили TagDiv .tdb_header_logo h1
   для нашего div[role="banner"] (мы заменили H1 на DIV
   в sapchenko-custom-header.php — без этих правил логотип
   потеряет flex-layout от темы).
   ═══════════════════════════════════════════════════════════ */
.tdb_header_logo div[role="banner"] {
    display: flex;
    pointer-events: auto;
    align-items: flex-start;
    margin: 0;
    line-height: 0;
}

/* SEO: класс для visually-hidden H1 (Этап 1.5)
   Скрывает элемент визуально, но оставляет для screen-reader/crawler */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}