.category-banner,
.category-banner__container,
.category-banner__slides,
.category-banner__slide,
.category-banner__link,
.category-banner__picture {
  width: 100%;
}

.category-banner {
  position: relative;
  height: var(--banner-height-desktop, 55vh);
  min-height: 220px;
  overflow: hidden;
  background: #f3f3f3;
}

.category-banner__container,
.category-banner__slides,
.category-banner__slide,
.category-banner__link,
.category-banner__picture {
  height: 100%;
}

.category-banner__container {
  position: relative;
}

.category-banner__slides {
  margin: 0;
  padding: 0;
  list-style: none;
}

.category-banner__slide {
  overflow: hidden;
}

.category-banner__link,
.category-banner__picture {
  display: block;
}

.category-banner__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--banner-focus-x, 50%) var(--banner-focus-y, 50%);
}

.category-banner .rslides,
.category-banner .rslides li {
  height: 100%;
}

@media (max-width: 1024px) {
  .category-banner {
    height: var(--banner-height-tablet, 45vh);
  }
}

@media (max-width: 700px) {
  .category-banner {
    height: var(--banner-height-mobile, 38vh);
    min-height: 180px;
  }
}