/* Purifine Filtry 1.2 — układ TOP (poziomy pasek) + SIDE (boczny). Fiolet #7B3F9E. */
.pf{--pf-accent:#7B3F9E;--pf-border:#ece7f2;--pf-text:#2a2a2a;--pf-muted:#8a8a8a;font-family:inherit}

/* ===== TOP: poziomy pasek z rozwijankami ===== */
.pf--top{border:0;padding:0;background:transparent}
.pf__bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pf__label{font-weight:600;font-size:14px;color:var(--pf-text);margin-right:2px}
.pf__drop{position:relative}
.pf__dropbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #e0d7ea;border-radius:10px;background:#fff;font-size:14px;color:var(--pf-text);cursor:pointer;transition:border-color .15s,color .15s}
.pf__dropbtn:hover{border-color:var(--pf-accent)}
.pf__drop.is-open .pf__dropbtn{border-color:var(--pf-accent);color:var(--pf-accent)}
.pf__badge{background:var(--pf-accent);color:#fff;border-radius:20px;font-size:12px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;font-weight:600}
.pf__caret{font-size:10px;color:var(--pf-muted);font-style:normal}
.pf__panel{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;min-width:230px;background:#fff;border:1px solid var(--pf-border);border-radius:12px;box-shadow:0 16px 40px rgba(60,40,90,.16);padding:8px;display:none}
.pf__drop.is-open .pf__panel{display:block}
.pf--top .pf__clear{font-size:13px;color:var(--pf-muted);text-decoration:none;margin-left:auto}
.pf--top .pf__clear:hover{color:var(--pf-accent)}

/* ===== SIDE: panel boczny ===== */
.pf--side{background:#fff;border:1px solid var(--pf-border);border-radius:12px;padding:16px 18px}
.pf__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--pf-border)}
.pf__title{font-size:15px;font-weight:600}
.pf--side .pf__clear{font-size:12px;color:var(--pf-muted);text-decoration:none}
.pf__group{margin-bottom:14px}
.pf__gtitle{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pf-accent);margin:0 0 8px}
.pf__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.pf__btn{width:100%;margin-top:6px;padding:10px;border:0;border-radius:8px;background:var(--pf-accent);color:#fff;font-size:14px;font-weight:500;cursor:pointer}
.pf__btn:hover{background:#6a3488}

/* ===== wspólne: pozycja checkboxa ===== */
.pf__item{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:background .12s}
.pf__item:hover{background:#F6F1FA}
.pf__item input{accent-color:var(--pf-accent);width:16px;height:16px;cursor:pointer;flex:0 0 auto}
.pf__name{flex:1;font-size:14px;color:var(--pf-text)}
.pf__count{font-size:12px;color:var(--pf-muted);background:#f4f0f8;border-radius:20px;padding:1px 8px}

@media (max-width:600px){
  .pf__bar{gap:8px}
  .pf__panel{left:auto;right:0}
}