/**
 * /services/video — video hero + content-block (desc-by-row / desc-custom).
 */
@import url("./korporativnyj-sajt-static-stack.css");
@import url("sections/service-content-block-desc-by-row.css");
@import url("sections/video-hero.css?v=20260714videoHero8");

.page-constructor.video-page {
  position: relative;
}

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

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

/* Секции content-block: один шаг --home-between. */
.page-constructor.video-page > .page-constructor__section.video-approach-section,
.page-constructor.video-page > .page-constructor__section.video-research-section,
.page-constructor.video-page > .page-constructor__section.video-conception-section,
.page-constructor.video-page > .page-constructor__section.video-realization-section,
.page-constructor.video-page > .page-constructor__section.video-differences-section,
.page-constructor.video-page > .page-constructor__section.video-packages-heading-section,
.page-constructor.video-page > .page-constructor__section.video-packages-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Карусель стоимости: после «Наши отличия». */
.page-constructor.video-page .video-packages-section > .dies.modern {
  padding-top: 57px !important;
  padding-bottom: var(--home-between, 112px) !important;
}

.page-constructor.video-page .video-price-card--no-link .price-card__link,
.page-constructor.video-page .video-price-card--no-link .divider {
  display: none !important;
}

@media screen and (max-width: 800px) {
  .page-constructor.video-page .video-packages-section > .dies.modern {
    padding-top: 45px !important;
    padding-bottom: var(--home-between, 97px) !important;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor.video-page .video-packages-section > .dies.modern {
    padding-top: 40px !important;
    padding-bottom: var(--home-between, 60px) !important;
  }
}

.page-constructor.video-page > .page-constructor__section > .modern.content-block,
.page-constructor.video-page > .page-constructor__section > .modern.content-block[data-v-4ed7dc78] {
  padding-top: var(--home-between, 112px) !important;
  padding-bottom: 0 !important;
}

/* content-block: шапка → колонки — 57/45/40px. */
@media screen and (min-width: 721px) {
  .page-constructor.video-page .modern.content-block > .page__container,
  .page-constructor.video-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;
    row-gap: 80px !important;
    grid-row-gap: 80px !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;
  }

  .page-constructor.video-page
    .modern.content-block
    > .page__container:has(> .content-block__grid--desc-by-row),
  .page-constructor.video-page
    .modern.content-block
    > .page__container:has(> .content-block__number-container),
  .page-constructor.video-page
    .modern.content-block
    > .page__container:has(> .video-differences-grid) {
    row-gap: 0 !important;
    grid-row-gap: 0 !important;
  }

  .page-constructor.video-page
    .modern.content-block
    > .page__container:has(> .content-block__grid--desc-by-row)
    > .numbered-header,
  .page-constructor.video-page
    .modern.content-block
    > .page__container:has(> .content-block__number-container)
    > .numbered-header,
  .page-constructor.video-page
    .modern.content-block
    > .page__container:has(> .video-differences-grid)
    > .numbered-header {
    margin-top: 0 !important;
    margin-bottom: 57px !important;
  }

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

  .page-constructor.video-page .modern.content-block > .page__container > .numbered-header .row,
  .page-constructor.video-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: 0 !important;
  }

  .page-constructor.video-page .numbered-header__title-column,
  .page-constructor.video-page .numbered-header__subtitle-column {
    flex: 1 1 280px !important;
    max-width: 50% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
  }

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

  /* Без цифры: колонки по левому краю заголовка. */
  .page-constructor.video-page
    .modern.content-block
    > .page__container
    > .numbered-header.number-header__empty
    + .content-block__grid.content-block__grid--desc.blocks {
    padding-left: 0 !important;
  }

  /*
   * Нумерованные блоки: padding-left 78px — колонки по h2, не по цифре.
   */
  .page-constructor.video-page
    .modern.content-block
    .content-block__number-container.content-block__grid--desc-custom.blocks.video-content-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    row-gap: 0 !important;
    column-gap: 75px !important;
    padding-left: 78px !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-constructor.video-page
    .modern.content-block
    .content-block__number-container.content-block__grid--desc-custom.blocks.video-content-grid
    > .col-4 {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    max-width: calc((100% - 150px) / 3) !important;
    min-width: 0 !important;
    gap: 57px;
  }

  /* Без цифры: колонки по левому краю заголовка (Наши отличия). */
  .page-constructor.video-page
    .modern.content-block
    .content-block__grid--desc-custom.blocks.video-differences-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    row-gap: 0 !important;
    column-gap: 75px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .page-constructor.video-page
    .modern.content-block
    .content-block__grid--desc-custom.blocks.video-differences-grid
    > .col-4 {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    max-width: calc((100% - 150px) / 3) !important;
    min-width: 0 !important;
    gap: 57px;
  }

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

  .page-constructor.video-page
    .modern.content-block
    .content-block__grid.content-block__grid--desc.blocks:not(.content-block__grid--desc-by-row):not(.content-block__grid--desc-custom) {
    display: flex !important;
    flex-wrap: wrap !important;
    column-gap: 75px;
    row-gap: 45px;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

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

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

  .page-constructor.video-page > .page-constructor__section > .modern.content-block {
    padding-top: 60px !important;
  }
}

