.category_wrap{
    box-sizing:border-box;
    max-width:1128px;
    margin:0 auto;
    padding:0 14px 40px;
}

.quick-scroll{
    display:flex;
    gap:10px;
    overflow-x:auto;
    margin:0 0 14px;
    padding:4px 0 8px;
    scrollbar-width:none;
}

.quick-scroll::-webkit-scrollbar{
    display:none;
}

.quick-item{
    flex:0 0 auto;
    min-width:96px;
    height:42px;
    border:1px solid #7a6230;
    border-radius:20px;
    background:#181818;
    color:#d6a84f;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
}

.quick-item.active{
    background:#7a6230;
    color:#fff;
}
/*========================================
Category Panel
========================================*/

.category-panel{
    display:none;
    background:#1a1a1a;
    border:1px solid #333;
    border-radius:12px;
    padding:14px;
    margin-bottom:14px;
}

.category-panel.active{
    display:block;
}

.category-panel h2{
    margin:0 0 12px;
    padding-left:10px;
    border-left:4px solid #d6a84f;

    color:#fff;
    font-size:18px;
}

.category-desc{
    margin-bottom:10px;

    color:#999;
    font-size:13px;
}

.category-links{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}

.category-links a{
    display:block;

    padding:12px 8px;

    border:1px solid #7a6230;
    border-radius:10px;

    background:#181818;

    color:#d6a84f;
    text-align:center;
    text-decoration:none;
    font-size:15px;
    font-weight:bold;

    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease;
}

.category-links a:hover{
    background:#2a2418;
}

.category-sub{
    display:block;

    margin-top:4px;

    color:#999;
    font-size:12px;
    font-weight:normal;
}

.category-empty{
    color:#999;
    font-size:14px;
}

@media (min-width:760px){

    .category-links{
        grid-template-columns:repeat(4,1fr);
    }

}
.category_wrap .breadcrumb{
    max-width:none;
    margin:0 0 16px;
    padding:0;
}