/* FR Advanced Search UI */
.fr-adv-search{ max-width:720px; margin:0 auto; padding:12px 0 24px; font-size:15px; }
.fr-adv-search .fr-block{ margin:16px 0 18px; }
.fr-adv-search .fr-label{ display:block; font-weight:600; margin-bottom:8px; letter-spacing:.02em; }
.fr-adv-search input[type="search"], .fr-adv-search select{
  width:100%; height:44px; padding:10px 12px; border:1px solid #ddd; border-radius:8px; background:#fff;
}
.fr-adv-search .fr-select small.fr-hint{ display:block; margin-top:6px; color:#888; }

/* chips */
.fr-adv-search .fr-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.fr-adv-search .fr-chip{
  display:inline-flex; align-items:center; gap:8px; border:1px solid #ddd; border-radius:999px;
  padding:6px 10px; cursor:pointer; user-select:none; transition:background .2s,border-color .2s;
}
.fr-adv-search .fr-chip input{ display:none; }
.fr-adv-search .fr-chip input:checked + span{ font-weight:600; }
.fr-adv-search .fr-chip:has(input:checked){ background:#f4f4f4; border-color:#ccc; }

/* color chips */
.fr-adv-search .fr-colors{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
@media(min-width:600px){ .fr-adv-search .fr-colors{ grid-template-columns:repeat(3,1fr); } }
.fr-adv-search .fr-color{ display:flex; align-items:center; gap:10px; border:1px solid #e7e7e7; border-radius:999px; padding:8px 12px; cursor:pointer; }
.fr-adv-search .fr-color input{ display:none; }
.fr-adv-search .fr-color .dot{ width:20px; height:20px; border-radius:50%; border:1px solid rgba(0,0,0,.1); display:inline-block; }
.fr-adv-search .fr-color .nm{ font-size:14px; }
.fr-adv-search .fr-color:has(input:checked){ outline:2px solid #ccc; }

/* actions */
.fr-adv-search .fr-actions{ display:flex; gap:10px; justify-content:center; margin-top:18px; }
.fr-adv-search .fr-clear, .fr-adv-search .fr-submit{
  display:inline-flex; align-items:center; justify-content:center; min-width:160px; height:44px; border-radius:6px; font-weight:600; letter-spacing:.03em;
}
.fr-adv-search .fr-clear{ border:1px solid #ddd; background:#fff; color:#333; }
.fr-adv-search .fr-submit{ border:0; background:#777; color:#fff; }
.fr-adv-search .fr-submit:hover{ filter:brightness(.95); }