.main-collection-section{--bb-col-toolbar-height: 52px}.bb-col-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;margin-bottom:8px;border-bottom:1px solid var(--color-outline-variant);position:sticky;top:0;z-index:20;background-color:var(--color-surface)}.bb-col-toolbar__filter-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--color-on-surface);border-radius:2px;background:var(--color-surface-container-low);cursor:pointer;color:var(--color-on-surface);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease}.bb-col-toolbar__filter-btn:hover{background:var(--color-surface-container)}.bb-col-toolbar__filter-btn--active{border-color:var(--color-primary);background:var(--color-surface-container-high)}.bb-col-toolbar__filter-icon{font-size:22px}.bb-col-toolbar__filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--color-primary);color:var(--color-on-primary, #fff);font-size:11px;font-weight:700;letter-spacing:0;line-height:1}.bb-col-sort{position:relative}.bb-col-sort__trigger{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;cursor:pointer;color:var(--color-on-surface);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.bb-col-sort__trigger-icon{font-size:18px;transition:transform .2s ease}.bb-col-sort.is-open .bb-col-sort__trigger-icon{transform:rotate(180deg)}.bb-col-sort__panel{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--color-surface-container-low);border:1px solid var(--color-on-surface);z-index:30;box-shadow:0 4px 16px #00000014}.bb-col-sort__option{display:block;width:100%;padding:14px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--color-on-surface);text-transform:uppercase}.bb-col-sort__option:hover{background:var(--color-surface-container)}.bb-col-sort__option--active{background:var(--color-surface-container-high)}.bb-col-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.bb-col-chips__chip{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--color-outline-variant);border-radius:2px;background:var(--color-surface-container-low);cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-on-surface-variant)}.bb-col-chips__chip .material-symbols-outlined{font-size:14px}.bb-col-filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;pointer-events:none;visibility:hidden}.bb-col-filter-drawer.is-open{pointer-events:auto;visibility:visible}.bb-col-filter-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity .3s ease}.bb-col-filter-drawer.is-open .bb-col-filter-drawer__overlay{opacity:1}.bb-col-filter-drawer__panel{position:absolute;top:0;left:0;width:100%;max-width:100%;height:100%;background:var(--color-surface-container-lowest);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease}.bb-col-filter-drawer.is-open .bb-col-filter-drawer__panel{transform:translate(0)}.bb-col-filter-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container-low);flex-shrink:0}.bb-col-filter-drawer__header-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-surface)}.bb-col-filter-drawer__header-title .material-symbols-outlined{font-size:22px;flex-shrink:0}.bb-col-filter-drawer__close{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--color-on-surface);border-radius:2px;background:var(--color-surface-container-lowest);cursor:pointer;color:var(--color-on-surface);flex-shrink:0;font-family:inherit}.bb-col-filter-drawer__close-x{font-size:22px;line-height:1;font-weight:400}.bb-col-filter-drawer__close-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(max-width:767px){.bb-col-filter-drawer__close-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.bb-col-filter-drawer__close{padding:0;width:44px}}.bb-col-filter-drawer__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.bb-col-filter-drawer__footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--color-outline-variant);background:var(--color-surface-container-lowest);flex-shrink:0}.bb-col-filter-drawer__clear{flex:1;padding:14px 16px;border:1px solid var(--color-outline-variant);background:transparent;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-surface)}.bb-col-filter-drawer__apply{flex:1;padding:14px 16px;font-size:12px;letter-spacing:.08em;background:var(--color-primary);color:var(--color-on-primary, #fff);border:1px solid var(--color-primary)}.bb-col-filter__accordion{border-bottom:1px solid var(--color-outline-variant)}.bb-col-filter__accordion-summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:16px 20px;cursor:pointer;list-style:none;color:var(--color-on-surface)}.bb-col-filter__accordion-summary::-webkit-details-marker{display:none}.bb-col-filter__accordion-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface)}.bb-col-filter__accordion-icon{font-size:20px;color:var(--color-on-surface-variant);transition:transform .2s ease}.bb-col-filter__accordion[open] .bb-col-filter__accordion-icon{transform:rotate(180deg)}.bb-col-filter__accordion-body{padding:0 20px 20px}.bb-col-filter__subgroup{margin-bottom:20px}.bb-col-filter__subgroup:last-child{margin-bottom:0}.bb-col-filter__subgroup-heading{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--color-on-surface)}.bb-col-filter__option{display:flex;align-items:center;gap:10px;padding:8px 0;cursor:pointer;font-size:14px;color:var(--color-on-surface-variant)}.bb-col-filter__checkbox{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.bb-col-filter__option-label{flex:1}.bb-col-filter__option-count{font-size:12px;color:var(--color-on-surface-variant);opacity:.7}.bb-col-filter__price-row{display:flex;align-items:flex-end;gap:12px}.bb-col-filter__price-field{flex:1;display:flex;flex-direction:column;gap:6px}.bb-col-filter__price-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-surface-variant)}.bb-col-filter__price-input{width:100%;padding:10px 12px;border:1px solid var(--color-outline-variant);font-family:inherit;font-size:14px;background:var(--color-surface-container-lowest)}.bb-col-filter__price-sep{padding-bottom:12px;color:var(--color-on-surface-variant)}.collection-header__count{margin:0 0 8px;font-size:13px;line-height:18px}html[lang^=zh] .collection-header__title{letter-spacing:0;text-transform:none}#collection-product-grid{margin-bottom:48px}@media(min-width:768px){.bb-col-filter-drawer__panel{max-width:420px;border-right:1px solid var(--color-outline-variant)}.bb-col-sort__panel{min-width:260px}}@media(min-width:1024px){.bb-col-toolbar{position:static}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/bb-collection-filters.css.map */