.breadcrumbs {
    --min-external-margin: max(12vw, 2.8125rem);
    width: calc(100% - (var(--min-external-margin) * 2));
    /*padding-top: calc(var(--header-height) + (var(--header-top-position) * 2));*/
}

.breadcrumbs--items {
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.75rem;
    row-gap: 0.25rem;

    padding: 0;
}

.breadcrumbs--item,
.breadcrumbs--link {
    position: relative;
    display: block;

    font-family: var(--p-family);
    font-size: 0.6875rem;
    line-height: 1em;
    letter-spacing: 0em;
}

.breadcrumbs--item::before {
    content: '>';

    position: absolute;
    left: -0.75em;
    top: 45%;
    transform: translateY(-50%);
}

.breadcrumbs--item:first-of-type::before {
    content: '';
}

@media screen and (min-width: 64rem /* 1024px */) {
    .breadcrumbs {
        --min-external-margin: .75rem;
        width: var(--content-width);
        width: 90%;
        /*padding-top: calc(var(--header-height) + 1.875rem);*/
    }
}