/* BanguiStore v0.1.30.1 — cart feedback and brand merchandising */
.bs-cart-toast{
    background:#effcf4!important;
    color:#12361f!important;
    border:1px solid #b9e8c9!important;
    box-shadow:0 14px 34px rgba(19,94,48,.16)!important;
}
.bs-cart-toast.is-success{
    border-left:5px solid #25a861!important;
    background:linear-gradient(135deg,#f4fff7,#e7f9ee)!important;
}
.bs-cart-toast.is-error{
    border:1px solid #efc1c5!important;
    border-left:5px solid #d93c4b!important;
    background:#fff3f4!important;
    color:#7c1f28!important;
}
.dark .bs-cart-toast,
html[data-theme="dark"] .bs-cart-toast{
    background:#294535!important;
    color:#f3fff6!important;
    border-color:#4d7b5d!important;
    box-shadow:0 14px 36px rgba(0,0,0,.28)!important;
}
.dark .bs-cart-toast.is-success,
html[data-theme="dark"] .bs-cart-toast.is-success{
    background:linear-gradient(135deg,#294535,#213b2c)!important;
    color:#f3fff6!important;
}
.dark .bs-cart-toast.is-error,
html[data-theme="dark"] .bs-cart-toast.is-error{
    background:#522a2e!important;
    color:#fff4f5!important;
    border-color:#864149!important;
}

.brand-directory{overflow:hidden}
.brand-directory__grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scroll-behavior:smooth;
    scrollbar-width:thin;
    padding:2px 2px 10px;
}
.brand-directory__item{
    flex:0 0 152px!important;
    min-width:152px!important;
    min-height:86px!important;
    scroll-snap-align:start;
    display:flex!important;
    flex-direction:column;
    gap:7px;
    text-align:center;
}
.brand-directory__item img{max-width:104px!important;max-height:44px!important}
.brand-directory__item .brand-wordmark{
    display:block;
    max-width:128px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#15171a;
    font-size:17px;
    font-weight:950;
    letter-spacing:-.035em;
}
.brand-directory__item small{color:#707783;font-size:10px;font-weight:750}
.dark .brand-directory__item{background:#fff!important;border-color:#3b3f45!important}
.dark .brand-directory__item .brand-wordmark{color:#15171a}

.brand-page__hero{
    display:grid;
    grid-template-columns:170px minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    margin-top:14px;
    padding:24px;
    border-radius:12px;
    background:var(--bs-card);
    box-shadow:var(--bs-shadow);
}
.brand-page__mark{
    width:160px;
    height:105px;
    display:grid;
    place-items:center;
    padding:16px;
    border:1px solid var(--bs-border);
    border-radius:12px;
    background:#fff;
    color:#15171a;
    font-size:25px;
    font-weight:950;
    letter-spacing:-.045em;
    text-align:center;
}
.brand-page__mark img{max-width:125px;max-height:60px;object-fit:contain}
.brand-page__intro h1{margin:3px 0 7px;font-size:34px;line-height:1.05;letter-spacing:-.04em}
.brand-page__intro p{max-width:720px;margin:0;color:var(--bs-muted);line-height:1.55}
.brand-page__intro small{display:block;margin-top:8px;color:#b16c00;font-weight:750}
.brand-page__stats{display:flex;gap:8px}
.brand-page__stats>div{
    min-width:105px;
    padding:15px;
    border:1px solid var(--bs-border);
    border-radius:10px;
    background:var(--bs-page);
    text-align:center;
}
.brand-page__stats b{display:block;font-size:25px;color:#d87d00}
.brand-page__stats span{font-size:11px;color:var(--bs-muted);font-weight:750}
.brand-sellers{margin-top:16px;padding:18px 20px;border-radius:10px;background:var(--bs-card);box-shadow:var(--bs-shadow)}
.brand-sellers__track{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px}
.brand-seller-card{
    flex:0 0 245px;
    min-height:70px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid var(--bs-border);
    border-radius:10px;
    color:var(--bs-ink);
    text-decoration:none;
    scroll-snap-align:start;
}
.brand-seller-card:hover{border-color:#e3a500;transform:translateY(-1px)}
.brand-seller-card__logo{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#fff;color:#171717;font-weight:950;border:1px solid #e7e9ec}
.brand-seller-card__logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.brand-seller-card b,.brand-seller-card small{display:block}
.brand-seller-card small{margin-top:3px;color:var(--bs-muted);font-size:10px}
.brand-seller-card strong{color:#d47a00}
.brand-products-section{margin-top:16px}
.brand-page__empty{margin:12px 0}

@media(max-width:760px){
    .brand-directory__item{flex-basis:126px!important;min-width:126px!important;min-height:72px!important}
    .brand-directory__item .brand-wordmark{font-size:15px;max-width:106px}
    .brand-page__hero{grid-template-columns:90px minmax(0,1fr);gap:13px;padding:15px}
    .brand-page__mark{width:86px;height:76px;padding:9px;font-size:18px}
    .brand-page__mark img{max-width:68px;max-height:45px}
    .brand-page__intro h1{font-size:25px}
    .brand-page__stats{grid-column:1/-1;width:100%}
    .brand-page__stats>div{flex:1;min-width:0}
    .brand-sellers{padding:14px}
    .brand-seller-card{flex-basis:220px}
}
