/* Custom CSS for Hotel Rooms */

/* Main Room Detail Swiper Slide Images */
.single-item-with-pager-carousel .swiper-slide .image img {
    width: 100% !important;
    height: 450px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 8px;
}

/* Room Detail Swiper Thumbnail Images */
.single-item-with-pager-thumb .swiper-slide .thumb img {
    width: 100% !important;
    height: 100px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 4px;
    cursor: pointer;
}

/* Ensure room listing card images are also uniform */
.room-grid-section .room-block-two .inner-box .image img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.checkout-section .room-block-two .image img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    object-position: center !important;
}