.brand-page-head{
    padding:26px 16px 22px;
    background:#111;
    color:#fff;
}

.brand-page-name{
    font-size:30px;
    font-weight:900;
    letter-spacing:-1px;
}

.brand-page-meta{
    margin-top:6px;
    font-size:12px;
    color:#aaa;
}

.brand-sort{
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:13px 14px;
    scrollbar-width:none;
}

.brand-sort::-webkit-scrollbar{
    display:none;
}

.brand-sort button{
    flex:0 0 auto;
    border:0;
    border-radius:18px;
    padding:8px 13px;
    background:#f2f2f2;
    font-size:12px;
}

.brand-sort button.active{
    background:#111;
    color:#fff;
    font-weight:800;
}

.brand-app{
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    overflow:hidden;
    padding:0;
    background:#fff;
}

.brand-scroll{
    grid-row:2;
    min-width:0;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-x:none;
    overscroll-behavior-y:auto;
    scrollbar-width:none;
    background:#fff;
    -webkit-overflow-scrolling:touch;
}

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


/* =========================================================

 * BRAND_FOLLOW_V1

 * ========================================================= */

.brand-page-head{

    display:grid;

    grid-template-columns:minmax(0,1fr) auto;

    align-items:center;

    column-gap:18px;

}

.brand-page-copy{

    min-width:0;

}

.brand-follow-button{

    min-width:82px;

    height:38px;

    padding:0 16px;

    border:1px solid #fff;

    border-radius:999px;

    background:#fff;

    color:#111;

    font:inherit;

    font-size:13px;

    font-weight:850;

    white-space:nowrap;

    -webkit-tap-highlight-color:transparent;

}

.brand-follow-button.is-following{

    background:transparent;

    border-color:rgba(255,255,255,.48);

    color:#fff;

}

.brand-follow-button.is-pending{

    opacity:.55;

}

.brand-follow-button:active{

    transform:scale(.97);

}