@import url("./korporativnyj-sajt-static-stack.css");
@import url("sections/service-hero-header.css");
@import url("sections/kontekstnaya-packages-compare.css?v=20260803kompleksPackages2");
@import url("sections/service-packages-cards.css?v=20260625packagesCardBg");

/* Внутренние ссылки без визуального выделения (SEO-перелинковка). */
.page-constructor.kompleksnoye-prodvizheniye-page a.kompleksnoye-text-link,
.page-constructor.kompleksnoye-prodvizheniye-page a.kompleksnoye-text-link:visited,
.page-constructor.kompleksnoye-prodvizheniye-page a.kompleksnoye-text-link:focus {
  color: inherit;
  text-decoration: none;
}

.page-constructor.kompleksnoye-prodvizheniye-page a.kompleksnoye-text-link:hover {
  color: #9cc9ff;
  text-decoration: none;
}

/* Заголовки инструментов: как обычный текст; при наведении — светло-голубой (как на /kontekstnaya_reklama). */
.page-constructor.kompleksnoye-prodvizheniye-page
  :is(.kompleksnoye-channels-block, .kompleksnoye-channels-used-block)
  .block__name
  a.kompleksnoye-text-link:any-link {
  color: inherit;
  text-decoration: none;
}

.page-constructor.kompleksnoye-prodvizheniye-page
  :is(.kompleksnoye-channels-block, .kompleksnoye-channels-used-block)
  .block__name
  a.kompleksnoye-text-link:hover,
.page-constructor.kompleksnoye-prodvizheniye-page
  :is(.kompleksnoye-channels-block, .kompleksnoye-channels-used-block)
  .block__name
  a.kompleksnoye-text-link:any-link:hover {
  color: #9cc9ff;
  text-decoration: none;
}

.page-constructor.kompleksnoye-prodvizheniye-page .block__name a.kompleksnoye-text-link {
  font: inherit;
}

.page-constructor.kompleksnoye-prodvizheniye-page .content-block__desc a.kompleksnoye-text-link,
.page-constructor.kompleksnoye-prodvizheniye-page .block__content a.kompleksnoye-text-link {
  font: inherit;
}

/* Локальные overrides для страницы шаблона без Nuxt-обертки */
.page-constructor.kompleksnoye-prodvizheniye-page {
  position: relative;
}

