.room-gallery {
  --thumb-h: 80px;          /* adjust once, thumb bar height */
}

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

.room-thumbs { 
  height: var(--thumb-h);
  margin-top: 12px;
  justify-content: center;
}

.room-thumbs .swiper-wrapper {
    background: red;
}

.room-thumbs .swiper-slide {
  /*width: calc(var(--thumb-h) * 1.4);*/   /* keep thumbs fairly wide */
  width: auto;
  opacity: 0.4;
  cursor: pointer;
  transition: opacity .3s;
}
.room-thumbs .swiper-slide-thumb-active { opacity: 1; }

/* optional: arrows inside main slider */
.room-main .swiper-button-prev,
.room-main .swiper-button-next {
  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,.6);
}