.fabw-app{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:35px;align-items:start}
.fabw-sidebar{position:relative}
.fabw-filter-panel{border:1px solid var(--theme-border-color,#e8e8e8);border-radius:8px;padding:22px;background:var(--theme-palette-color-8,#fff)}
.fabw-filter-group+ .fabw-filter-group{margin-top:28px}
.fabw-filter-group h3{font-size:18px;margin:0 0 15px}
.fabw-options{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow:auto}
.fabw-option{display:grid;grid-template-columns:18px 1fr auto;gap:9px;align-items:center;cursor:pointer;font-size:14px}
.fabw-option input{position:absolute;opacity:0;pointer-events:none}
.fabw-check{width:18px;height:18px;border:1px solid #bbb;border-radius:4px;position:relative}
.fabw-option input:checked+.fabw-check{background:var(--theme-palette-color-1,#2872fa);border-color:var(--theme-palette-color-1,#2872fa)}
.fabw-option input:checked+.fabw-check:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fabw-count{font-size:12px;opacity:.65}
.fabw-clear,.fabw-page,.fabw-mobile-toggle{border:0;cursor:pointer}
.fabw-clear{margin-top:25px;width:100%;padding:11px 15px;border-radius:6px;background:var(--theme-palette-color-1,#2872fa);color:#fff}
.fabw-loader{padding:12px 0}
.fabw-loader span{display:inline-block;width:16px;height:16px;border:2px solid #ddd;border-top-color:currentColor;border-radius:50%;animation:fabw-spin .7s linear infinite;vertical-align:-3px;margin-right:6px}
.fabw-app.is-loading .fabw-results{opacity:.5;pointer-events:none}
.fabw-result-meta{margin-bottom:18px;font-size:14px;opacity:.7}
.fabw-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.fabw-page{min-width:38px;height:38px;border-radius:5px;background:#f2f2f2}
.fabw-page.is-active{background:var(--theme-palette-color-1,#2872fa);color:#fff}
.fabw-no-products{padding:30px;border:1px dashed #ccc;border-radius:8px;text-align:center}
.fabw-mobile-toggle{display:none;width:100%;padding:12px 15px;margin-bottom:12px;border-radius:6px}
@keyframes fabw-spin{to{transform:rotate(360deg)}}
@media(max-width:768px){
 .fabw-app{grid-template-columns:1fr;gap:20px}
 .fabw-mobile-toggle{display:block}
 .fabw-filter-panel{display:none}
 .fabw-app.filters-open .fabw-filter-panel{display:block}
}