.wallpaper-front-page {
  position: relative;
  background: center/cover no-repeat;
  height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.wallpaper-front-page--no-bg {
  height: auto;
  min-height: 0;
  background: var(--blue-10);
}

/* Герой услуг: слайдер сверху, белая карточка снизу (высота текста разная) */
.wallpaper-front-page.service-hero {
  height: auto;
  min-height: 700px;
  justify-content: flex-start;
}

.wallpaper-front-page.service-hero.wallpaper-front-page--no-bg {
  min-height: 0;
}

.service-hero .service-hero-media {
  position: relative;
  flex: 1 1 auto;
  min-height: 400px;
  width: 100%;
}

.service-hero .service-hero-slider {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.service-hero .service-hero-slider .carousel-inner,
.service-hero .service-hero-slider .carousel-item {
  height: 100%;
}

.service-hero .service-hero-slider .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-hero .carousel-indicators {
  bottom: 35px;
  top: auto;
  margin-bottom: 0;
  z-index: 2;
}

.service-hero .carousel-indicators [data-bs-target] {
  background-color: #fff;
  opacity: 0.65;
}

.service-hero .carousel-indicators .active {
  opacity: 1;
}

.service-hero .front-page-first-section {
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  margin-top: -30px;
}

.front-page-first-section {
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  background-color: #fff;
  padding: 32px 0 0;
}

.front-page-first-section p,
.front-page-first-section .service-hero-text {
  margin-bottom: 32px;
}

.front-page-first-section .service-hero-text > *:last-child {
  margin-bottom: 0;
}

div.excerpt {
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .wallpaper-front-page {
    height: auto;
    min-height: 520px;
  }

  .wallpaper-front-page.service-hero {
    min-height: 520px;
  }

  .service-hero .service-hero-media {
    min-height: 280px;
  }
}

@media (max-width: 480px) {
  .wallpaper-front-page {
    min-height: 420px;
  }

  .wallpaper-front-page.service-hero {
    min-height: 420px;
  }

  .service-hero .service-hero-media {
    min-height: 220px;
  }
}