.roomimages {
  margin-block: 2rem;
  /* Default cards span; adjust at breakpoints */
  /* Optional subtle aspect helpers if you want different crops per ratio */
}
.roomimages__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.roomimages__title {
  font-size: clamp(1.1rem, 1.8vw, 1.4rem);
  font-weight: 700;
}
.roomimages__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.roomimages__filters .roomimages__filter {
  appearance: none;
  border: 1px solid #e4e4e4;
  background: #fff;
  padding: 0.4rem 0.7rem;
  border-radius: 999px;
  font-size: 0.9rem;
  cursor: pointer;
}
.roomimages__filters .roomimages__filter.is-active {
  border-color: #111;
  background: #111;
  color: #fff;
}
.roomimages__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
}
.roomimages__item {
  grid-column: span 12;
  position: relative;
  background: #fafafa;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 560px) {
  .roomimages .roomimages__item {
    grid-column: span 6;
  }
}
@media (min-width: 980px) {
  .roomimages .roomimages__item {
    grid-column: span 4;
  }
}
.roomimages__badge {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 8px;
  background: #111;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.roomimages__picture img {
  display: block;
  width: 100%;
  height: auto;
}
.roomimages__caption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.6rem 0.7rem;
  font-size: 0.9rem;
  color: #444;
  background: #fff;
}
.roomimages__item--r4-3 .roomimages__picture {
  aspect-ratio: 4/3;
}
.roomimages__item--r16-9 .roomimages__picture {
  aspect-ratio: 16/9;
}
.roomimages__item--r3-4 .roomimages__picture {
  aspect-ratio: 3/4;
}
.roomimages__item--r9-16 .roomimages__picture {
  aspect-ratio: 9/16;
}
.roomimages__item--r2-3 .roomimages__picture {
  aspect-ratio: 2/3;
}

/*# sourceMappingURL=room_images.css.map */