.page-constructor.kompleksnoye-prodvizheniye-page .page-constructor__bg {
  z-index: 0 !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .page-constructor__section {
  position: relative;
  z-index: 2;
}

/* Фон только на .header-background (как prod), без дублирующего ::before — иначе «мыло». */
.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type::before {
  display: none !important;
  content: none !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .header-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .header-background.mobile {
  display: none !important;
}

@media screen and (max-width: 719px) {
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .header-background.desctop {
    display: none !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .header-background.mobile {
    display: block !important;
  }
}

/* Ритм h1 → описание как на prod: margin-bottom 42px у заголовка, без margin-top у подзаголовка. */
.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .jumbotron-img-aurora__title,
.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .jumbotron-img-aurora__title-small {
  margin-bottom: 42px !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .jumbotron-img-aurora__subtitle {
  margin-top: 0 !important;
}

/*
 * Hero-текст по вертикали по центру экрана (раньше был flex-end + 260px снизу).
 */
@media screen and (min-width: 720px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section:first-of-type
    .header-background
    .jumbotron {
    justify-content: center !important;
    padding-bottom: 0 !important;
  }
}

/* После KPI-полосы блоку «Синергия» нужен обычный верхний отступ (как H2 после mini на контексте ~112px). */
.page-constructor.kompleksnoye-prodvizheniye-page
  > .page-constructor__section.kompleksnoye-channels-block
  > .modern.content-block[data-v-4ed7dc78],
.page-constructor.kompleksnoye-prodvizheniye-page
  > .page-constructor__section.kompleksnoye-channels-block
  > .content-block[data-v-4ed7dc78] {
  padding-top: 112px !important;
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .jumbotron {
    gap: 42px !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .jumbotron-img-aurora__title,
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section:first-of-type .jumbotron-img-aurora__title-small {
    margin-bottom: 0 !important;
  }
}

/* Скрыть video-блок, если остался в срезе */
.page-constructor.kompleksnoye-prodvizheniye-page .jumbotron-video-aurora {
  display: none !important;
}



/* desc/tablet parity (как targeting-page) */
/* Телефон: без Nuxt-скоупа десктопная сетка desc остаётся в потоке — дубль с tablet. */
@media screen and (max-width: 720px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block .content-block__grid.content-block__grid--desc.blocks {
    display: none !important;
  }
}

/* Планшет/десктоп: шапка этапа + desc-сетка под ней (как marketing, override parity). */
@media screen and (min-width: 721px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block > .page__container,
  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] > .page__container[data-v-4ed7dc78] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* Как prod Nuxt: row-gap 120px между шапкой и блоком колонок (слайдер снят, gap остаётся) */
    row-gap: 120px !important;
    grid-row-gap: 120px !important;
    column-gap: normal !important;
    /* width 100% вместо calc(100% - 154px): поля как у prod через --page-gutter-x */
    padding-left: var(--page-inline-start, var(--page-gutter-x, 78px)) !important;
    padding-right: var(--page-inline-end, var(--page-gutter-x, 78px)) !important;
    box-sizing: border-box !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .numbered-header {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  /*
   * Зазор «описание → колонки» — только row-gap у .page__container (120px desktop).
   * Не дублировать margin у .row / .col-6 (иначе 180px).
   */
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block > .page__container > .numbered-header,
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block > .page__container > .numbered-header[data-v-490c7534],
  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] > .page__container > .numbered-header[data-v-490c7534] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block > .page__container > .numbered-header .row,
  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] .numbered-header .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] .numbered-header .row .col-6,
  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] .numbered-header .row [class*="col-"],
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block .numbered-header .row .col-6[data-v-490c7534],
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block .numbered-header .row [class*="col-"] {
    margin-bottom: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] .numbered-header .row .numbered-header__title-column,
  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] .numbered-header .row .numbered-header__subtitle-column {
    margin-bottom: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block > .page__container > .numbered-header + .content-block__grid.content-block__grid--desc.blocks,
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block > .page__container > .numbered-header + .content-block__grid.content-block__grid--desc-custom.blocks {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .numbered-header__title-column {
    flex: 1 1 280px !important;
    max-width: 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .numbered-header__subtitle-column {
    flex: 1 1 280px !important;
    max-width: 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .numbered-header__subtitle-column .content-block__desc {
    max-width: none !important;
    width: 100% !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block .content-block__slider {
    display: none !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block .content-block__grid.content-block__grid--desc.blocks {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 75px;
    row-gap: 45px;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    order: 2;
    box-sizing: border-box !important;
  }

  /* Колонки desc-сетки: заголовки и текст описания на одной линии (как «Наш подход») */
  .page-constructor.kompleksnoye-prodvizheniye-page
    .modern.content-block
    > .page__container
    > .content-block__grid.content-block__grid--desc.blocks
    > .col-4 {
    align-items: stretch !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .modern.content-block
    > .page__container
    > .content-block__grid.content-block__grid--desc.blocks
    > .col-4
    > .block-item:has(.block__description) {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    width: 100% !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .modern.content-block
    > .page__container
    > .content-block__grid.content-block__grid--desc.blocks
    .block__name-wrapper:has(.block__name) {
    flex: 0 0 auto;
    min-height: 4.75em;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block .content-block__grid.content-block__grid--tablet.blocks {
    display: none !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .numbered-header .row > .content-block__grid.content-block__grid--desc {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    order: 10;
  }
}

/* Три колонки desc-сетки (gap 75px × 2), как marketing */
.page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block .content-block__grid.content-block__grid--desc.blocks > .col-4 {
  flex: 1 1 0;
  max-width: calc((100% - 150px) / 3);
  min-width: 0;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 721px) and (max-width: 900px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block .content-block__grid.content-block__grid--desc.blocks > .col-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/*
 * «Стоимость и пакеты» сразу после cases-block: как /kontekstnaya_reklama (--home-between 112),
 * не 172px из targeting-static-stack для .content-block.
 */
.page-constructor__section:has(.cases-block) + .page-constructor__section.kompleksnoye-packages-heading > .modern.content-block[data-v-4ed7dc78],
.page-constructor__section:has(.cases-block) + .page-constructor__section.kompleksnoye-packages-heading > .modern.content-block {
  padding-top: var(--home-between, 112px) !important;
}

/* «Наш подход», пункты 1–3: заголовок 46px, цифра по центру строки (как prod). */
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-approach-block
  .numbered-header.title-large:not(.number-header__empty)
  .numbered-header__title-column,
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-approach-step-block
  .numbered-header.title-large:not(.number-header__empty)
  .numbered-header__title-column {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  transform: none !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-approach-block
  .numbered-header.title-large:not(.number-header__empty)
  .numbered-header__bullet,
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-approach-step-block
  .numbered-header.title-large:not(.number-header__empty)
  .numbered-header__bullet {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding-top: 0 !important;
  min-width: 78px;
  display: flex !important;
  align-items: center !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-approach-block
  .numbered-header.title-large:not(.number-header__empty)
  .numbered-header__title,
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-approach-step-block
  .numbered-header.title-large:not(.number-header__empty)
  .numbered-header__title {
  padding: 0 0 0 45px !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-approach-block
  .numbered-header.title-large:not(.number-header__empty)
  .numbered-header__title
  h2,
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-approach-step-block
  .numbered-header.title-large:not(.number-header__empty)
  .numbered-header__title
  h2 {
  font-size: 46px !important;
  line-height: 126% !important;
  margin-top: 0 !important;
}

/* Мобилка: 46px не влезает («продвижение» обрезается по ширине колонки).
 * Цифра по центру первой строки h2 (не всего многострочного блока);
 * padding-left — ширина цифры + комфортный зазор. */
@media screen and (max-width: 720px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-approach-block
    .numbered-header.title-large:not(.number-header__empty)
    .numbered-header__bullet,
  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-approach-step-block
    .numbered-header.title-large:not(.number-header__empty)
    .numbered-header__bullet {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    min-width: 0 !important;
    width: auto !important;
    /* первая строка h2: 28px * 130% */
    height: 36.4px !important;
    padding-top: 0 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-approach-block
    .numbered-header.title-large:not(.number-header__empty)
    .numbered-header__title,
  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-approach-step-block
    .numbered-header.title-large:not(.number-header__empty)
    .numbered-header__title {
    /* ~12px цифра + ~22px зазор */
    padding-left: 34px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-approach-block
    .numbered-header.title-large:not(.number-header__empty)
    .numbered-header__title
    h2,
  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-approach-step-block
    .numbered-header.title-large:not(.number-header__empty)
    .numbered-header__title
    h2 {
    font-size: 28px !important;
    line-height: 130% !important;
    overflow-wrap: anywhere;
  }
}

@media screen and (max-width: 800px) {
  .page-constructor__section:has(.cases-block) + .page-constructor__section.kompleksnoye-packages-heading > .modern.content-block[data-v-4ed7dc78],
  .page-constructor__section:has(.cases-block) + .page-constructor__section.kompleksnoye-packages-heading > .modern.content-block {
    padding-top: var(--home-between, 97px) !important;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor__section:has(.cases-block) + .page-constructor__section.kompleksnoye-packages-heading > .modern.content-block[data-v-4ed7dc78],
  .page-constructor__section:has(.cases-block) + .page-constructor__section.kompleksnoye-packages-heading > .modern.content-block {
    padding-top: var(--home-between, 60px) !important;
  }
}

.page-constructor.kompleksnoye-prodvizheniye-page .team-block,
.page-constructor__section:has(> .team-block) .team-block {
  padding-top: var(--home-between, 112px) !important;
}

/*
 * Все .content-block на странице: один шаг --home-between (112), не 172px из targeting-static-stack.
 * post-hero, CMS, «Наш подход», этапы — одинаковый зазор между секциями.
 */
.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section > .modern.content-block,
.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section > .modern.content-block[data-v-4ed7dc78] {
  padding-top: var(--home-between, 112px) !important;
  padding-bottom: 0 !important;
}

/*
 * Стрелки .swiper__navigation: top % от containing block.
 * Без relative на __slider якорь — section (с padding), стрелки уезжают вверх от центра контента.
 * top: 50% вместо бандла 47.5% — центр по макету+тексту слайда.
 */
.page-constructor.kompleksnoye-prodvizheniye-page .cases-block .cases-block__slider {
  position: relative;
}

.page-constructor.kompleksnoye-prodvizheniye-page .cases-block .swiper__navigation[data-v-bd2e570a],
.page-constructor.kompleksnoye-prodvizheniye-page .cases-block .swiper__navigation {
  top: 50%;
}

/* Слайдер кейсов сразу после «Синергия каналов» */
.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section.kompleksnoye-cases-slider-section {
  padding-top: var(--home-between, 112px) !important;
}

@media screen and (max-width: 800px) {
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section.kompleksnoye-cases-slider-section {
    padding-top: var(--home-between, 97px) !important;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section.kompleksnoye-cases-slider-section {
    padding-top: var(--home-between, 60px) !important;
  }
}

/* Второй слайдер кейсов после «Какие каналы используем» */
.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section.kompleksnoye-next-cases-slider-section {
  padding-top: var(--home-between, 112px) !important;
  padding-bottom: 0 !important;
}

@media screen and (max-width: 800px) {
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section.kompleksnoye-next-cases-slider-section {
    padding-top: var(--home-between, 97px) !important;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section.kompleksnoye-next-cases-slider-section {
    padding-top: var(--home-between, 60px) !important;
  }
}

/*
 * Второй слайдер → «Результаты»: один шаг --home-between (только у .content-block),
 * без дубля padding-top на section и без лишнего padding у .cases-block (как синергия → этап).
 */
.page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section.kompleksnoye-results-block {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*
 * «Результаты» стоит сразу перед .dies (тарифы). Правило из kontekstnaya-reklama-static-stack
 * центрирует empty-header секции перед dies — здесь H2 должен быть слева, как у остальных блоков.
 */
@media screen and (min-width: 1025px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-results-block
    > .modern.content-block[data-v-4ed7dc78]
    .numbered-header.number-header__empty
    .row[data-v-490c7534] {
    justify-content: space-between !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-results-block
    > .modern.content-block[data-v-4ed7dc78]
    .numbered-header.number-header__empty
    .numbered-header__title-column[data-v-490c7534] {
    flex: 1 1 280px !important;
    flex-basis: 280px !important;
    max-width: 50% !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-results-block
    > .modern.content-block[data-v-4ed7dc78]
    .numbered-header.number-header__empty
    .numbered-header__title[data-v-490c7534],
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-results-block
    > .modern.content-block[data-v-4ed7dc78]
    .numbered-header.number-header__empty
    .numbered-header__title[data-v-490c7534]
    h2 {
    text-align: left !important;
  }
}

.page-constructor.kompleksnoye-prodvizheniye-page
  > .page-constructor__section.kompleksnoye-next-cases-slider-section
  + .page-constructor__section.kompleksnoye-results-block
  > .modern.content-block,
.page-constructor.kompleksnoye-prodvizheniye-page
  > .page-constructor__section.kompleksnoye-next-cases-slider-section
  + .page-constructor__section.kompleksnoye-results-block
  > .modern.content-block[data-v-4ed7dc78] {
  padding-top: var(--home-between, 112px) !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-next-cases-slider-section .cases-block[data-v-bd2e570a] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-next-cases-slider-section
  .cases-block
  .cases-block__swiper-slide[data-v-bd2e570a] {
  min-height: auto !important;
}

@media screen and (max-width: 800px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-next-cases-slider-section
    + .page-constructor__section.kompleksnoye-results-block
    > .modern.content-block,
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-next-cases-slider-section
    + .page-constructor__section.kompleksnoye-results-block
    > .modern.content-block[data-v-4ed7dc78] {
    padding-top: var(--home-between, 97px) !important;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-next-cases-slider-section
    + .page-constructor__section.kompleksnoye-results-block
    > .modern.content-block,
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-next-cases-slider-section
    + .page-constructor__section.kompleksnoye-results-block
    > .modern.content-block[data-v-4ed7dc78] {
    padding-top: var(--home-between, 60px) !important;
  }
}

@media screen and (min-width: 721px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-results-grid.content-block__grid--desc.blocks {
    display: grid !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-results-grid.content-block__grid--tablet.blocks {
    display: none !important;
  }
}

@media screen and (max-width: 720px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-results-grid.content-block__grid--desc.blocks {
    display: none !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-results-grid.content-block__grid--tablet.blocks {
    display: grid !important;
  }
}

@media screen and (min-width: 1025px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-results-grid.content-block__grid--desc.blocks > .col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media screen and (max-width: 800px) {
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section > .modern.content-block,
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section > .modern.content-block[data-v-4ed7dc78] {
    padding-top: var(--home-between, 97px) !important;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section > .modern.content-block,
  .page-constructor.kompleksnoye-prodvizheniye-page > .page-constructor__section > .modern.content-block[data-v-4ed7dc78] {
    padding-top: var(--home-between, 60px) !important;
  }
}

/* Планшет/телефон: row-gap между шапкой блока и сеткой колонок */
@media screen and (max-width: 768px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] > .page__container[data-v-4ed7dc78],
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block > .page__container {
    row-gap: 68px !important;
    grid-row-gap: 68px !important;
  }
}

@media screen and (max-width: 720px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .content-block[data-v-4ed7dc78] > .page__container[data-v-4ed7dc78],
  .page-constructor.kompleksnoye-prodvizheniye-page .modern.content-block > .page__container {
    row-gap: 55px !important;
    grid-row-gap: 55px !important;
  }
}

/* «Синергия каналов»: 6 карточек — по 3 в ряд на десктопе */
@media screen and (min-width: 721px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-grid.content-block__grid--desc.blocks > .col-4,
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-used-grid.content-block__grid--desc.blocks > .col-4,
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-industries-grid.content-block__grid--desc.blocks > .col-4 {
    flex: 0 0 calc((100% - 150px) / 3) !important;
    max-width: calc((100% - 150px) / 3) !important;
    min-width: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-grid.content-block__grid--desc.blocks > .col-4,
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-used-grid.content-block__grid--desc.blocks > .col-4,
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-industries-grid.content-block__grid--desc.blocks > .col-4 {
    order: 0 !important;
  }
}


@media screen and (min-width: 721px) and (max-width: 1100px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-grid.content-block__grid--desc.blocks > .col-4,
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-used-grid.content-block__grid--desc.blocks > .col-4,
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-industries-grid.content-block__grid--desc.blocks > .col-4 {
    max-width: calc((100% - 75px) / 2);
    flex: 0 0 calc((100% - 75px) / 2);
  }
}

/* Отрасли: ссылка в названии карточки (услуга 3-го уровня) */
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-industries-block .block__name a.kompleksnoye-industries-cta,
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-industries-block .block__name a.kompleksnoye-industries-cta:visited {
  color: #9cc9ff;
  text-decoration: underline;
  text-underline-offset: 3px;
  font: inherit;
}

.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-industries-block .block__name a.kompleksnoye-industries-cta:hover {
  color: #c5e0ff;
}

@media screen and (max-width: 720px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-industries-grid.content-block__grid--desc.blocks {
    display: flex !important;
    flex-direction: column;
    row-gap: 40px;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-industries-grid.content-block__grid--desc.blocks > .col-4 {
    flex: 1 1 auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/*
 * Иллюстрации в .movies-block: статичная картинка, не видео — без height:37.5vw и object-fit:cover.
 */
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-diagram-section .movies-block,
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-analytics-diagram-section .movies-block,
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-creative-diagram-section .movies-block {
  padding-top: var(--home-between, 112px) !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-diagram-section .movies-block .swiper-slide,
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-analytics-diagram-section .movies-block .swiper-slide,
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-creative-diagram-section .movies-block .swiper-slide {
  height: auto !important;
  max-height: none !important;
  display: block !important;
  cursor: default !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-diagram-section .movies-block img,
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-analytics-diagram-section .movies-block img,
.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-creative-diagram-section .movies-block img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block;
}

@media screen and (max-width: 800px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-diagram-section .movies-block,
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-analytics-diagram-section .movies-block {
    padding-top: var(--home-between, 97px) !important;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-channels-diagram-section .movies-block,
  .page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-analytics-diagram-section .movies-block {
    padding-top: var(--home-between, 60px) !important;
  }
}

/* «Блог» после FAQ: отступы и типографика как на /kontekstnaya_reklama */
.page-constructor .kompleksnoye-blog-section {
  padding-top: var(--home-between, 112px) !important;
}

.page-constructor .kompleksnoye-blog-section .blog-block-mainstr.isNewContent .services__text.home-ledge.home-between,
.page-constructor .kompleksnoye-blog-section .blog-block-mainstr.isNewContent .services__text.home-ledge.home-between[data-v-56f85d51] {
  margin-top: 0 !important;
}

.page-constructor .kompleksnoye-blog-section .services__text.home-ledge,
.page-constructor .kompleksnoye-blog-section .services__text.home-ledge[data-v-56f85d51] {
  padding-bottom: 80px !important;
}

.page-constructor .kompleksnoye-blog-section .blog-block__swiper-container,
.page-constructor .kompleksnoye-blog-section .blog-block__swiper-container[data-v-25bf775d] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.page-constructor .kompleksnoye-blog-section .services__title,
.page-constructor .kompleksnoye-blog-section .services__title[data-v-56f85d51] {
  font-size: 46px !important;
  line-height: 126% !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #f6f6f6;
}

@media screen and (max-width: 768px) {
  .page-constructor .kompleksnoye-blog-section .services__title,
  .page-constructor .kompleksnoye-blog-section .services__title[data-v-56f85d51] {
    font-size: 28px !important;
    line-height: 126% !important;
  }
}

@media screen and (max-width: 550px) {
  .page-constructor .kompleksnoye-blog-section .services__title,
  .page-constructor .kompleksnoye-blog-section .services__title[data-v-56f85d51] {
    font-size: 26px !important;
  }
}

/* «Синергия с услугами»: отступы и слайдер как на /kontekstnaya_reklama */
.page-constructor .kontekst-synergy-root {
  padding-top: var(--home-between, 112px) !important;
}

.kontekst-synergy-root .isNewContent h3.services__title.kontekstnaya-page__section-heading,
.page-constructor .kontekst-synergy-root .isNewContent h3.services__title.kontekstnaya-page__section-heading {
  margin-bottom: 0 !important;
  font-size: 46px !important;
  line-height: 126% !important;
  font-weight: 400 !important;
  color: #f6f6f6;
}

.kontekst-synergy-root .services__text.home-ledge,
.kontekst-synergy-root .services__text.home-ledge[data-v-56f85d51] {
  padding-bottom: 80px !important;
}

.page-constructor .kontekst-synergy-root .services__context-slider.swiper-container,
.kontekst-synergy-root .services__context-slider.swiper-container,
.kontekst-synergy-root .services__context-slider.swiper-container[data-v-56f85d51] {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.kontekst-synergy-root .services__context-wrapper[data-v-56f85d51],
.kontekst-synergy-root .services__context-wrapper[data-native-row="1"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.kontekst-synergy-root .services__card-price {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .kontekst-synergy-root .isNewContent h3.services__title.kontekstnaya-page__section-heading {
    font-size: 28px !important;
  }
}

@media screen and (max-width: 550px) {
  .kontekst-synergy-root .isNewContent h3.services__title.kontekstnaya-page__section-heading {
    font-size: 26px !important;
  }
}

/* KPI-полоса под hero — паритет с /kontekstnaya_reklama (advantages-card--kontekst-mini).
 * Nuxt-бандл задаёт .advantages-card__content-item { width:100% } — без width:auto три колонки
 * уезжают в ряд шириной 3×viewport и «съезжают». */
.page-constructor.kompleksnoye-prodvizheniye-page
  > .page-constructor__section.kompleksnoye-kpi-section
  > .advantages
  > .page__container,
.page-constructor.kompleksnoye-prodvizheniye-page
  > .page-constructor__section.kompleksnoye-kpi-section
  > .advantages
  > .page__container.desktop {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: 88px 0 !important;
  gap: 0 !important;
  background-color: #1d1d1f !important;
  border-radius: 30px !important;
  box-shadow: 0 0 85px rgba(116, 11, 160, 0.34) !important;
  overflow: visible !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content,
.page-constructor.kompleksnoye-prodvizheniye-page
  .advantages-card.advantages-card--kontekst-mini
  .advantages-card__content[data-v-1aed48bd] {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  min-height: 100%;
}

.page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-list,
.page-constructor.kompleksnoye-prodvizheniye-page
  .advantages-card.advantages-card--kontekst-mini
  .advantages-card__content
  .advantages-card__content-list[data-v-1aed48bd] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-evenly !important;
  flex-direction: row !important;
  gap: 0 !important;
  grid-gap: 0 !important;
  grid-template-columns: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page
  .advantages-card.advantages-card--kontekst-mini
  .advantages-card__content-list
  > li,
.page-constructor.kompleksnoye-prodvizheniye-page
  .advantages-card.advantages-card--kontekst-mini
  .advantages-card__content-item,
.page-constructor.kompleksnoye-prodvizheniye-page
  .advantages-card.advantages-card--kontekst-mini
  .advantages-card__content
  .advantages-card__content-item[data-v-1aed48bd] {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 36px !important;
  grid-gap: 36px !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page
  .advantages-card.advantages-card--kontekst-mini
  .advantages-card__content-item:last-child {
  margin-top: 0 !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-image {
  flex-shrink: 0 !important;
  width: 80px !important;
  height: 80px !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-image img {
  display: block;
  width: 80px !important;
  height: 80px !important;
  object-fit: contain;
  object-position: center;
}

.page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
  min-width: 0;
}

.page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-title {
  margin: 0 !important;
  font-size: 64px !important;
  line-height: 126% !important;
  font-weight: 500 !important;
  color: #fff !important;
  white-space: nowrap !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-text {
  max-width: none !important;
  margin-top: 0 !important;
  font-size: 16px !important;
  line-height: 140% !important;
  font-weight: 300 !important;
  color: #afafaf !important;
  text-wrap: balance;
}

@media screen and (max-width: 1024px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini {
    padding: 69px 55px !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-list,
  .page-constructor.kompleksnoye-prodvizheniye-page
    .advantages-card.advantages-card--kontekst-mini
    .advantages-card__content
    .advantages-card__content-list[data-v-1aed48bd] {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 40px !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .advantages-card.advantages-card--kontekst-mini
    .advantages-card__content-item,
  .page-constructor.kompleksnoye-prodvizheniye-page
    .advantages-card.advantages-card--kontekst-mini
    .advantages-card__content
    .advantages-card__content-item[data-v-1aed48bd] {
    gap: 35px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-title {
    font-size: 50px !important;
  }
}

@media screen and (max-width: 719px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-kpi-section
    > .advantages
    > .page__container,
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-kpi-section
    > .advantages
    > .page__container.desktop {
    padding-left: max(var(--page-inline-start, var(--page-gutter-x, 36px)), 16px) !important;
    padding-right: max(var(--page-inline-end, var(--page-gutter-x, 36px)), 16px) !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-title {
    font-size: 32px !important;
    line-height: 1.12 !important;
  }
}

@media screen and (max-width: 550px) {
  .page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini {
    padding: 57px 40px !important;
    overflow: hidden !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page .advantages-card.advantages-card--kontekst-mini .advantages-card__content-title {
    white-space: normal !important;
    font-size: 28px !important;
  }
}

/* «Какие каналы используем»: intro-колонки сняты — только H2 + сетка карточек */

/*
 * Тарифы сразу после «Результаты»: у .dies уже padding-top --home-between (112),
 * Nuxt .numbered-header даёт ещё margin-top 120 → визуально ~232. Убираем дубль.
 */
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-packages-section
  .dies.modern
  .numbered-header[data-v-490c7534],
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-packages-section
  .dies.modern
  .numbered-header {
  margin-top: 0 !important;
}

.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-packages-section .kontekst-packages-compare {
  margin-top: 40px;
  /* Длинные подписи + иконки: шире закреплённой колонки, чем дефолт 148px на контексте */
  --kontekst-compare-pinned-width: 220px;
}

/* Стык линий pinned/plans: один цвет и лёгкий overlap, чтобы шов не «рвался» */
@media screen and (min-width: 1025px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .kontekst-packages-compare__pinned {
    max-width: 240px;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .kontekst-packages-compare__table--pinned
    thead
    th::after,
  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .kontekst-packages-compare__table--pinned
    tbody
    th::after,
  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .kontekst-packages-compare__table--pinned
    tbody
    td::after {
    right: -1px;
    background: var(--kontekst-compare-line);
  }
}

.page-constructor.kompleksnoye-prodvizheniye-page .kompleksnoye-packages-section .kontekst-packages-compare__note {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.65);
}

/*
 * «Красное Золото»: размытый фон за карточкой (как Gio/KAURY на /strategy),
 * центральное фото остаётся чётким.
 */
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-next-cases-slider-section
  .cases-block
  .cases-block__swiper-slide--krasnoe-zoloto
  .background[data-v-bd2e570a],
.page-constructor.kompleksnoye-prodvizheniye-page
  .kompleksnoye-next-cases-slider-section
  .cases-block
  .cases-block__swiper-slide--krasnoe-zoloto
  .background {
  filter: blur(28px) !important;
  -webkit-filter: blur(28px) !important;
  transform: translateZ(0) scale(1.18) !important;
  -webkit-transform: translateZ(0) scale(1.18) !important;
}

/*
 * Мобилка/планшет: kontekstnaya-stack обнуляет padding-top у .dies с .prices (full-bleed).
 * На kompleksnoye заголовок тарифов внутри того же .dies → стык с «Результаты» ~10px.
 * Специфичность ≥ kontekst `:has(> .dies.modern .prices)`.
 */
@media screen and (max-width: 1024px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-packages-section:has(> .dies.modern .prices)
    > .dies.modern[data-v-07db1e8a],
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-packages-section:has(> .dies.modern .prices)
    > .dies.modern {
    padding-top: var(--home-between, 97px) !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .dies.modern
    > .page__container
    > .numbered-header {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: max(var(--page-inline-start, var(--page-gutter-x, 36px)), 16px) !important;
    padding-right: max(var(--page-inline-end, var(--page-gutter-x, 36px)), 16px) !important;
    margin-bottom: var(--home-ledge, 54px) !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .dies.modern
    > .page__container
    > .numbered-header
    .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .dies.modern
    > .page__container
    > .numbered-header
    .numbered-header__title-column,
  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .dies.modern
    > .page__container
    > .numbered-header
    .numbered-header__subtitle-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .dies.modern
    > .page__container
    > .numbered-header
    .numbered-header__title {
    padding-left: 0 !important;
  }

  .page-constructor.kompleksnoye-prodvizheniye-page
    .kompleksnoye-packages-section
    .kontekst-packages-compare {
    padding-left: max(var(--page-inline-start, var(--page-gutter-x, 36px)), 16px);
    padding-right: max(var(--page-inline-end, var(--page-gutter-x, 36px)), 16px);
    box-sizing: border-box;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-packages-section:has(> .dies.modern .prices)
    > .dies.modern[data-v-07db1e8a],
  .page-constructor.kompleksnoye-prodvizheniye-page
    > .page-constructor__section.kompleksnoye-packages-section:has(> .dies.modern .prices)
    > .dies.modern {
    padding-top: var(--home-between, 60px) !important;
  }
}