.room-page .slider {
    margin-bottom: 96px;
    position: relative;
}

.room-page .slider .inner {
    overflow: hidden;
}

.room-page .slider .images {
    display: flex;
}

.room-page .slider .images[_animate] {
    transition: transform 0.24s cubic-bezier(0, 0, 0.10, 1);
}

.room-page .slider .media-wrapper {
    flex-shrink: 0;
    width: calc((var(--container--width) - calc(32px * 2)) / 3);
}

.room-page .slider .media-wrapper:not(:last-child) {
    margin-right: 32px;
}




.room-page .facilities {
    margin-bottom: 72px;
}

.room-page .facilities h2 {
    margin: 0 0 21px;
    text-align: center;
}

.room-page .facilities ul {
    display: grid;
    grid-column-gap: 72px;
    grid-template-columns: repeat(3, 1fr);
    line-height: 25px;
    margin-bottom: 57px;
    position: relative;
}

.room-page .facilities ul::after {
    background-color: var(--color--white);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
}

.room-page .facilities li {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 57px;
    padding-top: 3px;
    position: relative;
}

.room-page .facilities li::after {
    background-color: var(--color--burlywood);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
}

.room-page .facilities li:not(:nth-child(3n+2))::after {
    left: 0;
    width: 100%;
}

.room-page .facilities li:nth-child(3n+2)::after {
    left: -72px;
    width: calc(100% + 144px);
}

.room-page .facilities svg {
    color: var(--color--burlywood);
    flex-shrink: 0;
    margin: -1px 9px 0 0;
}

.room-page .facilities .description {
    box-sizing: border-box;
    color: var(--color--white);
    margin-left: calc(-1 * ((var(--viewport--width) - var(--container--width)) / 2));
    overflow: hidden;
    padding: 64px calc((var(--viewport--width) - var(--container--width)) / 2);
    position: relative;
    text-align: center;
    width: var(--viewport--width);
}

.room-page .facilities .description::after {
    background-color: var(--color--maastricht-blue-transparent-95);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.room-page .facilities .text {
    position: relative;
    z-index: 1;
}

.room-page .facilities p:first-child {
    margin-top: 0;
}

.room-page .facilities p:last-child {
    margin-bottom: 0;
}

.room-page .facilities p:not(:last-child) {
    margin-bottom: 24px;
}




.room-page .details {
    margin-bottom: 96px;
    text-align: center;
}

.room-page .details h2 {
    margin: 0 0 44px;
}

.room-page .details ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 25px;
}

.room-page .details li {
    width: calc((var(--container--width) - (72px * 2)) / 3);
}

.room-page .details li:not(:nth-child(3n)) {
    margin-right: 72px;
}

.room-page .details li:not(:nth-last-child(-n+3)) {
    margin-bottom: 40px;
}

.room-page .details li span:first-child {
    background-color: var(--color--maastricht-blue);
    color: var(--color--burlywood);
    display: block;
    flex-grow: 1;
    margin-bottom: 24px;
    padding: 9px 24px 6px;
}

.room-page .details li span:last-child {
    box-shadow: 0 4px 16px var(--color--maastricht-blue-transparent-05);
    display: block;
    padding: 9px 24px 6px;
}