/* Catalog breadcrumb row: delivery / warranty / Telegram (Nikita). */
.ka-crumbbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px 24px;
    width:100%;
    min-height:36px;
}
.ka-crumbbar__path{
    flex:1 1 auto;
    min-width:0;
}
.ka-crumbbar__path .b-breadcrumb{
    width:auto;
    max-width:100%;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
}
.ka-crumbbar__info{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    gap:22px;
}
.ka-crumbbar__item{
    display:flex;
    align-items:center;
    gap:8px;
    color:#4f5358;
    white-space:nowrap;
}
.ka-crumbbar__ico{
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:block;
    color:#4f5358;
}
.ka-crumbbar__label{
    font-size:14px;
    line-height:18px;
    font-weight:400;
    color:#4f5358;
    white-space:nowrap;
}
.ka-crumbbar__sep{
    width:1px;
    height:32px;
    flex:0 0 1px;
    background:#d8d8d8;
    display:block;
}
.ka-crumbbar__tg{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none !important;
    color:inherit;
    min-height:32px;
    white-space:nowrap;
}
.ka-crumbbar__tg:hover{
    opacity:.88;
}
.ka-crumbbar__tg-ico{
    width:32px;
    height:32px;
    flex:0 0 32px;
    border-radius:50%;
    background:#29a9eb;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
}
.ka-crumbbar__tg-ico svg{
    width:18px;
    height:18px;
    display:block;
}
.ka-crumbbar__tg-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1px;
    line-height:1.15;
}
.ka-crumbbar__tg-q{
    font-size:12px;
    line-height:14px;
    color:#4f5358;
    white-space:nowrap;
}
.ka-crumbbar__tg-a{
    font-size:14px;
    line-height:16px;
    color:#1c5ca4;
    white-space:nowrap;
}
.ka-crumbbar__tg:hover .ka-crumbbar__tg-a{
    text-decoration:underline;
}

/* KA 01.09: меньше белого поля между серым меню категорий и строкой крошек.
   Spacer .b-space_md перед .ka-crumbbar был 30px; на desktop оставляем 10px.
   Mobile: spacer и так display:none (b-visible_xlarge_up) — не трогаем. */
@media only screen and (min-width: 1200px) {
    .b-wrapper > .b-space_md.b-visible_xlarge_up:has(+ .ka-crumbbar) {
        height: 10px !important;
    }
    .ka-crumbbar,
    .ka-crumbbar .b-breadcrumb,
    .ka-crumbbar .b-breadcrumbs {
        margin-top: 0;
        padding-top: 0;
    }
}

@media only screen and (max-width:1199px){
    .ka-crumbbar__item,
    .ka-crumbbar__sep{
        display:none;
    }
}

@media only screen and (max-width:767px){
    .ka-crumbbar{
        flex-wrap:wrap;
        align-items:flex-start;
        gap:8px 12px;
        min-height:0;
    }
    .ka-crumbbar__path{
        flex:1 1 100%;
    }
    .ka-crumbbar__path .b-breadcrumb{
        flex-wrap:wrap;
    }
    .ka-crumbbar__info{
        margin-left:0;
    }
    .ka-crumbbar__tg-q{
        display:none;
    }
}