.hc-filter-dialog{position:fixed;z-index:100;width:min(400px,calc(100vw - 24px));top:80px;bottom:auto;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.hc-filter-dialog>header{position:sticky;top:0;background:#fff;z-index:2}.hc-filter-dialog [data-hc-facet][hidden]{display:none}.hc-filter-dialog.hc-filter-quick{inset:auto;left:var(--hc-filter-left);top:var(--hc-filter-top);width:320px;max-width:calc(100vw - 24px);height:auto;max-height:min(440px,60dvh);margin:0;padding:18px;border:1px solid var(--hc-color-border);border-radius:12px;box-shadow:0 12px 32px #0002;z-index:100}.hc-filter-quick>header h2{display:none}.hc-filter-quick>header{justify-content:flex-end;padding:0;min-height:0;border:0;background:transparent}.hc-filter-quick>header button{padding:2px;line-height:1}.hc-filter-quick .hc-facet{padding-top:8px}.hc-filter-quick .hc-facet{border:0}.hc-filter-quick form{padding:0}
.hc-filter-dialog>header{cursor:grab;touch-action:none}.hc-filter-dialog>header:active{cursor:grabbing}.hc-filter-dialog.hc-filter-dragged{position:fixed;right:auto;bottom:auto;margin:0;transform:none;max-height:calc(100dvh - 16px)}
@media(max-width:767px){:is(.hc-collection-page,.hc-search-page) .hc-collection-toolbar{position:sticky;top:var(--hc-mobile-filter-offset,0px);z-index:10;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:10px 12px;margin-bottom:16px;border-bottom:1px solid var(--hc-color-border)}.hc-collection-toolbar .hc-collection-filter-buttons{align-items:center;flex-wrap:nowrap;flex:0 0 auto}.hc-collection-toolbar form{margin:0;min-width:0}.hc-collection-toolbar label{margin:0;align-items:center;white-space:nowrap}.hc-collection-toolbar select{max-width:160px;min-width:0}.hc-collection-toolbar button{margin:0;min-height:40px}.hc-collection-surface{overflow:visible}}

@media(min-width:768px){:is(.hc-collection-page,.hc-search-page) .hc-collection-toolbar{position:sticky;top:var(--hc-mobile-filter-offset,0px);z-index:40;background:#fff;padding:12px 0;border-bottom:1px solid var(--hc-color-border)}}
@media(max-width:767px){.hc-store .hc-filter-dialog:not(.hc-filter-quick){width:min(340px,88vw);max-width:88vw;height:100dvh;max-height:100dvh;inset:0 auto 0 0;margin:0;border:0;border-radius:0;padding:0;box-shadow:12px 0 50px #13251b20}.hc-store .hc-filter-dialog:not(.hc-filter-quick)[open]{animation:navigation-drawer-in .25s ease-out}.hc-store .hc-filter-dialog::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.hc-store .hc-filter-dialog:not(.hc-filter-quick)>header{padding:12px 16px;border-bottom:1px solid #e8ece9}.hc-store .hc-filter-dialog>header h2{font-size:20px}.hc-store .hc-filter-dialog>header button{display:grid;place-items:center;width:36px;height:36px;padding:5px}.hc-store .hc-filter-dialog:not(.hc-filter-quick) form{padding-inline:16px}.hc-filter-dialog form{padding-bottom:12px}.hc-filter-dialog .hc-facet:last-child{border-bottom:0}}

@media(prefers-reduced-motion:reduce){.hc-store .hc-filter-dialog:not(.hc-filter-quick)[open]{animation:none}}

.hc-filter-dialog:not(.hc-filter-quick)>header{padding:12px 16px}.hc-filter-dialog:not(.hc-filter-quick) form{padding-inline:16px}.hc-filter-dialog .hc-facet{padding:12px 0}.hc-filter-dialog .hc-facet li+li{margin-top:6px}.hc-filter-dialog::backdrop{background:transparent}