.lf-faceted-catalog-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:16px;margin:24px 0}
.lf-facet-panel{grid-column:1;align-self:start;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:var(--bg)}
.lf-faceted-catalog-main{grid-column:2;min-width:0;display:grid;align-content:start;gap:16px}
.lf-facet-toolbar{display:flex;align-items:end;justify-content:flex-end;gap:16px}
.lf-facet-panel__head{display:flex;justify-content:space-between;align-items:center}
[data-lf-faceted-catalog] .lf-facet-mobile-open,[data-lf-faceted-catalog] .lf-facet-panel__head [data-lf-facet-mobile-close]{display:none}
.lf-facet-panel fieldset{border:0;border-top:1px solid var(--line);padding:16px 0;margin:0}
.lf-facet-panel legend{font-weight:800;padding-top:16px}
.lf-facet-value{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin:8px 0}
[data-lf-facet-type=number] .lf-facet-value input{width:18px;height:18px;accent-color:var(--primary)}
.lf-facet-value--disabled{opacity:.5}
.lf-facet-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lf-facet-range label{display:grid;gap:4px}
.lf-facet-range input,.lf-facet-sort select{width:100%;padding:10px;border:1px solid var(--line);border-radius:calc(var(--radius)*.6);background:var(--bg);color:var(--text)}
.lf-facet-actions{display:flex;gap:8px;flex-wrap:wrap}
.lf-facet-sort{margin-left:auto;display:grid;gap:5px}
.lf-facet-mobile-open{width:max-content}
@media(max-width:780px){.lf-faceted-catalog-layout{display:block}
.lf-faceted-catalog-main{display:block}
.lf-facet-toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}
[data-lf-faceted-catalog] .lf-facet-mobile-open,[data-lf-faceted-catalog] .lf-facet-panel__head [data-lf-facet-mobile-close]{display:inline-flex}
.lf-facet-panel{display:none;position:fixed;inset:0;z-index:10000;box-sizing:border-box;height:100vh;height:100dvh;min-height:0;overflow:auto;overscroll-behavior-y:contain;border-radius:0;padding:20px;padding:calc(20px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px))}
.lf-facet-panel--open{display:block}
.lf-facet-sort{min-width:180px}
.lf-faceted-catalog-main>.lf-in-stock-filter{margin-bottom:16px}
}