/* External stylesheet: the site intentionally disallows inline styles. */
#drop-filters { margin-top: 34px; }
#drop-filters h2 { margin: 0 0 22px; color: var(--ink); font: 400 30px var(--display); }
.drop-filter-grid { display: grid; grid-template-columns: minmax(240px, 1.4fr) minmax(200px, 1fr) minmax(150px, .7fr) auto; gap: 18px; align-items: end; }
.drop-filter-grid label { display: grid; gap: 8px; min-width: 0; color: var(--muted); font-size: 12px; letter-spacing: .04em; }
.drop-filter-grid input, .drop-filter-grid select { width: 100%; height: 46px; padding: 0 13px; border: 1px solid var(--line); border-radius: 0; background: #090705; color: var(--ink); font: 14px var(--body); color-scheme: dark; }
.drop-filter-grid input::placeholder { color: #796f60; }
.drop-filter-grid input:focus-visible, .drop-filter-grid select:focus-visible, .drop-filter-grid button:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.drop-filter-grid .button { min-height: 46px; cursor: pointer; white-space: nowrap; }
#drop-filters > p { margin: 20px 0 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
[data-drop-row][hidden] { display: none !important; }
[data-drop-count] { color: var(--gold); font-size: 12px; font-variant-numeric: tabular-nums; }
@media (max-width: 1000px) { .drop-filter-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .drop-filter-grid { grid-template-columns: 1fr; } .drop-filter-grid .button { width: 100%; } }