.ucdf-form { margin: 1rem 0; }
.ucdf-form .ucdf-row { display:flex; gap:.5rem; flex-wrap:wrap; }
.ucdf-form input, .ucdf-form select, .ucdf-form button { padding:.6rem .8rem; font-size:1rem; }
.ucdf-form button { cursor:pointer; }

.ucdf-toolbar { margin:.5rem 0 1rem; color:#374151; }

.ucdf-results { display:grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap:1rem; }
.ucdf-card { border:1px solid #e5e7eb; border-radius:8px; padding:0; display:block; text-decoration:none; color:inherit; overflow:hidden; background:#fff; }
.ucdf-card img { width:100%; height:180px; object-fit:cover; display:block; background:#f3f4f6; }
.ucdf-meta { padding:.75rem; }
.ucdf-meta h4 { margin:0 0 .25rem; font-size:1.05rem; line-height:1.3; }
.ucdf-price { margin:.25rem 0; font-weight:700; }
.ucdf-sub { color:#6b7280; font-size:.9rem; margin:.25rem 0 0; }
.ucdf-empty, .ucdf-error { margin:.5rem 0; color:#6b7280; }