/* theme-kit: assets/kit-room-related.css */
.kit-room-related__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem 1.5rem;
  margin-bottom: clamp(20px, 3vw, 32px);
}

.kit-room-related__grid {
  position: relative;
  display: grid;
  grid-auto-columns: minmax(78%, 1fr);
  grid-auto-flow: column;
  gap: var(--kit-gap);
  margin: 0;
  padding: 0;
  overflow-x: auto;
  list-style: none;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.kit-room-related__grid > li {
  scroll-snap-align: start;
}

@media (min-width: 750px) {
  .kit-room-related__grid {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }
}

@media (min-width: 990px) {
  .kit-room-related--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .kit-room-related--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}