/*
 * v138 — восстановление отдельного блока квартир/домов
 * и аккуратный прямоугольный слайдер первого экрана.
 */

/* Отключаем только стандартные блоки страницы. */
main.service-story[data-show-benefits="0"] .service-story__benefits,
main.service-story[data-show-scope="0"] .service-story__scope,
main.service-story[data-show-album="0"] .service-story__album,
main.service-story[data-show-process="0"] .service-story__process,
main.service-story[data-show-results="0"] .service-story__results,
main.service-story[data-show-cta="0"] .service-story__cta,
[data-hidden-by-service-v138] {
  display: none !important;
}

/*
 * Отдельный блок «Как создаётся результат» квартир и домов
 * не относится к стандартному service-story__process.
 */
main.service-story .sp-v101-process,
main.service-story .sp-v101-video,
main.service-story [data-service-process-v101],
main.service-story [data-service-process-v102] {
  visibility: visible;
}

/* Убираем старое скрытие v137 только у премиального отдельного блока. */
main.service-story .sp-v101-process[data-hidden-by-service-v137],
main.service-story .sp-v101-video[data-hidden-by-service-v137] {
  display: block !important;
}

/* Первый экран: правильная ширина без выступа за колонку. */
.sp-v102-hero .sp-v102-hero-media,
.service-story__hero-media[data-service-hero-slider] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  clip-path: none !important;
}

/* Убираем закругление у всей рамки, слайдов и фотографии. */
.service-story__hero-media,
.service-story__hero-slider,
.service-story__hero-slides,
.service-story__hero-slide,
.service-story__hero-slide img,
.sp-v102-hero .sp-v102-hero-media,
.sp-v102-hero .sp-v102-hero-media img {
  border-radius: 0 !important;
  clip-path: none !important;
}

/* Убираем пустую полосу и делаем кадр ровным. */
.service-story__hero-media[data-service-hero-slider] {
  position: relative !important;
  display: block !important;
  height: clamp(520px, 40vw, 680px) !important;
  min-height: 520px !important;
  border: 1px solid rgba(183, 126, 42, .58) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.service-story__hero-slides {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
}

.service-story__hero-slide {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  background: transparent !important;
  transition: opacity .42s ease, visibility .42s ease !important;
}

.service-story__hero-slide.is-active {
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.service-story__hero-slide img,
.sp-v102-hero .sp-v102-hero-media .service-story__hero-slide img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

.service-story__hero-slide > span {
  display: none !important;
}

/* Навигация аккуратно поверх нижней части фото. */
.service-story__hero-nav {
  position: absolute !important;
  z-index: 8 !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.service-story__hero-nav button {
  width: 34px !important;
  height: 3px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .62) !important;
  box-shadow: none !important;
}

.service-story__hero-nav button.is-active {
  width: 58px !important;
  background: #c9953d !important;
}

/* Стрелки остаются круглыми как элементы управления. */
.v138-hero-arrow {
  position: absolute !important;
  top: 50% !important;
  z-index: 12 !important;
  display: grid !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  padding: 0 !important;
  border: 1px solid #c58c2a !important;
  border-radius: 50% !important;
  background: rgba(31, 27, 23, .88) !important;
  color: #e4b65e !important;
  font: 24px/1 Arial, sans-serif !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
}

.v138-hero-arrow.is-prev {
  left: 18px !important;
}

.v138-hero-arrow.is-next {
  right: 18px !important;
}

@media (max-width: 1000px) {
  .service-story__hero-media[data-service-hero-slider] {
    height: clamp(390px, 76vw, 610px) !important;
    min-height: 390px !important;
  }
}

@media (max-width: 640px) {
  .service-story__hero-media[data-service-hero-slider] {
    height: clamp(320px, 105vw, 500px) !important;
    min-height: 320px !important;
  }

  .v138-hero-arrow {
    width: 44px !important;
    height: 44px !important;
  }

  .v138-hero-arrow.is-prev {
    left: 10px !important;
  }

  .v138-hero-arrow.is-next {
    right: 10px !important;
  }

  .service-story__hero-nav {
    left: 14px !important;
    right: 14px !important;
    bottom: 12px !important;
  }
}