/* =============================================================
   Zyntech Breadcrumbs — автономные стили
   ============================================================= */

:root {
    --zb-font:            'Russo One', sans-serif;
    --zb-font-size:       1.30rem;
    --zb-font-size-mob:   0.80rem;
    --zb-color-link:      #888;
    --zb-color-link-hover:#111;
    --zb-color-current:   #111;
    --zb-color-sep:       #bbb;
    --zb-sep-icon:        "›";
    --zb-gap:             0.35rem;
    --zb-padding:         0.6rem 0;
}

.zb-breadcrumbs {
    font-family: var(--zb-font);
    font-size:   var(--zb-font-size);
    padding:     var(--zb-padding);
    line-height: 1;
}

.zb-breadcrumbs ol.zb-list {
    display:     flex;
    flex-wrap:   wrap;
    align-items: center;
    gap:         var(--zb-gap);
    list-style:  none;
    margin:      0;
    padding:     0;
    counter-reset: none;
}

.zb-breadcrumbs ol.zb-list > li {
    margin:          0;
    padding:         0;
    list-style:      none;
    display:         flex;
    align-items:     center;
    gap:             var(--zb-gap);
    counter-increment: none;
}

.zb-breadcrumbs ol.zb-list > li::before,
.zb-breadcrumbs ol.zb-list > li::after {
    content: none;
}

.zb-link {
    color:           var(--zb-color-link);
    text-decoration: none;
    font-weight:     400;
    letter-spacing:  0.01em;
    transition:      color 0.15s ease;
}

.zb-link:hover,
.zb-link:focus-visible {
    color:           var(--zb-color-link-hover);
    text-decoration: none;
    outline:         none;
}

/* Текущая страница — без обрезания */
.zb-current span {
    color:          var(--zb-color-current);
    font-weight:    500;
    letter-spacing: 0.01em;
}

.zb-sep::after {
    content:     var(--zb-sep-icon);
    color:       var(--zb-color-sep);
    font-size:   1em;
    line-height: 1;
}

@media (max-width: 768px) {
    .zb-breadcrumbs {
        font-size: var(--zb-font-size-mob);
    }
    .zb-current span {
        white-space: normal;
        word-break: break-word;
    }
    .zb-breadcrumbs ol.zb-list {
        flex-wrap: wrap;
    }
}