/* Hauptnavigation des Order Centers */
.twoc-section-tabs{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.twoc-section-tabs button{border:1px solid var(--twoc-border);padding:.7rem 1rem;background:#fff;cursor:pointer;min-height:44px}.twoc-section-tabs button.is-active{font-weight:700;background:#111;color:#fff}.twoc-section-tabs span{margin-left:.4rem;opacity:.7}
.twoc-button-categories{
    display:flex;
    flex-wrap:wrap;
    gap:.7rem;
    margin:0 0 1rem;
}

.twoc-button-category{
    display:grid;
    grid-template-columns:58px minmax(100px,1fr) 52px;

    min-height:54px;
    padding:0;

    overflow:hidden;

    border:1px solid #c3c4c7;
    border-radius:6px;
    background:#fff;

    cursor:pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.twoc-button-category:hover{
    border-color:#8c8f94;
    transform:translateY(-1px);
}

.twoc-button-category.is-active{
    border-color:#3858e9;
    box-shadow:0 0 0 2px #3858e9;
}

.twoc-button-category-image{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:54px;

    border-right:1px solid #c3c4c7;

    background-size:cover;
    background-position:center;

    font-size:28px;
    line-height:1;
}

.twoc-button-category-title{
    display:flex;
    align-items:center;

    padding:.6rem .8rem;

    text-align:left;
    font-weight:600;
}

.twoc-button-category-count{
    display:flex;
    align-items:center;
    justify-content:center;

    border-left:1px solid #c3c4c7;

    font-size:.85rem;
    font-weight:600;
}

@media(max-width:700px){
    .twoc-button-categories{
        display:grid;
        grid-template-columns:1fr;
    }

    .twoc-button-category{
        width:100%;
    }
}