.filter-bar{--fp-green:#22a052;--fp-pill-bg:#f5f0e8;--fp-text-dark:#2d2d2d;--fp-text-muted:#888;--fp-shadow:0 8px 32px rgba(0, 0, 0, 0.18);--fp-radius-pill:999px;--fp-radius-dropdown:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{color:#fff;font-weight:600;font-size:15px;white-space:nowrap}.filter-pill{position:relative}.pill-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--fp-pill-bg);border:none;border-radius:var(--fp-radius-pill);cursor:pointer;font-family:"DM Sans",sans-serif;font-size:16px!important;font-weight:500;color:var(--fp-text-dark);white-space:nowrap;transition:background 0.18s,transform 0.15s,box-shadow 0.18s;outline:none;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.pill-btn:hover{background:#003e1b;transform:translateY(-1px);box-shadow:0 6px 16px rgb(0 0 0 / .14)}.pill-btn.active .pill-text{color:#fff}.pill-btn.active{background:#003e1b;box-shadow:0 6px 20px rgb(0 0 0 / .18)}.pill-icon{width:18px;height:18px;border-radius:50%;border:2px solid #bbb;display:flex;align-items:center;justify-content:center;transition:border-color 0.18s;flex-shrink:0}.pill-btn.active .pill-icon{border-color:var(--fp-green)}.pill-icon::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--fp-green);opacity:0;transform:scale(.5);transition:opacity 0.18s,transform 0.18s}.pill-btn.active .pill-icon::after{opacity:1;transform:scale(1)}.pill-chevron{width:14px;height:14px;transition:transform 0.25s cubic-bezier(.4,0,.2,1);color:#999;flex-shrink:0}.pill-btn.active .pill-chevron{transform:rotate(180deg);color:var(--fp-green)}.pill-badge{background:var(--fp-green);color:#fff;border-radius:999px;font-size:11px;font-weight:600;padding:1px 6px;line-height:1.6;display:none}.pill-badge.visible{display:inline-block}.filter-pill .fp-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#fff;border-radius:var(--fp-radius-dropdown);box-shadow:var(--fp-shadow);padding:8px 0;z-index:100;pointer-events:none;opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top left;transition:opacity 0.22s cubic-bezier(.4,0,.2,1),transform 0.22s cubic-bezier(.4,0,.2,1)}.filter-pill .fp-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.filter-pill .fp-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background 0.14s;user-select:none}.filter-pill .fp-dropdown-item:hover{background:#f7f7f7}.filter-pill .fp-item-check{width:18px;height:18px;border-radius:5px;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.15s,border-color 0.15s}.filter-pill .fp-dropdown-item.selected .fp-item-check{background:var(--fp-green);border-color:var(--fp-green)}.filter-pill .fp-item-check svg{width:10px;height:10px;stroke:#fff;stroke-width:2.5;opacity:0;transform:scale(.6);transition:opacity 0.15s,transform 0.15s}.filter-pill .fp-dropdown-item.selected .fp-item-check svg{opacity:1;transform:scale(1)}.filter-pill .fp-item-label{font-size:14px;color:var(--fp-text-dark);font-weight:400;flex:1}.filter-pill .fp-item-count{font-size:12px;color:var(--fp-text-muted)}.filter-pill .fp-color-swatch{width:18px;height:18px;border-radius:50%;border:2px solid rgb(0 0 0 / .1);flex-shrink:0;transition:transform 0.15s,box-shadow 0.15s}.filter-pill .fp-dropdown-item.selected .fp-color-swatch{transform:scale(1.15);box-shadow:0 0 0 2px var(--fp-green)}.filter-pill .fp-dropdown-divider{height:1px;background:#f0f0f0;margin:6px 0}.filter-pill .fp-dropdown-clear{display:block;width:calc(100% - 32px);margin:6px 16px 4px;padding:8px;background:none;border:1.5px solid #e0e0e0;border-radius:10px;font-family:"DM Sans",sans-serif;font-size:13px;color:var(--fp-text-muted);cursor:pointer;transition:border-color 0.15s,color 0.15s}.filter-pill .fp-dropdown-grid-wrapper{padding:10px 12px;max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccc #fff0}.filter-pill .fp-dropdown-grid-wrapper::-webkit-scrollbar{width:4px}.filter-pill .fp-dropdown-grid-wrapper::-webkit-scrollbar-track{background:#fff0}.filter-pill .fp-dropdown-grid-wrapper::-webkit-scrollbar-thumb{background:#ccc;border-radius:99px}.filter-pill .fp-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.filter-pill .fp-grid-item{display:flex;align-items:center;justify-content:flex-start;padding:7px 6px;border-radius:10px;border:1.5px solid #e8e8e8;cursor:pointer;font-size:12.5px;font-weight:500;color:var(--fp-text-dark);text-align:center;transition:background 0.14s,border-color 0.14s,color 0.14s;white-space:nowrap;user-select:none;line-height:1.2}.filter-pill .fp-grid-item:hover{background:#f5f5f5;border-color:#bbb}.filter-pill .fp-grid-item.selected{background:#e8f5ee;border-color:var(--fp-green);color:var(--fp-green);font-weight:600}@media (min-width:640px){.filter-pill .fp-dropdown-grid{grid-template-columns:1fr 1fr 1fr}}