.kamer_inner_content .kamer_content_row{
    row-gap: var(--spacing_6);
}

.kamer_inner_content .tussenruimte_6{
    --bs-gutter-x: var(--spacing_6);
}

.kamer_inner_content .tussenruimte_8{
    --bs-gutter-x: var(--spacing_8);
}

.kamer_inner_content .tussenruimte_10{
    --bs-gutter-x: var(--spacing_10);
}

.kamer_inner_content .kamer_content_kaart{
    position: sticky;
    top: var(--body-padding);
    display: flex;
    flex-direction: column;
    gap: var(--default-margin-bottom);
    padding: var(--spacing_3);
    background: var(--beige);
    color: var(--zwart);
    hyphens: auto;
}

.kamer_inner_content .kamer_content_kaart h2{
    color: var(--zwart);
}

#content .kamer_inner_content .kamer_content_kaart > *{
    margin-top: 0;
}

.kamer_inner_content .kamer_content_onderschrift{
    opacity: 0.5;
}

/* Figma's compact sidebar price block: 14px label, 22px price, 5px gap. */
.kamer_inner_content .kamer_prijs{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    line-height: 1.4;
    text-align: center;
}

#content .kamer_inner_content .kamer_content_sidebar > * + .kamer_prijs{
    margin-top: var(--spacing_3);
}

.kamer_inner_content .kamer_prijs_bedrag{
    font-family: var(--heading-font);
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1;
}

.kamer_inner_content .kamer_content_usps{
    --bs-gutter-x: var(--spacing_3);
    row-gap: var(--spacing_3);
    margin-block: var(--spacing_10);
}

.kamer_inner_content .kamer_content_usp{
    display: flex;
    flex-direction: column;
    /* The Figma USP uses a compact 10px gap independent of section spacing. */
    gap: 1rem;
    hyphens: auto;
}

.kamer_inner_content .kamer_content_usp > i{
    /* Font Awesome glyph size in the supplied design, not a fixed container. */
    font-size: 2.4rem;
    color: var(--bruin);
    margin-bottom: 1rem;
}

#content .kamer_inner_content .kamer_content_usp > *{
    margin-top: 0;
}

#content .kamer_inner_content .kamer_voorzieningen_items{
    --bs-gutter-x: var(--spacing_3);
    margin-top: 1rem;
    /* Design rows have 16px of vertical spacing. */
    row-gap: 1.6rem;
}

.kamer_inner_content .kamer_voorziening{
    display: flex;
    align-items: baseline;
    /* Figma's 10px icon-to-label gap. */
    gap: 1rem;
    hyphens: auto;
}

.kamer_inner_content .kamer_voorziening > i{
    flex: 0 0 1em;
    text-align: center;
}

.kamer_inner_content .kamer_content_tekst > hr{
    margin-block: var(--spacing_12);
}

.kamer_inner_content:is(.links_uitbreiden, .rechts_uitbreiden){
    overflow: clip;
}

@media (max-width:767px){
    .kamer_inner_content .kamer_content_kaart{
        position: static;
    }
}

@media (min-width:768px) and (max-width:991px){
    .kamer_inner_content .kamer_content_kaart{
        position: static;
    }
}