#main-rooms-1 .card-title {
    position: relative;
    text-transform: uppercase;
    padding-left: 40px;
    transition: padding-left 1s ease; /* Плавный переход для паддинга */
}

#main-rooms-1 .card-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px; /* начальная длина полоски */
    height: 1px; /* фиксированная высота полоски */
    background-color: black;
    transition: width 1s ease; /* Плавный переход для ширины полоски */
}

/* При наведении на stretched-link внутри #main-rooms-1 */
#main-rooms-1 .stretched-link:hover .card-title {
    padding-left: 50px; /* Увеличенный паддинг при наведении */
}

#main-rooms-1 .stretched-link:hover .card-title::before {
    width: 40px; /* Увеличенная длина полоски при наведении */
}
/* Обертка для изображения, чтобы управлять его областью */
#main-rooms-1 .card-image-wrapper {
    overflow: hidden; /* Ограничиваем видимую область изображения */
    height: 100%; /* Устанавливаем высоту по содержимому карточки */
    height: 200px;
    display: flex;
    align-items: center;
}

#main-rooms-1 .card-img-top {
    transition: transform 1s ease; /* Плавный переход для эффекта */
    transform: scale(1.1); /* Изначально увеличенное изображение */
    width: 100%; /* Изображение занимает всю ширину */
    height: auto; /* Высота автоматически */
    border-radius: 10px;
}

#main-rooms-1 .card:hover .card-img-top {
    transform: scale(1); /* Возвращение к обычному размеру при наведении */
}
#main-rooms-1 .carousel-cell {
  width: 33.333%; /* 3 элемента на десктопе */
}

/* Планшеты (менее 992px) */
@media (max-width: 991.98px) {
  #main-rooms-1 .carousel-cell {
    width: 50%; /* 2 элемента */
  }
}

/* Мобильные (менее 768px) */
@media (max-width: 767.98px) {
  #main-rooms-1 .carousel-cell {
    width: 100%; /* 1 элемент */
  }
}