.breadcrumbsBlock {
    width: 100%;
    background-color: #F8F6EE;
    box-sizing: border-box;
}

.breadcrumbsBlock__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 80px;
    box-sizing: border-box;
}

.breadcrumbsBlock__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumbsBlock__item {
    display: inline-flex;
    align-items: center;
}

.breadcrumbsBlock__link,
.breadcrumbsBlock__label,
.breadcrumbsBlock__current {
    color: #18210F;
    font-family: Satoshi, "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.14px;
}

.breadcrumbsBlock__link {
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.breadcrumbsBlock__link:hover {
    opacity: 0.7;
}

.breadcrumbsBlock__current {
    font-weight: 400;
}

.breadcrumbsBlock__separator {
    color: #18210F;
    font-family: Satoshi, "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 8px;
}

.breadcrumbsBlock__preview-note {
    margin: 0 0 8px;
    color: rgba(24, 33, 15, 0.55);
    font-family: Satoshi, "Montserrat", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
}

.breadcrumbsBlock--preview .breadcrumbsBlock__link {
    pointer-events: none;
    cursor: default;
}

@media (max-width: 768px) {
    .breadcrumbsBlock__container {
        padding: 16px 24px;
    }

    .breadcrumbsBlock__link,
    .breadcrumbsBlock__label,
    .breadcrumbsBlock__current,
    .breadcrumbsBlock__separator {
        font-size: 13px;
    }

    .breadcrumbsBlock__separator {
        margin: 0 6px;
    }
}

@media (max-width: 480px) {
    .breadcrumbsBlock__container {
        padding: 14px 20px;
    }

    .breadcrumbsBlock__link,
    .breadcrumbsBlock__label,
    .breadcrumbsBlock__current,
    .breadcrumbsBlock__separator {
        font-size: 12px;
    }
}