/* components/filters.css — بخشی از سیستم سبک سایت عمومی پلاس */
.filters{display:flex;flex-direction:column;gap:14px;
  padding:clamp(16px,2.2vw,24px);border:1px solid var(--line);border-radius:var(--card-radius);
  background:var(--surface);box-shadow:0 20px 50px -44px rgba(11,18,38,.7)}
.frow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.flabel{font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:1px;
  color:var(--fg-muted);min-inline-size:8ch}
.fsort{margin-inline-start:auto;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--fg-muted)}
.fsort select{font-family:var(--font-body);font-size:13px;color:var(--fg);background:var(--bg-elev);
  border:1px solid var(--line-strong);border-radius:var(--btn-radius);padding:9px 14px;cursor:pointer}
.pager{display:flex;align-items:center;justify-content:center;gap:8px;
  margin-block-start:clamp(30px,4vw,46px)}
.pg{display:grid;place-items:center;min-inline-size:42px;block-size:42px;padding-inline:14px;
  font-family:var(--font-display);font-size:14px;font-weight:800;text-decoration:none;
  color:var(--fg-muted);border:1px solid var(--line-strong);border-radius:var(--btn-radius);
  transition:color var(--dur-fast),border-color var(--dur-fast),background-color var(--dur-fast)}
.pg:hover{color:var(--fg);border-color:var(--teal-600)}
.pg.on{color:#fff;background:var(--teal-600);border-color:var(--teal-600)}
.pg.next{display:inline-flex;align-items:center;gap:8px}
.pg.next svg{inline-size:16px;block-size:16px}
.pick-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:center}
.pick-lead{color:#B9C9E2;line-height:2.05;max-inline-size:48ch;margin-block-start:16px}
.pick-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.pick-list li{display:flex;align-items:flex-start;gap:14px;
  padding:16px 18px;border:1px solid var(--line-strong);border-radius:var(--card-radius);
  background:rgba(11,18,38,.5);backdrop-filter:blur(8px)}
.pick-list b{flex:none;display:grid;place-items:center;inline-size:26px;block-size:26px;border-radius:50%;
  font-family:var(--font-display);font-size:12px;font-weight:900;
  color:#04121c;background:var(--accent)}
.pick-list span{font-size:13.5px;line-height:1.95;color:#B9C9E2}
@media (max-width:1040px){
.pick-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
.fsort{margin-inline-start:0;inline-size:100%}
.flabel{min-inline-size:100%}
}