@charset "utf-8";
/* ==========================================================================
   catalog.css — our additions for the shop list pages (/products, /brands/{slug}, /sale, /search),
   loaded after the coder's product-list.css / brand.css / sale.css / search.css.
   Only states the static design never had: greyed label filters, the divider between the
   label filters and the price sorts, a brand panel with nothing in it.
   ========================================================================== */

/* label filter with no items (owner: always shown, greyed at 0) */
.plist-sort_link.is-disabled { color: var(--c-line); cursor: default; }

/* the design's sort row = label filters | price sorts: a stronger divider between the two groups */
@media (min-width: 1280px) {
    .plist-sort li.sg-sort-group::before {
        height: .16rem;
        margin-left: .08rem;
        background: var(--c-ink-soft, #A8A29E);
    }
    .plist-sort li.sg-sort-group .plist-sort_link { padding-left: .24rem; }
}

.plist-brand_list .sg-muted { color: var(--c-ink-muted); font-size: .14rem; }

/* sale page sort links also work as plain spans when current */
.sl-sort .is-current { cursor: default; }

/* brand page: no logo in Admin and no coder sample → the name's initial */
.br-hero_logo .sg-logo-initial { font-size: .28rem; font-weight: 600; color: var(--c-ink-muted); }
@media (min-width: 768px) { .br-hero_logo .sg-logo-initial { font-size: .44rem; } }

/* /search: "Search the wholesale catalogue for …" link for wholesale accounts (2026-10-13). */
.sg-ws-search { margin-top: .12rem; font-size: .14rem; }