.vdir-hero {
    padding-block: 40px 48px;
}

.vdir-hero__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.vdir-hero__head {
    padding-top: 12px;
}

.vdir-hero__text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 820px;
}

.vdir-hero__actions {
    flex-shrink: 0;
}

.vdir-listing {
    padding-top: 48px;
}

.vdir-card__logo {
    border-style: solid;
    background: var(--c-white);
}

.vdir-card__place {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.vdir-card__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--c-ink-2);
}

.vdir-card__group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vdir-card__label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--c-ink-3);
}

@media (max-width: 1199px) {
    .vdir-hero__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .vdir-hero {
        padding-block: 28px 40px;
    }

    .vdir-hero__head {
        padding-top: 4px;
    }

    .vdir-listing {
        padding-top: 32px;
    }
}