.tarieven_blok .tarieven_blok_items{
    --bs-gutter-y: var(--spacing_3);
}

.tarieven_blok .tarieven_blok_kaart{
    padding: var(--spacing_3);
    gap: calc(var(--spacing_3) * 2 / 3);
    background: var(--wit);
    color: var(--zwart);
    hyphens: auto;
}

.tarieven_blok:not(.stijl_achtergrondkleur) .tarieven_blok_kaart,
.tarieven_blok.stijl_achtergrondkleur_ffffff .tarieven_blok_kaart{
    border: 0.1rem solid #ededed;
}

.tarieven_blok .tarieven_blok_kop{
    gap: calc(var(--spacing_3) / 6);
}

.tarieven_blok .tarieven_blok_tijd{
    /* Figma zwart75, composed from the existing palette. */
    color: color-mix(in srgb, var(--zwart) 75%, var(--wit));
}

.tarieven_blok .tarieven_blok_prijs{
    /* Same responsive H1 scale as statistieken; Figma desktop price is 90px. */
    font-size: clamp(3rem, 0.75rem + 6.25vw, 9rem);
    color: var(--bruin);
    font-weight: 400;
    line-height: 1;
}

.tarieven_blok .tarieven_blok_content ul{
    padding: 0;
    list-style: none;
}

.tarieven_blok .tarieven_blok_content ul > li{
    position: relative;
    /* Reserve the 20px icon plus a fluid gap, including on mobile. */
    padding-left: calc(2rem + var(--spacing_3) / 3);
}

.tarieven_blok .tarieven_blok_content ul > li + li{
    margin-top: calc(var(--spacing_3) / 3);
}

.tarieven_blok .tarieven_blok_content ul > li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    /* The Figma check asset has an intrinsic 20px square slot. */
    width: 2rem;
    height: 2rem;
    background: url('../../../images/tarieven_check.svg') center / contain no-repeat;
}