/* components/finder.css — بخشی از سیستم سبک سایت عمومی پلاس */
.finder{margin-block-start:34px;max-inline-size:560px}
.finder form{display:flex;gap:10px;padding:8px;border-radius:18px;border:1px solid var(--line-strong);
  background:rgba(11,18,38,.55);backdrop-filter:blur(14px);
  transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.finder form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}
.finder input{flex:1;min-inline-size:0;background:transparent;border:none;outline:none;color:var(--fg);
  font-family:var(--font-body);font-size:14.5px;padding-inline:14px}
.finder input::placeholder{color:#7288AC}
.finder button{font-family:var(--font-display);font-weight:800;font-size:13.5px;cursor:pointer;border:none;
  padding:13px 26px;border-radius:12px;color:var(--btn-primary-fg);background:var(--btn-primary-bg);
  transition:background var(--dur-fast),transform var(--dur-fast) var(--ease-out)}
.finder button:hover{background:var(--gold-300);transform:translateY(-1px)}
.finder .pop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-block-start:14px;font-size:12px;color:#7288AC}
.finder .pop a{font-size:12px;color:#A6BBDC;text-decoration:none;padding:6px 13px;border-radius:var(--chip-radius);
  border:1px solid var(--line);transition:border-color var(--dur-fast),color var(--dur-fast)}
.finder .pop a:hover{border-color:var(--accent);color:var(--accent-soft)}
.finder.big{margin-block-start:clamp(20px,3vw,30px);max-inline-size:none}
form.finder{display:flex;gap:10px;padding:8px;border-radius:18px;
  max-inline-size:560px;margin-block-start:clamp(24px,3vw,34px);
  border:1px solid var(--line-strong);background:rgba(11,18,38,.55);
  backdrop-filter:blur(14px);
  transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
form.finder:focus-within{border-color:var(--accent);
  box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}