

.finder-hero{
  background:var(--paper);
  padding:64px 0 48px; border-bottom:1px solid var(--line);
}
.finder-hero h1{ font-size:30px; max-width:18ch; }
.finder-hero p{ color:var(--ink-soft); max-width:56ch; }

.finder-section{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-xs); }
.finder-section-head{ display:flex; align-items:center; gap:12px; padding:16px 20px 4px; }
.finder-section-icon{ display:flex; color:var(--brand-ink); flex-shrink:0; }
.finder-section-icon svg{ width:19px; height:19px; }
.finder-section-name{ flex:1; font-size:14.5px; font-weight:700; color:var(--ink); }
.finder-section-body-inner{ padding:16px 20px 20px; display:flex; flex-direction:column; gap:14px; }

.finder-card{ background:var(--paper); border:1px solid var(--line); border-radius:10px; padding:16px 18px; }
.finder-card-head{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:14px; }
.finder-card-head h3{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-soft); margin:0; }

.finder-fields-loading{ display:grid; gap:16px; }
.finder-skel{ height:96px; border-radius:12px; background:linear-gradient(90deg, var(--surface) 25%, var(--line) 37%, var(--surface) 63%); background-size:400% 100%; animation:finder-shimmer 1.4s ease infinite; border:1px solid var(--line); }
@keyframes finder-shimmer{ 0%{ background-position:100% 0; } 100%{ background-position:0 0; } }

.finder-field-search{ margin-bottom:12px; }

.finder-price-readout{ font-family:var(--font-heading); font-weight:700; font-size:16px; color:var(--brand-ink); }
.price-slider{ position:relative; height:20px; margin:6px 4px 18px; }
.price-slider-track{ position:absolute; top:50%; left:0; right:0; height:4px; background:var(--line-strong); border-radius:99px; transform:translateY(-50%); }
.price-slider-range{ position:absolute; top:50%; height:4px; background:var(--brand); border-radius:99px; transform:translateY(-50%); }
.price-range{ position:absolute; top:0; left:0; width:100%; margin:0; appearance:none; background:none; pointer-events:none; height:20px; }
.price-range::-webkit-slider-thumb{ appearance:none; pointer-events:auto; width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid var(--brand); box-shadow:0 1px 3px rgba(0,0,0,.25); cursor:pointer; margin-top:0; }
.price-range::-moz-range-thumb{ pointer-events:auto; width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid var(--brand); box-shadow:0 1px 3px rgba(0,0,0,.25); cursor:pointer; }
.price-range::-webkit-slider-runnable-track{ background:transparent; }
.price-range::-moz-range-track{ background:transparent; }
.range-input{ position:relative; }
.range-input span{ position:absolute; left:10px; top:50%; transform:translateY(-50%); font-size:12.5px; color:var(--muted); pointer-events:none; }
.range-input input[type=number]{ padding-left:34px; }

.finder-summary-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px; box-shadow:var(--shadow); }
.finder-match-count{ text-align:center; padding-bottom:18px; border-bottom:1px solid var(--line); margin-bottom:16px; }
.finder-match-count .n{ display:block; font-family:var(--font-heading); font-weight:700; font-size:36px; color:var(--brand-ink); line-height:1.1; }
.finder-match-count .label{ display:block; font-size:13px; color:var(--muted); margin-top:2px; }
.finder-active-filters{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; min-height:0; }
.finder-active-filters:empty{ margin-bottom:0; }
.finder-summary-hint{ font-size:12px; color:var(--muted); text-align:center; }
.finder-summary-hint a{ color:var(--brand-ink); font-weight:600; }

