/* Keep room-gallery slides visually stable despite mixed source image ratios. */
.room-container .room-gallery-carousel .owl-stage {
  display: flex;
}
.room-container .room-gallery-carousel .owl-item {
  display: flex;
  height: 158px;
}
.room-container .room-gallery-carousel .owl-item .item,
.room-container .room-gallery-carousel .owl-item a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.room-container .room-gallery-carousel .owl-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
  .room-container .room-gallery-carousel .owl-item { height: 180px; }
}
@media (max-width: 767px) {
  .room-container .room-gallery-carousel .owl-item { height: 82px; }
}

/* Visible navigation cue: the gallery continues horizontally. */
.room-container .room-gallery-carousel { position: relative; }
.room-container .room-gallery-carousel::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 96px; pointer-events: none; background: linear-gradient(90deg, rgba(15, 51, 47, 0), rgba(15, 51, 47, .88)); z-index: 1; }
.room-container .room-gallery-carousel .owl-nav { display: flex; gap: 8px; position: absolute; top: 50%; right: 14px; z-index: 2; margin: 0; transform: translateY(-50%); }
.room-container .room-gallery-carousel .owl-nav button.owl-prev,
.room-container .room-gallery-carousel .owl-nav button.owl-next { display: grid; width: 38px; height: 38px; margin: 0; padding: 0 !important; place-items: center; border: 1px solid rgba(255, 255, 255, .72); border-radius: 50%; background: rgba(15, 51, 47, .82); color: #fff; font-family: Arial, sans-serif; font-size: 30px !important; line-height: 1; opacity: 1; }
.room-container .room-gallery-carousel .owl-nav button.owl-prev:hover,
.room-container .room-gallery-carousel .owl-nav button.owl-next:hover { border-color: #d48d4a; background: #d48d4a; }
@media (max-width: 767px) { .room-container .room-gallery-carousel::after { width: 62px; } .room-container .room-gallery-carousel .owl-nav { right: 8px; gap: 5px; } .room-container .room-gallery-carousel .owl-nav button.owl-prev, .room-container .room-gallery-carousel .owl-nav button.owl-next { width: 30px; height: 30px; font-size: 24px !important; } }

.room-container .room-gallery-carousel .owl-nav .room-gallery-nav-icon { display: grid; width: 100%; height: 100%; place-items: center; }
.room-container .room-gallery-carousel .owl-nav svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Place each carousel direction control on its corresponding side. */
.room-container .room-gallery-carousel .owl-nav { display: block; position: static; transform: none; }
.room-container .room-gallery-carousel .owl-nav button.owl-prev,
.room-container .room-gallery-carousel .owl-nav button.owl-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.room-container .room-gallery-carousel .owl-nav button.owl-prev { left: 14px; }
.room-container .room-gallery-carousel .owl-nav button.owl-next { right: 14px; }
@media (max-width: 767px) {
  .room-container .room-gallery-carousel .owl-nav button.owl-prev { left: 8px; }
  .room-container .room-gallery-carousel .owl-nav button.owl-next { right: 8px; }
}