.body--production main {
    border-radius: 4rem 4rem 0 0;
}

.block__show .container:has(>.show__description),
.block__show .container:has(>.show__specs) {
    display: flex;
    gap: 13.4rem;
    padding: 4.8rem 0;
}

.show__specs {
    flex: 1 0 auto;
    min-width: 40rem;
}

    .show__specs table {
        width: 100%;
        padding: 0;
        border-spacing: 0;
    }

    .show__specs tr:last-of-type td {
        border-bottom: none;
    }

    .show__specs td {
        padding: 1.2rem 0 !important;
        border-bottom: .1rem solid rgba(42, 42, 42, .2);
        line-height: 140%;
    }

        .show__specs td:first-of-type {
            color: rgba(0, 0, 0, .5);
            white-space: nowrap;
            padding-right: 4.8rem;
            font-weight: 400;
            padding-right: 1.6rem !important;
        }

        .show__specs td img {
            width: 2.8rem;
            height: auto;
            margin-right: .8rem;
        }

    .show__specs a {
        color: var(--antracite) !important;
        background-image: linear-gradient(var(--antracite), var(--antracite)) !important;
    }

.container:has( > .playlist) {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.playlist {
    width: 100%;
    display: flex;
    flex-flow: column;
    margin-top: 2.4rem;
}

.playlist__item {
    display: grid;
    grid-template-columns: 2fr 2fr 3fr min-content min-content;
    gap: 2.4rem;
    line-height: 150%;
    padding: 2.4rem 0;
}

    .playlist__item:has(+.playlist__item) {
        border-bottom: .1rem solid rgba(42, 42, 42, .2);
    }

    .playlist__item > div {
        display: inline-flex;
        align-items: center;
    }

        .playlist__item > div:nth-child(3),
        .playlist__item > div:nth-child(5) {
            justify-content: flex-end;
        }

        .playlist__item > div:nth-child(4),
        .playlist__item > div:nth-child(5) {
            white-space: nowrap;
        }

    .playlist__item strong {
        font-size: 2.2rem;
    }

    .playlist__item.hidden {
        display: none;
    }

    .playlist__item.playlist__item--soldout {
        color: var(--grey-300);
    }

        .playlist__item.playlist__item--soldout .button {
            color: var(--white) !important;
            border-color: var(--grey-300) !important;
            background-color: var(--grey-300) !important;
            cursor: initial;
        }

.playlist + .button {
    margin-top: 2.4rem;
    margin-left: auto;
    margin-right: auto;
}

@media(pointer: fine) {
    .show__hero .button:hover {
        background-color: var(--antracite);
        border-color: var(--antracite);
        color: var(--white);
    }

    .show__hero .button svg path {
        transition: var(--transition-default);
    }

    .show__hero .button:hover svg path {
        stroke: var(--white);
    }
}

@media(max-width: 1023px) {
    .block__show .container {
        gap: 4.8rem !important;
    }

    .show__specs {
        min-width: 30rem;
    }
}

@media(max-width: 767px) {
    .block__show .container {
        flex-flow: column;
        gap: 4.8rem !important;
    }

    .show__specs {
        min-width: 100%;
    }

    .playlist {
        flex-flow: column;
        margin-top: 0;
    }

    .playlist__item {
        display: flex;
        flex-flow: column;
        gap: 0;
    }

            .playlist__item > div:nth-child(2) p,
            .playlist__item > div:nth-child(2) p strong {
                font-size: var(--fontsize-body-md);
                font-weight: 400;
            }

                .playlist__item > div:nth-child(2) p strong:after {
                    content: ",";
                }

            .playlist__item > div:nth-child(2) br {
                display: none;
            }

        .playlist__item > div:nth-child(3) {
            justify-content: flex-start;
        }

        .playlist__item > div:nth-child(4) {
            margin-top: 1.6rem;
        }

        .playlist__item .button {
            width: 100%;
            justify-content: center;
            margin-top: 1.6rem;
        }

    .body--production .block--padding + .block--padding,
    .body--production #omschrijving + .block--padding {
        padding-top: 0;
    }
}