/* Shared, optional filters use the merchant's existing readable brand palette. */
.commerce-web .service-category-filter { min-width:0; margin:0 0 16px; }
.commerce-web .service-category-filter[hidden],.commerce-web .service-category-filter [hidden] { display:none!important; }
.commerce-web .service-category-chips { display:flex; flex-wrap:wrap; gap:8px; }
.commerce-web .service-category-chips button { display:inline-flex; align-items:center; gap:8px; min-height:44px; max-width:100%; padding:9px 14px; border:1px solid var(--profile-line,#d8dde3); border-radius:24px; background:#fff; color:var(--profile-ink,#263449); font:500 .75rem/1.4 "Plus Jakarta Sans",sans-serif; overflow-wrap:anywhere; cursor:pointer; }
.commerce-web .service-category-chips button[aria-pressed=true] { background:var(--orange); color:var(--profile-accent-ink); border-color:var(--orange); }
.commerce-web .service-category-chips [data-category-count] { font-size:.68rem; opacity:.8; }
.commerce-web .service-category-select-label { display:none; flex-direction:column; gap:7px; color:var(--profile-ink,#263449); font:500 .75rem/1.6 "Plus Jakarta Sans",sans-serif; }
.commerce-web .service-category-filter select { width:100%; min-width:0; box-sizing:border-box; min-height:44px; padding:11px 12px; border:1px solid var(--profile-line,#d8dde3); border-radius:8px; background:#fff; color:var(--profile-ink,#263449); font:inherit; }
.commerce-web .service-category-filter[data-many-categories=true] .service-category-chips { display:none; }
.commerce-web .service-category-filter[data-many-categories=true] .service-category-select-label { display:flex; max-width:460px; }
.commerce-web .service-category-filter :is(button,select):focus-visible { outline:2px solid var(--profile-deep,#263449); outline-offset:3px; }
@media(max-width:800px) {
    .commerce-web .service-category-filter .service-category-chips { display:none; }
    .commerce-web .service-category-filter .service-category-select-label { display:flex; max-width:none; font-size:.8rem; }
    .commerce-web .service-category-filter select { font-size:16px; }
}