.accommodation-modal .image-carousel-swiper {
    max-width: 100%;
    width: 100%;
    height: 90vh;
    position: relative;
}

    .accommodation-modal .image-carousel-swiper .swiper-wrapper {
        height: calc(100% - 60px); /* Reserve space for footer */
    }

.accommodation-modal .slider__track.swiper-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important; /* Override inline width */
    height: 100% !important;
    margin-right: 0 !important; /* Remove gap between slides */
}

.accommodation-modal .slider__track picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .accommodation-modal .slider__track picture img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Change to 'cover' if you want to fill */
        max-height: 100%;
    }

/* Ensure slider controls are visible and positioned correctly */
.accommodation-modal .slider__controls {
    position: absolute;
    z-index: 10;
}

.accommodation-modal .slider__footer {
    background: rgb(241 238 238 / 5%);
    color: #6a6a6a;
  
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    margin-bottom: 0;
   
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Mobile responsiveness */
@media screen and (min-width: 769px) and (max-width: 978px) {
    .accommodation-modal .image-carousel-swiper 
    {
        height: 60vh;
    }
}

@media screen and (max-width: 768px) {
    .accommodation-modal .image-carousel-swiper {
        height: 31vh;
    }

        .accommodation-modal .image-carousel-swiper .swiper-wrapper {
            height: calc(100% - 50px);
            transform: none;
        }

    .accommodation-modal .slider__track picture img {
        max-height: 100%;
    }

   

    .accommodation-modal .slider__footer {
        background: rgb(241 238 238 / 5%);
        color: #6a6a6a;
        padding: var(--space-1);
      
    }
}

/* ==========================================================================
   Pricelist start
   ========================================================================== */
@media screen and (max-width: 768px) {
    .price-list__date.flex {
        flex-direction: unset;
        gap: 1.3rem;
    }

    .price-list__row + .price-list__row td {
        border-top: none
    }

    .price-list__group td {
        border: none;
        padding: 0;
    }
}

/* ==========================================================================
  Pricelist End
   ========================================================================== */
/* ==========================================================================
Global banner
   ========================================================================== */

.js-banner-slider {
    position: relative;
}

    .js-banner-slider .banner-carousel {
        
        min-height: 50px; /* adjust based on content */
    }

    .js-banner-slider .slide {
        opacity: 0;
    }

/* ==========================================================================
Global banner
 ========================================================================== */