.oda-property-breadcrumb {
    --oda-property-breadcrumb-top: clamp(96px, 11svh, 124px);
    position: absolute;
    top: var(--oda-property-breadcrumb-top);
    left: max(
        24px,
        calc(
            50% - min(
                calc(50% - 24px),
                max(560px, min(39.0625vw, 72.8svh))
            )
        )
    );
    z-index: 8;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: clamp(6px, 0.55vw, 10px);
    max-width: calc(100% - 48px);
    margin: 0;
    color: #8b8984;
    font-family: var(--font-tbc-caps, Arial, sans-serif);
    font-size: clamp(8px, 0.7vw, 11px);
    font-weight: 400;
    line-height: 1.35;
}

.oda-property-breadcrumb__item {
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
}

a.oda-property-breadcrumb__item {
    transition: color 160ms ease;
}

a.oda-property-breadcrumb__item:hover,
a.oda-property-breadcrumb__item:focus-visible {
    color: #171513;
}

a.oda-property-breadcrumb__item:focus-visible {
    outline: 1px solid currentColor;
    outline-offset: 3px;
}

.oda-property-breadcrumb__separator {
    color: rgba(139, 137, 132, 0.72);
    user-select: none;
}

.building-facade-section,
.oda-apartment-wrapper,
.oda-compare-page {
    position: static;
}

body.admin-bar .oda-property-breadcrumb {
    top: calc(var(--oda-property-breadcrumb-top) + 32px);
}

@media screen and (max-width: 1296px) {
    .oda-property-breadcrumb {
        --oda-property-breadcrumb-top: 74px;
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar .oda-property-breadcrumb {
        top: calc(var(--oda-property-breadcrumb-top) + 46px);
    }
}

@media screen and (max-width: 620px) {
    .oda-property-breadcrumb {
        --oda-property-breadcrumb-top: 68px;
        left: 12px;
        gap: 5px;
        max-width: calc(100% - 24px);
        font-size: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    a.oda-property-breadcrumb__item {
        transition: none;
    }
}