.sbf-panel{--sbf-accent:#a10c9c;--sbf-border:#e6e2ea;--sbf-text:#333;--sbf-muted:#777;box-sizing:border-box;font-size:14px;color:var(--sbf-text);margin:0 0 24px}.sbf-panel *,.sbf-panel *::before,.sbf-panel *::after{box-sizing:inherit}.sbf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sbf-toggle{display:inline-flex;align-items:center;gap:8px;width:auto;padding:10px 16px;background:#fff;color:var(--sbf-text);border:1px solid var(--sbf-border);border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.sbf-toggle:hover{border-color:var(--sbf-accent);color:var(--sbf-accent)}.sbf-toggle-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-top:-4px}.sbf-panel.sbf-open .sbf-toggle-caret{transform:rotate(-135deg);margin-top:4px}.sbf-body{display:none;background:#fff;border:1px solid var(--sbf-border);border-radius:10px;padding:20px;margin-top:10px}.sbf-panel.sbf-open .sbf-body{display:block}.sbf-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sbf-title{font-size:16px;font-weight:700;margin:0}.sbf-clear{background:none;border:none;padding:4px 0;font:inherit;font-size:13px;color:var(--sbf-accent);text-decoration:underline;cursor:pointer}.sbf-head-actions{display:flex;align-items:center;gap:14px}.sbf-orderby{padding:8px 10px;background:#fff;border:1px solid var(--sbf-border);border-radius:8px;font:inherit;font-size:13px;color:var(--sbf-text);cursor:pointer}.sbf-orderby:hover,.sbf-orderby:focus-visible{border-color:var(--sbf-accent)}.sbf-section{margin-bottom:20px}.sbf-section:last-child{margin-bottom:0}.sbf-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--sbf-muted);margin:0 0 12px}.sbf-range{position:relative;height:28px;margin:4px 9px 2px}.sbf-range-track{position:absolute;top:50%;left:-9px;right:-9px;height:4px;transform:translateY(-50%);background:#eee;border-radius:999px}.sbf-range-fill{position:absolute;top:0;bottom:0;left:0;right:0;background:var(--sbf-accent);border-radius:999px}.sbf-range-input{position:absolute;top:0;left:-9px;right:-9px;width:calc(100% + 18px);height:28px;margin:0;padding:0;background:#fff0;-webkit-appearance:none;appearance:none;pointer-events:none;outline:none}.sbf-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--sbf-accent);box-shadow:0 1px 4px rgb(0 0 0 / .2);cursor:grab}.sbf-range-input::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--sbf-accent);box-shadow:0 1px 4px rgb(0 0 0 / .2);cursor:grab}.sbf-range-input::-moz-range-track{background:#fff0}.sbf-range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgb(161 12 156 / .25)}.sbf-range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgb(161 12 156 / .25)}.sbf-price-labels{display:flex;justify-content:space-between;gap:12px;margin:10px 0 0;font-size:13px;color:var(--sbf-muted)}.sbf-price-labels strong{color:var(--sbf-text)}.sbf-colors{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,34px);gap:8px;margin:0;padding:2px;max-height:240px;overflow-y:auto}.sbf-colors li{margin:0;padding:0}.sbf-color{position:relative;display:block;width:32px;height:32px;padding:0;background:none;border:none;border-radius:50%;cursor:pointer}.sbf-color-dot{display:block;width:26px;height:26px;margin:3px;border-radius:50%;background:var(--sbf-dot,#ccc);box-shadow:inset 0 0 0 1px rgb(0 0 0 / .18);transition:transform .15s}.sbf-color:hover .sbf-color-dot{transform:scale(1.12)}.sbf-color[aria-pressed="true"] .sbf-color-dot{box-shadow:inset 0 0 0 1px rgb(0 0 0 / .18),0 0 0 2px #fff,0 0 0 4px var(--sbf-accent)}.sbf-color:focus-visible{outline:2px solid var(--sbf-accent);outline-offset:2px}.sbf-color--off{opacity:.25;cursor:not-allowed}.sbf-panel--top .sbf-body{display:none}.sbf-panel--top.sbf-open .sbf-body{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}.sbf-panel--top .sbf-head{flex-basis:100%;margin-bottom:0}.sbf-panel--top .sbf-section{margin-bottom:0}.sbf-panel--top .sbf-section--price{flex:1 1 260px;max-width:360px}.sbf-panel--top .sbf-section--colors{flex:2 1 320px}.sbf-panel--top .sbf-colors{max-height:132px}.sbf-panel button.sbf-toggle{background:#fff!important;border:1px solid var(--sbf-border)!important;border-radius:8px!important;color:var(--sbf-text)!important;box-shadow:none!important;text-transform:none!important}.sbf-panel button.sbf-toggle:hover{border-color:var(--sbf-accent)!important;color:var(--sbf-accent)!important}.sbf-panel .sbf-toggle-caret{display:none!important}.sbf-panel button.sbf-clear{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--sbf-accent)!important;padding:4px 0!important;text-transform:none!important}.sbf-panel select.sbf-orderby{background:#fff!important;border:1px solid var(--sbf-border)!important;border-radius:8px!important;box-shadow:none!important;color:var(--sbf-text)!important;padding:8px 10px!important;text-transform:none!important;width:auto!important;min-height:0!important}.sbf-panel select.sbf-orderby:hover,.sbf-panel select.sbf-orderby:focus-visible{border-color:var(--sbf-accent)!important}ul.sbf-colors{display:grid!important;grid-template-columns:repeat(auto-fill,34px)!important;white-space:normal!important;overflow-x:hidden!important;list-style:none!important;margin:0!important;padding:2px!important}.sbf-colors li{border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;padding:0!important;width:auto!important;display:block!important;list-style:none!important}.sbf-colors li::before,.sbf-colors li::after{content:none!important;display:none!important}.sbf-panel button.sbf-color{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;width:32px!important;height:32px!important;min-height:0!important;border-radius:50%!important;line-height:1!important}ul.products.sbf-loading{opacity:.45;pointer-events:none;transition:opacity .2s}@media (max-width:768px){.sbf-toggle{width:100%;justify-content:center}.sbf-panel--top .sbf-body{display:none}.sbf-panel--top.sbf-open .sbf-body{display:block}.sbf-panel--top .sbf-section{margin-bottom:20px}.sbf-panel--top .sbf-section--price{max-width:none}}