/**
 * /targeting: kontekst static stack + точечные правки (без jumbotron-героя kontekst).
 */
@import url("kontekstnaya-reklama-static-stack.css");
@import url("kontekstnaya-reklama-parity.css");
@import url("sections/targeting-page.css");
@import url("sections/service-faq.css");
@import url("sections/service-clients-section.css");
@import url("sections/targeting-hero.css");
@import url("sections/service-hero-header.css");

/* Телефон: без Nuxt-скоупа десктопная сетка desc остаётся в потоке — дубль с tablet. */
@media screen and (max-width: 720px) {
  .page-constructor.targeting-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.targeting-page .modern.content-block > .page__container {
    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;
    /* 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.targeting-page .numbered-header {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .page-constructor.targeting-page .numbered-header .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .page-constructor.targeting-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.targeting-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.targeting-page .numbered-header__subtitle-column .content-block__desc {
    max-width: none !important;
    width: 100% !important;
  }

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

  .page-constructor.targeting-page .modern.content-block .content-block__grid.content-block__grid--desc.blocks:not(.marketing-sales-grid),
  .page-constructor.targeting-page
    .modern.content-block
    .content-block__grid.content-block__grid--desc-custom.blocks:not(.marketing-sales-grid) {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 75px;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    order: 2;
    box-sizing: border-box !important;
  }

  .page-constructor.targeting-page .modern.content-block .content-block__grid.content-block__grid--tablet.blocks,
  .page-constructor.targeting-page .modern.content-block .content-block__grid.content-block__grid--tablet-custom.blocks {
    display: none !important;
  }

  .page-constructor.targeting-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.targeting-page
  .modern.content-block
  .content-block__grid.content-block__grid--desc.blocks:not(.marketing-sales-grid)
  > .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.targeting-page
    .modern.content-block
    .content-block__grid.content-block__grid--desc.blocks:not(.marketing-sales-grid)
    > .col-4,
  .page-constructor.targeting-page
    .modern.content-block
    .content-block__grid.content-block__grid--desc-custom.blocks:not(.marketing-sales-grid)
    > .col-4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* /services/marketing: «Реклама» — 2 карточки в 1-й и 2-й колонке (3-я пустая, как prod). */
@media screen and (min-width: 721px) {
  .page-constructor.targeting-page .marketing-advertising-grid.content-block__grid--desc.blocks > .col-4:empty {
    flex: 1 1 0;
    max-width: calc((100% - 150px) / 3);
    min-width: 0;
    padding: 0;
    margin: 0;
  }
}

/* /services/marketing: «Продажи» — grid 3+1 (не flex: общее desc-custom правило и flex:1 1 0 на .col-4 ломали столбик). */
@media screen and (min-width: 721px) {
  .page-constructor.targeting-page
    .modern.content-block
    .marketing-sales-grid.content-block__grid.content-block__grid--desc.content-block__grid--desc-custom.blocks {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 75px;
    row-gap: 56px;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    order: 2;
    box-sizing: border-box !important;
  }

  .page-constructor.targeting-page
    .modern.content-block
    .marketing-sales-grid.content-block__grid--desc.content-block__grid--desc-custom.blocks
    > .col-4 {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    display: flex;
    flex-direction: column;
  }

  .page-constructor.targeting-page
    .modern.content-block
    .marketing-sales-grid.content-block__grid--desc.content-block__grid--desc-custom.blocks
    > .col-4:nth-child(1) {
    grid-area: 1 / 1;
  }

  .page-constructor.targeting-page
    .modern.content-block
    .marketing-sales-grid.content-block__grid--desc.content-block__grid--desc-custom.blocks
    > .col-4:nth-child(2) {
    grid-area: 1 / 2;
  }

  .page-constructor.targeting-page
    .modern.content-block
    .marketing-sales-grid.content-block__grid--desc.content-block__grid--desc-custom.blocks
    > .col-4:nth-child(3) {
    grid-area: 1 / 3;
  }

  .page-constructor.targeting-page
    .modern.content-block
    .marketing-sales-grid.content-block__grid--desc.content-block__grid--desc-custom.blocks
    > .col-4:nth-child(4) {
    grid-area: 2 / 1;
  }

  .page-constructor.targeting-page
    .modern.content-block
    .marketing-sales-grid.content-block__grid--desc.content-block__grid--desc-custom.blocks
    > .col-4
    > .col-4.col-sm-12.block-item {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* /services/marketing: 6 карточек — 3 колонки × 2 ряда (как prod «Увеличение известности»). */
@media screen and (min-width: 721px) {
  .page-constructor.targeting-page .marketing-brand-awareness-grid.content-block__grid--desc.blocks > .col-4 {
    row-gap: 56px;
  }

  .page-constructor.targeting-page
    .marketing-brand-awareness-grid.content-block__grid--desc.blocks
    > .col-4
    > .col-4.col-sm-12.block-item {
    flex: none !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* После targeting-nuxt.bundle: при скролле top-line скрывается через app.js (header--collapsed). */
.header.header--collapsed:not(.active) .header__top-line .navigation-menu,
.header.header--collapsed:not(.active) .header__top-line .navigation-menu[data-v-e5e2adce] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.page-constructor > .page-constructor__section:first-of-type::before {
  display: none !important;
  content: none !important;
}

.team-block .team__head > h2 {
  margin: 0;
}

@media screen and (max-width: 719px) {
  .team-block .team .team__head > h2 {
    margin-left: 90px;
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 559px) {
  .team-block .team .team__head > h2 {
    margin-left: 36px;
  }
}

.page-constructor > .page-constructor__section > .facts,
.page-constructor > .page-constructor__section > .advantages {
  padding-top: var(--home-between, 112px) !important;
}

/* Планшет: зазор коллаж → блок facts (не 112px + пустота 700px слайдера). */
@media screen and (min-width: 720px) and (max-width: 1024px) {
  .page-constructor.targeting-page > .page-constructor__section > .facts {
    padding-top: 48px !important;
  }
}

/* Телефон: зазор коллаж → facts как у kontekst (service-hero-mobile-to-content + --home-between). */
@media screen and (max-width: 719px) {
  /*
   * Блок под коллажем: Nuxt .facts .page__container { width: calc(100% - 118px) } + .lead { margin-left: auto }
   * даёт лишний отступ слева относительно hero (--page-gutter-x). Как у kontekstnaya / шапки.
   */
  .page-constructor.targeting-page > .page-constructor__section > .facts .page__container.desktop,
  .page-constructor.targeting-page > .page-constructor__section > .facts .page__container {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !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;
    box-sizing: border-box !important;
  }

  .page-constructor.targeting-page > .page-constructor__section > .facts .facts-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px;
  }

  .page-constructor.targeting-page > .page-constructor__section > .facts .facts-header .col-6.page__title,
  .page-constructor.targeting-page > .page-constructor__section > .facts .facts-header .description-item {
    flex: 0 0 auto !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }

  .page-constructor.targeting-page > .page-constructor__section > .facts .facts-header .title,
  .page-constructor.targeting-page > .page-constructor__section > .facts .facts-header .lead {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/*
 * «Наш подход» и остальные content-block: на prod /targeting padding-top 172px (Nuxt-бандл),
 * не 112px из kontekstnaya-reklama-static-stack (--home-between).
 */
.page-constructor > .page-constructor__section > .modern.content-block[data-v-4ed7dc78],
.page-constructor > .page-constructor__section > .modern.content-block {
  padding-top: 172px !important;
}

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

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

.page-constructor > .page-constructor__section:has(.clients-wrapper) {
  display: none !important;
}

/*
 * /targeting: отступы кейсов / наград / синергии — дублируем из kontekst stack
 * (на случай иных обёрток; блоки внутри .page-constructor targeting-page).
 */

/*
 * Заголовок → контент: margin-bottom 80px (как .page-constructor h3.kontekstnaya-page__section-heading).
 * Без этого зазор «прилипает» — мы обнуляли .awards__header, а margin на h3 не подставился.
 */
.more-case-wr.more-case-wr__main h3.kontekstnaya-page__section-heading,
.home-awards-block h3.home-clients-awards__title.kontekstnaya-page__section-heading {
  margin: 0 0 80px;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  font-size: 46px;
  line-height: 126%;
  letter-spacing: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .more-case-wr.more-case-wr__main h3.kontekstnaya-page__section-heading,
  .home-awards-block h3.home-clients-awards__title.kontekstnaya-page__section-heading {
    font-size: 28px;
    line-height: 126%;
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 550px) {
  .more-case-wr.more-case-wr__main h3.kontekstnaya-page__section-heading,
  .home-awards-block h3.home-clients-awards__title.kontekstnaya-page__section-heading {
    font-size: 26px;
    /* margin-bottom: 45px на ≤719px — см. блок ниже (не 20px из legacy) */
  }
}

/* Кейсы */
.more-case-wr.more-case-wr__main {
  padding-top: var(--home-between, 112px) !important;
}

.more-case-wr.more-case-wr__main .page__container[data-v-27a87df0] {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  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;
}

/* Кейсы: сетка vs слайдер — service-more-cases.css (:has для контекста; таргет — слайдер на всех брейкпоинтах). */

/* Награды: те же отступы, что у kontekstnaya (без .page-constructor-предка) */
.home-awards-block .awards__header:not(.marketing-awards-header) {
  margin-bottom: 0 !important;
}

.home-awards-block .awards {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: var(--home-between, 112px) !important;
  padding-bottom: 0 !important;
  padding-left: var(--page-inline-start, var(--page-gutter-x, 78px)) !important;
  padding-right: var(--page-inline-end, var(--page-gutter-x, 78px)) !important;
}

/* Синергия: те же отступы (без .page-constructor-предка) */
.kontekst-synergy-root .services-unified,
.kontekst-synergy-root .services-unified[data-v-56f85d51] {
  padding-top: var(--home-between, 112px) !important;
}

/*
 * На kontekstnaya Nuxt скрывает block-padding_* через [data-v-56f85d51]-скоупед CSS.
 * В targeting этого скоупа нет — скрываем все три div-а; ритм берёт services-unified.
 */
.kontekst-synergy-root .block-padding {
  display: none !important;
}

/*
 * Синергия: margin у h3 обнуляем — зазор до карточек даёт padding-top слайдера (как kontekstnaya).
 * Типографика — как у остальных секционных заголовков.
 */
.kontekst-synergy-root .isNewContent h3.services__title.kontekstnaya-page__section-heading {
  font-size: 46px !important;
  line-height: 126% !important;
  letter-spacing: 0 !important;
  margin-bottom: 0 !important;
}

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

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

/*
 * Мобильный зазор «заголовок секции → контент» (кейсы, FAQ, награды, синергия) — как kontekstnaya-reklama-static-stack.
 * На ≤550px в FAQ-partial было 20px; на контексте stack перебивает до 45px — дублируем для /targeting.
 */
@media screen and (max-width: 719px) {
  .more-case-wr.more-case-wr__main .more-case-wr__slider-heading {
    margin-bottom: 45px !important;
  }

  .targeting-faq-root .questions .questions__title.kontekstnaya-page__section-heading {
    margin-bottom: 45px !important;
  }

  /* Награды/синергия/кейсы на /targeting — вне .page-constructor (после TARGETING-MAIN-END), без префикса не матчится kontekst stack */
  .home-awards-block h3.home-clients-awards__title.kontekstnaya-page__section-heading,
  .page-constructor .home-awards-block h3.home-clients-awards__title.kontekstnaya-page__section-heading {
    margin-bottom: 45px !important;
  }

  .kontekst-synergy-root .services__context-slider.swiper-container[data-native-row="1"],
  .kontekst-synergy-root .services__context-slider.swiper-container,
  .page-constructor .kontekst-synergy-root .services__context-slider.swiper-container[data-native-row="1"],
  .page-constructor .kontekst-synergy-root .services__context-slider.swiper-container {
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }

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

/*
 * Коллаж героя /targeting: на desktop/tablet (>719px) Nuxt — slide absolute, .case-slider без высоты.
 * Prod: .case-slider__margin-fix даёт height:700px; плюс слайд/img в потоке (hero.css).
 */
.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider__wrapper.case-slider__margin-fix .case-slider[data-v-2c71f199],
.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider__margin-fix .case-slider[data-v-2c71f199] {
  overflow: visible !important;
  min-height: 1px;
}

.page-constructor.targeting-page > .page-constructor__section:first-of-type {
  position: relative;
  z-index: 2;
  isolation: isolate;
  overflow: visible !important;
}

.page-constructor.targeting-page > .page-constructor__section:first-of-type .c-title-block {
  overflow: visible !important;
}

.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider__wrapper,
.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider,
.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider .slide-wrapper {
  overflow: visible !important;
}

.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider,
.page-constructor.targeting-page > .page-constructor__section:first-of-type .c-title-block .case-slider,
.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider[data-v-2c71f199] {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
  justify-content: flex-start !important;
}

@media screen and (min-width: 720px) and (max-width: 1024px) {
  .page-constructor.targeting-page > .page-constructor__section:first-of-type .c-title-block.modern .c-title-block__header:not(.video-header) {
    margin-bottom: var(--service-hero-tablet-header-to-collage, calc(1lh + 10px)) !important;
  }

  .page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider__wrapper {
    margin-top: 0 !important;
    margin-bottom: var(--service-hero-tablet-collage-bottom, 52px) !important;
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 719px) {
  .page-constructor.targeting-page > .page-constructor__section:first-of-type .c-title-block.modern .c-title-block__header:not(.video-header) {
    margin-bottom: var(--service-hero-collage-gap-after-lead, calc(1lh + 20px)) !important;
  }

  .page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider__wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }

  .page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider,
  .page-constructor.targeting-page > .page-constructor__section:first-of-type .c-title-block .case-slider,
  .page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider[data-v-2c71f199] {
    padding: 0 !important;
  }

  .page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide__media,
  .page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide__media[data-v-77cabad6] {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (min-width: 720px) {
  .page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider[data-v-2c71f199],
  .page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider__wrapper.case-slider__margin-fix .case-slider[data-v-2c71f199] {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
}

.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide,
.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide[data-v-77cabad6] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide__media,
.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide__media[data-v-77cabad6] {
  display: block !important;
  position: relative !important;
  padding-top: 0 !important;
  width: 100% !important;
  max-width: 906px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide__media img,
.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide__media img[data-v-77cabad6] {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.page-constructor.targeting-page > .page-constructor__section:first-of-type .case-slider-slide__media video:not([src]) {
  display: none !important;
}

/*
 * Награды /services/marketing: блок вне .page-constructor — селекторы без него.
 */
.home-awards-block .awards__header.marketing-awards-header {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  margin: 0 0 72px !important;
}

.home-awards-block .marketing-awards-header #marketing-awards-heading,
.home-awards-block .marketing-awards-header h3.home-clients-awards__title.kontekstnaya-page__section-heading {
  margin: 0 0 15px !important;
}

.home-awards-block .marketing-awards__lead {
  margin: 0 0 7px !important;
  max-width: 640px;
  color: #c4c4c4 !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 150% !important;
  font-family: MuseoSansCyrl, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.home-awards-block .marketing-awards__lead a {
  color: #f6f6f6 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.home-awards-block .marketing-awards__lead a:hover {
  opacity: 0.85;
}

@media screen and (max-width: 768px) {
  .home-awards-block .awards__header.marketing-awards-header {
    margin-bottom: var(--home-ledge, 40px) !important;
  }

  .home-awards-block .marketing-awards-header #marketing-awards-heading,
  .home-awards-block .marketing-awards-header h3.home-clients-awards__title.kontekstnaya-page__section-heading {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 550px) {
  .home-awards-block .marketing-awards__lead {
    font-size: 16px !important;
  }
}

/*
 * /services/marketing — блок «Кейсы» (marketing-cases-section из prod, не копия targeting).
 * Из marketing-static-stack.css; bundle marketing-static-stack на странице не подключается.
 */
@media screen and (min-width: 720px) {
  .marketing-cases-section .more-case-wr.more-case-wr__main .mor-cases-slider-wrapper.more-cases--active {
    display: none !important;
  }

  .marketing-cases-section .more-case-wr.more-case-wr__main .more-cases:not(.more-cases--new) {
    display: block !important;
  }
}

.marketing-cases-section .more-case-wr.more-case-wr__main {
  padding-top: var(--home-between, 112px);
}

.marketing-cases-section .more-case-wr.more-case-wr__main .page__container[data-v-27a87df0] {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  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;
}

.marketing-cases-section .mor-cases-slider-wrapper {
  overflow: hidden;
  position: relative;
  isolation: isolate;
}

.marketing-cases-section .mor-cases-slider:not([data-mor-cases-init="1"]) {
  opacity: 0;
  min-height: 336px;
}

.marketing-cases-section .mor-cases-slider[data-mor-cases-init="1"] {
  opacity: 1;
}

.marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide[data-v-38965faa],
.marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide,
.marketing-cases-section .mor-cases-slider-wrapper .swiper-slide.mor-cases-slide {
  padding: 0 !important;
  overflow: hidden;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide__link[data-v-38965faa],
.marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide__link {
  border: none !important;
  outline: none !important;
}

.marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide_link[data-v-38965faa],
.marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide_link {
  padding: 22px !important;
  box-shadow: none !important;
}

.marketing-cases-section .cases-block__header.home-ledge,
.marketing-cases-section .cases-block__header.home-ledge[data-v-27a87df0] {
  max-width: 610px !important;
  width: 100% !important;
  margin: 0 auto 94px !important;
  text-align: center !important;
}

.marketing-cases-section .cases-block__header-title[data-v-27a87df0],
.marketing-cases-section .cases-block__header-title {
  font-size: 54px;
  color: #fff;
  font-weight: 400;
}

.marketing-cases-section .cases-block__header-subtitle[data-v-27a87df0],
.marketing-cases-section .cases-block__header-subtitle {
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 0;
  color: #c4c4c4;
  text-align: center;
}

.marketing-cases-section:has(.cases-block__header) .more-case-wr__slider-heading {
  display: none !important;
}

@media screen and (max-width: 780px) {
  .marketing-cases-section .cases-block__header.home-ledge,
  .marketing-cases-section .cases-block__header.home-ledge[data-v-27a87df0] {
    max-width: 507px !important;
  }

  .marketing-cases-section .cases-block__header-title[data-v-27a87df0],
  .marketing-cases-section .cases-block__header-title {
    font-size: 50px;
  }
}

@media screen and (max-width: 620px) {
  .marketing-cases-section .cases-block__header.home-ledge,
  .marketing-cases-section .cases-block__header.home-ledge[data-v-27a87df0] {
    max-width: 295px !important;
  }
}

@media screen and (max-width: 520px) {
  .marketing-cases-section .cases-block__header-title[data-v-27a87df0],
  .marketing-cases-section .cases-block__header-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 1024px) {
  .marketing-cases-section .more-case-wr.more-case-wr__main .page__container[data-v-27a87df0] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: var(--page-inline-start, var(--page-gutter-x, 55px)) !important;
    padding-right: var(--page-inline-end, var(--page-gutter-x, 55px)) !important;
    box-sizing: border-box !important;
  }
}

@media screen and (max-width: 719px) {
  .marketing-cases-section .more-case-wr.more-case-wr__main .page__container[data-v-27a87df0] {
    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;
  }

  .marketing-cases-section .more-case-wr.more-case-wr__main .page__container[data-v-27a87df0] {
    padding-right: 0 !important;
  }

  .marketing-cases-section .mor-cases-slider-wrapper {
    overflow: hidden;
  }

  .marketing-cases-section .more-case-wr .mor-cases-slider-wrapper .mor-cases-slider.swiper-container[data-v-38965faa],
  .marketing-cases-section .more-case-wr .mor-cases-slider-wrapper .mor-cases-slider.swiper-container {
    width: calc(100% + var(--page-inline-end, var(--page-gutter-x, 36px))) !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: calc(-1 * var(--page-inline-end, var(--page-gutter-x, 36px))) !important;
  }

  .marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide[data-v-38965faa],
  .marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide,
  .marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide_link[data-v-38965faa],
  .marketing-cases-section .mor-cases-slider-wrapper .mor-cases-slide_link {
    width: calc(100vw - max(var(--page-inline-start, var(--page-gutter-x, 36px)), 16px) - 84px) !important;
    max-width: calc(100vw - max(var(--page-inline-start, var(--page-gutter-x, 36px)), 16px) - 84px) !important;
  }
}

/* /services/marketing: cm-wide-slider фирстиля (prod), после «Бренд» */
.page-constructor.targeting-page .marketing-cm-wide-section {
  padding: 0;
  overflow: visible;
}

.page-constructor.targeting-page .marketing-cm-wide-slider.cm-wide-slider {
  box-sizing: border-box;
  width: 100vw;
  max-width: 100vw;
  margin-top: 90px;
  margin-bottom: 90px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
  background: transparent;
  overflow: visible;
}

.page-constructor.targeting-page .marketing-cm-wide-slider .slider-full-width {
  position: relative;
  width: 100%;
  max-width: none;
}

.page-constructor.targeting-page .marketing-cm-wide-slider__host {
  position: relative;
  width: 100%;
  max-width: none;
  overflow: hidden;
  touch-action: pan-y pinch-zoom;
  -webkit-user-select: none;
  user-select: none;
}

.page-constructor.targeting-page .marketing-cm-wide-slider__host .swiper-wrapper {
  touch-action: pan-y pinch-zoom;
}

.page-constructor.targeting-page .marketing-cm-wide-slider .case-slider__item {
  width: 100% !important;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-constructor.targeting-page .marketing-cm-wide-slider .case-slider__img {
  display: block;
  width: 100%;
  max-width: 1440px;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  pointer-events: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.page-constructor.targeting-page
  .marketing-cm-wide-slider
  :is(.swiper-button-prev, .swiper-button-next)::after {
  content: none !important;
  display: none !important;
}

.page-constructor.targeting-page .marketing-cm-wide-slider .swiper-arrow {
  position: absolute;
  top: 50%;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
  color: #fff;
}

.page-constructor.targeting-page .marketing-cm-wide-slider .swiper-arrow svg {
  display: block;
  width: 17px;
  height: 35px;
}

.page-constructor.targeting-page .marketing-cm-wide-slider .swiper-button-prev {
  left: max(12px, env(safe-area-inset-left, 0px));
}

.page-constructor.targeting-page .marketing-cm-wide-slider .swiper-button-next {
  right: max(12px, env(safe-area-inset-right, 0px));
}

.page-constructor.targeting-page .marketing-cm-wide-slider .swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.page-constructor.targeting-page .marketing-cm-wide-slider .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  z-index: 3;
}

.page-constructor.targeting-page .page-constructor__section:has(.marketing-cm-wide-slider) {
  overflow: visible;
}

/* /services/marketing: заголовки-ссылки как обычный текст (parity с prod) */
.page-constructor.targeting-page a.marketing-section__link,
.page-constructor.targeting-page .block__name a {
  color: inherit;
  text-decoration: none;
}

.page-constructor.targeting-page a.marketing-section__link:hover,
.page-constructor.targeting-page .block__name a:hover {
  text-decoration: underline;
}