/* Новый блок заголовка номера */
.custom-room-header-new {
    position: relative;
    width: 100%;
    height: 400px; /* Можно изменить высоту */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Фон заголовка с заглушкой */
.room-header-bg-new {
    background: url('https://www.goldenlionsmyha.com/wp-content/uploads/2017/12/IM68-min.jpg') center/cover no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Затемнение поверх фона */
.overlay-new {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* Затемнение */
}

/* Контейнер для текста */
.inner-container-new {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    padding: 20px;
}

/* Заголовок номера */
.room-title-box-new {
    max-width: 800px;
    margin: 0 auto;
}

/* Стили заголовка */
.title-new {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Стили цены */
.price-new {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title-new,
.value-new {
    font-weight: bold;
}

.top-t {
    margin-top: 160px !important;
}

.room-gallery {
    margin: 40px 0;
    position: relative;
    text-align: center;
	overflow: hidden;
}

.room-swiper {
    width: 100%;
    padding: 20px;
}

.swiper-slide {
    overflow: hidden;
    border-radius: 10px;
    text-align: center;
}

.swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}

.swiper-wrapper{
	margin-bottom: 20px;
}

.swiper-button-prev,
.swiper-button-next {
    color: #d2bd7f !important;
}

.swiper-pagination-bullet {
    background: #fff !important;
}

.swiper-pagination-bullet-active {
    background: #d2bd7f !important;
}

