.location-page {
  overflow-x: clip;
}

.image-strip-section {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0;
  background: var(--bg);
}

.media-strip-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  position: relative;
}

.media-strip-list > li {
  margin: 0;
  padding: 0;
  line-height: 0;
}

.media-strip-item {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  line-height: 0;
  aspect-ratio: 4 / 3;
}

.media-strip-item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  margin: 0;
  padding: 0;
}

.image-strip-section .room-image-badge,
.image-strip-section .room-image-badge-icon {
  display: none !important;
}

.location-photo-strip-section-tight {
  padding-top: 0;
}

.location-photo-strip-section-flush {
  padding-bottom: 0;
}

.image-strip-section + .location-list-section,
.location-list-section + .image-strip-section {
  margin-top: 0 !important;
}

.site-main > .image-strip-section:last-child {
  margin-bottom: 0;
}

@media (max-width: 75rem) {
  .media-strip-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .media-strip-list > li:nth-child(n + 5) {
    display: none;
  }
}

@media (max-width: 61.25rem) {
  .media-strip-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .media-strip-list > li:nth-child(n + 4) {
    display: none;
  }

  .location-photo-strip-section-flush {
    padding-bottom: 0;
  }

  .location-photo-strip-section-tight {
    padding-top: 0;
  }
}

@media (max-width: 45rem) {
  .media-strip-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .media-strip-list > li:nth-child(4) {
    display: block;
  }

  .media-strip-list > li:nth-child(n + 5) {
    display: none;
  }
}