@media screen and (max-width: 720px) {
  .page-constructor.video-page .modern.content-block > .page__container,
  .page-constructor.video-page .content-block[data-v-4ed7dc78] > .page__container[data-v-4ed7dc78] {
    row-gap: 40px !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;
  }

  .page-constructor.video-page .modern.content-block .content-block__grid.content-block__grid--tablet.blocks {
    display: flex !important;
  }
}

/* ——— Хвост: форма, команда, клиенты, блог, кейсы, награды, синергия ——— */

.page-constructor.video-page
  > .page-constructor__section.video-packages-section
  + .page-constructor__section.sa-service-lead-section {
  margin-top: 0 !important;
}

.page-constructor.video-page .video-team-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-constructor.video-page .video-team-section .team-block {
  padding-top: var(--home-between, 112px) !important;
  padding-bottom: 0 !important;
}

.page-constructor.video-page .video-clients-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-constructor.video-page .video-clients-section .clients-new-section.home-between {
  padding-top: var(--home-between, 112px) !important;
}

.page-constructor.video-page .video-blog-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.page-constructor.video-page .video-blog-section .blog-block-mainstr.isNewContent {
  padding-top: var(--home-between, 112px) !important;
}

.page-constructor.video-page .video-more-cases-section .more-case-wr.more-case-wr__main,
.page-constructor.video-page .video-more-cases-section .more-case-wr[data-v-27a87df0] {
  padding-top: var(--home-between, 112px) !important;
}

.page-constructor.video-page .video-awards-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body:not(.sa-home-page) .page-constructor.video-page .video-awards-section .home-awards-block .awards,
.page-constructor.video-page .video-awards-section .home-awards-block .awards {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: var(--home-between, 112px) !important;
}

.page-constructor.video-page .video-synergy-section {
  padding-top: var(--home-between, 112px) !important;
  padding-bottom: var(--home-between, 112px) !important;
}

.page-constructor.video-page .video-synergy-section .synergy__text {
  padding-top: 0 !important;
}

@media screen and (max-width: 800px) {
  .page-constructor.video-page .video-team-section .team-block,
  .page-constructor.video-page .video-clients-section .clients-new-section.home-between,
  .page-constructor.video-page .video-blog-section .blog-block-mainstr.isNewContent,
  .page-constructor.video-page .video-more-cases-section .more-case-wr.more-case-wr__main,
  body:not(.sa-home-page) .page-constructor.video-page .video-awards-section .home-awards-block .awards,
  .page-constructor.video-page .video-awards-section .home-awards-block .awards,
  .page-constructor.video-page .video-synergy-section {
    padding-top: var(--home-between, 97px) !important;
  }

  .page-constructor.video-page .video-synergy-section {
    padding-bottom: var(--home-between, 97px) !important;
  }
}

@media screen and (max-width: 425px) {
  .page-constructor.video-page .video-team-section .team-block,
  .page-constructor.video-page .video-clients-section .clients-new-section.home-between,
  .page-constructor.video-page .video-blog-section .blog-block-mainstr.isNewContent,
  .page-constructor.video-page .video-more-cases-section .more-case-wr.more-case-wr__main,
  body:not(.sa-home-page) .page-constructor.video-page .video-awards-section .home-awards-block .awards,
  .page-constructor.video-page .video-awards-section .home-awards-block .awards,
  .page-constructor.video-page .video-synergy-section {
    padding-top: var(--home-between, 60px) !important;
  }

  .page-constructor.video-page .video-synergy-section {
    padding-bottom: var(--home-between, 60px) !important;
  }
}