.block-house-type {
    padding: var(--s10-16);
    z-index: 1;
    transform: translate(0, 0);
    transition: 
        transform var(--anim-duration) var(--anim-easing);
    will-change: transform;
}
.is-visible .filter-results .wrap > .block-house-type:hover {
    transform: translate(0, calc(var(--anim-distance) * -0.5));
    transition-delay: 0ms !important;
}
.block-house-type::before,
.block-house-type::after {
    z-index: -1;
    position: absolute;
    inset: 0;
    content:"";
    border-radius: var(--s10-16);
    transform: scale(1);
    transition: 
        opacity var(--anim-duration) var(--anim-easing),
        box-shadow var(--anim-duration) var(--anim-easing);
    will-change: transform, box-shadow;
}
.block-house-type::before {
    background: var(--light-grey);
    opacity: 0.05;
}
.block-house-type:hover::before {
    opacity: 0.5;
    box-shadow: var(--engagement-shadow);
}
.block-house-type::after {
    border: 0.5px solid var(--light-grey);
}
.block-house-type, 
.block-house-type .media-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}
.block-house-type .gallery-wrapper {
    position: relative;
    aspect-ratio: 1.599/1;
    border-radius: var(--s1-5);
    width: 100%;
    overflow: hidden;
}
.block-house-type .feature-wrapper {
    position: absolute;
    bottom: var(--s5-8);
    right: var(--s5-8);
    padding: var(--s10-16) var(--s5-8);
    line-height: 0;
    white-space: nowrap;
    border-radius: var(--s1-3);
    overflow: hidden;
    z-index: 1;
    display: flex;
    font-size: var(--s10-16);
    flex-direction: row;
    gap: var(--s5-8);
    font-weight: 700;
    letter-spacing: -0.003em;
    color: var(--white);
    text-shadow: 0 1px 2px rgba(0,0,0,0.45);
    border: 0.5px solid var(--white);
    box-shadow: var(--engagement-shadow);
    align-items: center;
}
.block-house-type .feature-wrapper::before {
    z-index: -1;
    background: var(--yellow);
    position: absolute;
    inset: 0;
    content:"";
    opacity: 0.85;
    mix-blend-mode: overlay;
}
.block-house-type .feature-wrapper .legal-link {
    position:relative;
    text-decoration: none;
    text-shadow: none;
    z-index: 1;
    color: var(--dark-grey);
    transform: scale(1);
    transition: transform var(--anim-duration) var(--anim-easing);
    will-change: transform;
}
.block-house-type .feature-wrapper .legal-link:hover {
    transform: scale(1.1);
}
.block-house-type .feature-wrapper .legal-link::after {
    position: absolute;
    top:50%;
    left:50%;
    width: 1em;
    height: 1em;
    transform: translate(-50%, -50%);
    content: "";
    box-shadow: 0 1px 2px rgba(0,0,0,0.45);
    background: var(--white);
    border-radius: 100%;
    z-index: -1;
}
.block-house-type .content, 
.block-house-type .details,
.block-house-type .description-container {
    display: flex;
    flex-direction: column;
    gap: calc(var(--block-gap) * 0.5);
    align-items: center;
    justify-content: center;
    font-size: var(--s10-16);
    line-height: 1.2em;
}
.block-house-type .details {
    gap: var(--s1-5);
}
.block-house-type .description-container {
    max-height: clamp(150px, 35vh, 35vh);
    overflow-y: auto;
    overflow-x: hidden;
}
.block-house-type .description-container .scroll p {
    font-size: var(--s10-16);
    line-height: 1.4em;
}