.ontdekken_blok .ontdekken_blok_grid{
    row-gap: var(--spacing_6);
}

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

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

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

.ontdekken_blok .ontdekken_blok_item{
    display: grid;
    gap: var(--spacing_3);
    hyphens: auto;
}

.ontdekken_blok .ontdekken_blok_afbeelding{
    /* Figma photo slot: 409 by 300, fluid with the Bootstrap column. */
    aspect-ratio: 409 / 300;
    overflow: hidden;
}

.ontdekken_blok .ontdekken_blok_afbeelding picture{
    display: flex;
    width: 100%;
    height: 100%;
}

.ontdekken_blok .ontdekken_blok_afbeelding img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ontdekken_blok .ontdekken_blok_content{
    display: grid;
    justify-items: start;
    /* Design: 10px between text rows, one third of the photo/content gap. */
    gap: calc(var(--spacing_3) / 3);
}

#content .ontdekken_blok .ontdekken_blok_content h2 + *{
    margin-top: 0;
}

.ontdekken_blok .ontdekken_blok_temperatuur{
    display: flex;
    align-items: center;
    gap: calc(var(--spacing_3) / 5);
}

.ontdekken_blok .ontdekken_blok_tekst_ingekort{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    /* Keep read-more links aligned at the design's three-line preview height. */
    min-height: calc(3em * var(--default-line-height));
}

.ontdekken_blok .ontdekken_blok_link{
    color: inherit;
    text-decoration: underline;
}

.ontdekken_blok .ontdekken_blok_link:focus-visible{
    /* Thin keyboard-focus outline; independent of design spacing. */
    outline: 0.2rem solid currentColor;
    outline-offset: 0.2rem;
}

.ontdekken_blok_slideout_afbeelding{
    /* Match the shared inner-content gap below the unpadded header. */
    margin-top: var(--spacing_3);
    /* Figma's full-width photo slot, using the card's selected attachment. */
    aspect-ratio: 828 / 471;
    overflow: hidden;
}

.ontdekken_blok_slideout_afbeelding picture,
.ontdekken_blok_slideout_afbeelding img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ontdekken_blok_slideout .ontdekken_blok_kenmerken{
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing_3) / 2) var(--spacing_3);
    padding-bottom: calc(var(--spacing_3) / 2);
    border-bottom: 0.1rem solid var(--bruin50);
}

.ontdekken_blok_kenmerken > li{
    display: flex;
    align-items: baseline;
    gap: calc(var(--spacing_3) / 6);
}

.ontdekken_blok_kenmerken + .ontdekken_blok_slideout_content{
    margin-top: calc(var(--spacing_3) / 2);
}

.ontdekken_blok_slideout_content .prijslijst_lijnen{
    --lijst_rand: var(--bruin50);
}

.ontdekken_blok_slideout .ontdekken_blok_slideout_content :is(p, ul, ol) + :is(h2, h3){
    margin-top: var(--spacing_3);
}

.ontdekken_blok_slideout_content h3 + *{
    margin-top: calc(var(--spacing_3) / 2);
}