.catalog-controls {flex-direction:column; align-items:stretch; gap:16px; padding:20px; border:1px solid var(--line); border-radius:12px; background:#fff}
.catalog-search {display:grid; grid-template-columns:minmax(0,1fr) 120px 120px 190px; align-items:end; gap:12px; width:100%}
.catalog-filter-fields {display:contents}
.catalog-mobile-title,.catalog-mobile-intro {display:none}
.catalog-search label {display:flex; flex-direction:column; gap:6px; min-width:0; margin:0; font-size:.85rem; font-weight:600}
.catalog-search input,.catalog-search #sort {min-width:0; width:100%; height:46px; padding:10px 12px; border:1px solid #a5b6a9; border-radius:8px; font-size:.95rem; background:white; color:#173523}
.catalog-filter-row {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px}
.catalog-controls .chips {flex:1 1 320px; flex-wrap:wrap; gap:8px; padding:0; overflow:visible}
.catalog-controls .chip {max-width:100%; overflow-wrap:anywhere}
.catalog-actions {display:flex; flex:none; align-items:center; gap:20px; margin-left:auto}
.catalog-saved {display:flex; align-items:center; gap:8px; min-height:44px; margin:0; font-size:.88rem; white-space:nowrap; cursor:pointer}
.catalog-saved input {width:20px; height:20px; min-height:20px; margin:0; padding:0; accent-color:var(--acc)}
.catalog-actions #catalog-clear {min-height:44px; padding:9px 14px; font-size:.88rem; white-space:nowrap}
.catalog-actions #catalog-clear:hover {background:#edf3ed; border-color:#a5b6a9}
.catalog-controls #catalog-results {margin:0; padding-top:12px; border-top:1px solid var(--line); font-size:.8rem; line-height:1.5}
.catalog-price-note::before {content:"· "}
@media(max-width:900px) {
  .catalog-search {grid-template-columns:repeat(4,minmax(0,1fr))}
  .catalog-query {grid-column:1/-1}
  .catalog-sort {grid-column:span 2}
}
@media(max-width:600px) {
  .catalog-controls {padding:16px; gap:14px}
  .catalog-search {grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-sort {grid-column:1/-1}
  .catalog-search input,.catalog-search #sort {font-size:1rem}
  .catalog-controls .chips {flex-basis:100%}
  .catalog-actions {width:100%; justify-content:space-between; gap:12px}
}
@media(max-width:760px) {
  .catalog-page main {padding-top:12px}
  .catalog-page .hero {padding:0 0 10px}
  .catalog-page .hero h1 {font-size:1.4rem; margin:0}
  .catalog-page .hero p {margin:3px 0 0; font-size:.82rem}
  .catalog-page .hero-kicker,.catalog-desktop-title,.catalog-desktop-intro,.catalog-page .section-title-row {display:none}
  .catalog-mobile-title,.catalog-page .catalog-mobile-intro {display:block}
  .catalog-controls {gap:8px; padding:0; border:0; border-radius:0; background:transparent; margin-bottom:12px}
  .catalog-search {grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.4fr); gap:8px}
  .catalog-search label {gap:4px; font-size:.75rem}
  .catalog-query {grid-column:1/-1}
  .catalog-query-label {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap}
  .catalog-search input,.catalog-search #sort {height:44px; padding:8px; font-size:1rem}
  .catalog-filter-fields .catalog-sort {grid-column:auto}
  .catalog-filter-row {gap:4px}
  .catalog-controls .chips {flex-basis:100%; flex-wrap:nowrap; overflow-x:auto; padding:2px 0; scrollbar-width:thin}
  .catalog-controls .chip {max-width:none; white-space:nowrap; padding:8px 12px; font-size:.8rem}
  .catalog-actions {width:100%; justify-content:space-between; gap:12px}
  .catalog-controls #catalog-results {padding:0; border:0; font-size:.78rem}
  .catalog-price-note {display:none}
  .catalog-price-note::before {content:none}
}
.lotcard-badges {display:flex; flex-wrap:wrap; align-items:center; gap:4px; white-space:nowrap}
.lotcard .lotcard-badges .badge {flex:none; margin:0; letter-spacing:0}
@media(max-width:760px) {
  .lotcard-badges .badge {padding:3px 5px; font-size:.625rem; line-height:1.4}
}
@media(max-width:360px) {
  .catalog-page .lotcard .body {padding:8px}
  .lotcard-badges .badge {padding:3px; font-size:.6rem}
}
#bid-confirm {box-sizing:border-box; width:calc(100% - 32px); max-width:520px; max-height:85dvh; overflow:auto; border:1px solid #a5b6a9; border-radius:16px; padding:24px; color:#173523; background:#fff}
#bid-confirm::backdrop {background:rgb(0 0 0 / .55)}
#bid-confirm h2 {margin-top:0}
#bid-confirm-total {font-size:1.15rem; font-weight:700; padding:14px; background:#edf4ed; border-radius:8px}
#bid-confirm form {display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px}
#bid-confirm button {min-height:44px; padding:10px 16px}
#clock-change {background:#fff3cb; color:#583d00}
#list-pickup details {margin:16px 0; padding:12px; border:1px solid #b9c9bc; border-radius:8px}
#list-pickup summary {cursor:pointer; min-height:36px; font-weight:700}
#list-pickup .secondary {margin-top:12px}
