/**
 * Кейсы (more-case-wr): планшет 720–1024 vs телефон ≤719.
 * Телефон — широкие плитки с peek в overrides.mobile.css.
 *
 * Слайд: только absolute .mor-cases-slide__link внутри — без явной высоты схлопывается
 * (фон не рисуется, остаётся «голый» текст на градиенте страницы).
 */
.more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide[data-v-38965faa],
.more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide {
  position: relative !important;
  overflow: hidden !important;
  background-color: #1d1d1f !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide__photo[data-v-38965faa],
.more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide__photo {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: inherit;
  z-index: 0 !important;
  pointer-events: none !important;
}

.more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide__link[data-v-38965faa],
.more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide__link {
  z-index: 1 !important;
}

/* Nuxt ≤599px: .more-cases-slider{height:339px} обрезает плитки 460px — высота по контенту. */
@media screen and (max-width: 719px) {
  body .more-case-wr.more-case-wr__main .mor-cases-slider.swiper-container[data-v-38965faa],
  body .more-case-wr.more-case-wr__main .mor-cases-slider.swiper-container {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* Планшет: плитки слайдера как в Nuxt-бандле (~250px), не на всю ширину viewport */
@media screen and (min-width: 720px) and (max-width: 1024px) {
  .more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide[data-v-38965faa],
  .more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide {
    width: 250px !important;
    max-width: 250px !important;
    height: 336px !important;
    min-height: 336px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box;
  }

  .more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide_link[data-v-38965faa],
  .more-case-wr.more-case-wr__main .mor-cases-slider-wrapper .mor-cases-slide_link {
    width: 250px !important;
    max-width: 250px !important;
    height: 336px !important;
    min-height: 336px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box;
  }
}

/*
 * Контекст (есть сетка .more-cases): на планшете — сетка 2 колонки из бандла, слайдер скрыт.
 * Таргет (только слайдер в partial) — :has() не срабатывает, остаётся слайдер с узкими плитками выше.
 */
@media screen and (min-width: 720px) {
  .more-case-wr.more-case-wr__main:has(.more-cases:not(.more-cases--new))
    .mor-cases-slider-wrapper.more-cases--active {
    display: none !important;
  }

  /* Контекст: заголовок только в сетке, не дублировать .more-case-wr__slider-heading */
  .more-case-wr.more-case-wr__main:has(.more-cases:not(.more-cases--new)) .more-case-wr__slider-heading {
    display: none !important;
  }

  /* Таргет (без сетки): один заголовок над слайдером */
  .more-case-wr.more-case-wr__main:not(:has(.more-cases:not(.more-cases--new))) .more-case-wr__slider-heading {
    display: block !important;
    font-size: 28px !important;
    line-height: 126% !important;
    margin-bottom: 45px !important;
  }
}

@media screen and (min-width: 720px) and (max-width: 768px) {
  .more-case-wr.more-case-wr__main:has(.more-cases:not(.more-cases--new)) .more-cases:not(.more-cases--new) {
    display: block !important;
  }
}