.property-container {
    position: relative;
    height: 100%;
}

.property-container.property-clickable {
    cursor: pointer;
}

.property-container.property-clickable:focus {
    outline: 2px solid #4fc1e9;
    outline-offset: 2px;
}

.property-image img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.property-features {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
}

.property-features span {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.property-features span:first-child {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.property-content {
    min-height: 135px;
}

.property-content h3 {
    margin-bottom: 0;
}

.property-content h3 > a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 48px;
}

.property-content h3 > small {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 36px;
}

