/* Главная: вертикальный .blogoslider — ровно 3 карточки в видимой области */

.blog .blogoslider {
  --blog-slide-height: 280px;
  --blog-slide-gap: 20px;
  /* 3 слайда + 2 промежутка */
  height: calc(var(--blog-slide-height) * 3 + var(--blog-slide-gap) * 2);
  overflow: visible;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  padding-bottom: 100px;
  box-sizing: content-box;
}

.blog .blogoslider .slick-list {
  height: 100% !important;
  overflow: hidden;
}

.blog .blogoslider .slick-track {
  height: 100% !important;
}

.blog .blogoslider .slick-slide {
  height: calc(var(--blog-slide-height) + var(--blog-slide-gap)) !important;
  box-sizing: border-box;
  padding-bottom: var(--blog-slide-gap);
}

.blog .blogoslider .slick-slide > div {
  height: var(--blog-slide-height);
}

.blog .blogoslider .blog_item {
  width: 100%;
  height: 100%;
  min-height: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.blog .blogoslider .blog_img {
  height: 100%;
}

.blog .blogoslider .blog_text {
  padding: 20px 0 20px 20px;
}

.blog .blogoslider .blog_text p {
  max-height: 52px;
}

.blog .blogoslider .prev,
.blog .blogoslider .next {
  display: block !important;
  z-index: 5;
  cursor: pointer;
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

.blog .blogoslider .prev {
  left: 44%;
}

.blog .blogoslider .next {
  right: 44%;
}

.blog .blogoslider .prev.slick-disabled,
.blog .blogoslider .next.slick-disabled {
  opacity: 0.35;
  pointer-events: none;
}

@media (max-width: 992px) {
  .blog .blogoslider {
    --blog-slide-height: 260px;
    height: calc(var(--blog-slide-height) * 2 + var(--blog-slide-gap));
  }

  .blog .blogoslider .prev {
    left: 35%;
  }
}

@media (max-width: 576px) {
  .blog .blogoslider {
    --blog-slide-height: 280px;
    height: var(--blog-slide-height);
  }

  .blog .blogoslider .slick-slide {
    height: var(--blog-slide-height) !important;
    padding-bottom: 0;
  }
}

/* Перебить общее правило media.css .blog_item { height: 300px } только внутри слайдера */
@media (max-width: 992px) {
  .blog .blogoslider .blog_item {
    height: 100%;
  }
}