.img-mk-prim {
    height: 230px;
}

.img-rub {
    width: 500px;
}

.zatemnenie{
    background-color: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      position: absolute; 
      top: 0; left: 0; 
      width: 100%; height: 100%
}

.rem400px{
  height: 400px;
}


.block-zayavka {
  position: relative;
  height: 300px;                 /* задаём высоту */
  overflow: hidden;
  display: flex;                 /* выравнивание по центру */
  flex-direction: column;
  justify-content: center;       /* по вертикали */
  align-items: center;           /* по горизонтали */
  text-align: center;
  color: white;
  border: none;
}

.block-zayavka::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/source/images/myagkaya_krovlia/mk_krisha_dom.jpg') center/cover no-repeat;
  filter: blur(4px) brightness(0.6); /* размытие + затемнение для контраста текста */
  z-index: 0;
}

.block-zayavka > * {
  position: relative;
  z-index: 1; /* текст и кнопка поверх фона */
}



/* Стили только для этой карусели */
.myagkaya-carousel {
  border-radius: 12px;
  overflow: hidden;
  max-width: 100%;
}

.myagkaya-carousel .carousel-img {
  height: 500px;
  object-fit: cover;
  transition: transform 0.6s ease;
}

/* Эффект увеличения при наведении */
.myagkaya-carousel .carousel-img:hover {
  transform: scale(1.05);
}

/* Плавное затухание между слайдами */
.myagkaya-carousel.carousel-fade .carousel-item {
  transition: opacity 1s ease-in-out;
}

/* Пауза при наведении */
.myagkaya-carousel:hover {
  animation-play-state: paused;
}