.filter-primary{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.filter-primary>label,.advanced-filter-grid>label,.filter-bottom>label{display:flex;flex-direction:column;align-items:stretch;gap:7px;font-size:11px}.filter-primary select{width:100%;min-width:0}.more-filters{position:static}.more-filters>summary{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);padding:10px 15px;font-size:12px}.more-filters summary b{background:var(--purple);color:#fff;border-radius:12px;font:10px ui-monospace,monospace;padding:3px 6px}.more-filters[open]{grid-column:1/-1}.more-filters[open]>summary{width:max-content;margin-bottom:12px}.filter-top>.advanced-filter-grid{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;padding:20px;background:#fbfaf7;border:1px solid var(--line);box-shadow:none;min-width:0;width:auto;z-index:auto}.advanced-filter-grid fieldset{border:0;padding:0;margin:0;min-width:0}.advanced-filter-grid legend{font-size:11px;margin-bottom:8px}.advanced-filter-grid label{font-size:11px}.advanced-filter-grid select,.advanced-filter-grid input[type=search]{max-width:100%;width:100%;min-width:0}.filter-range{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:6px;align-items:center}.filter-range>label{display:block;font-size:0}.filter-range select{font-size:13px}.filter-range>span{text-align:center}.advanced-filter-grid .filter-multiple,.advanced-filter-grid .filter-packs{grid-column:1/-1}.filter-multiple{display:flex;gap:8px;flex-wrap:wrap}.filter-multiple label{padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;min-height:44px;gap:7px}.filter-multiple label:has(:checked){border-color:var(--purple);background:var(--lilac)}.filter-packs>label{display:flex;align-items:center;min-height:44px;gap:10px;padding:5px 0}.filter-packs small{margin-left:10px;color:var(--muted);font-size:10px}.filter-quick{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.filter-quick button{border-radius:18px;padding:7px 12px;min-height:36px;font-size:11px;background:#fbfaf7}.filter-quick button[aria-pressed=true]{background:var(--purple);border-color:var(--purple);color:white}.filter-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.filter-bottom>label{flex-direction:row;align-items:center;font-size:10px;gap:8px}.filter-bottom select{min-width:0;max-width:155px;font-size:11px}.filter-bottom .text-button{font-size:10px;display:flex;align-items:center;gap:5px;min-height:40px}.filter-bottom .icon{width:14px;height:14px}.advanced-filter-grid .filter-note{grid-column:1/-1;font-size:10px;line-height:1.7;color:var(--muted);margin:0}.recipe-player{display:block;color:var(--muted);font-size:10px;font-weight:400;line-height:1.6;margin-top:4px}.card-numbers{display:flex;gap:8px;font:9px ui-monospace,monospace;color:var(--muted);margin-top:8px}.filter-primary>label select,.advanced-filter-grid select{min-height:44px}
@media(max-width:600px){.filter-primary{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.filter-primary>label{font-size:10px}.filter-primary>label select{font-size:14px;padding:10px 5px}.more-filters>summary{padding:9px 10px;font-size:11px;gap:5px}.more-filters>summary .icon{width:17px;height:17px}.filter-top>.advanced-filter-grid{padding:14px 12px;gap:16px 10px}.advanced-filter-grid select,.advanced-filter-grid input[type=search]{font-size:16px}.filter-range select{padding:10px 4px}.filter-quick{gap:6px;margin:11px 0}.filter-quick button{font-size:10px;padding:7px 10px;min-height:40px}.filter-bottom select{font-size:14px;max-width:148px}.filter-packs small{display:block;margin-left:0;font-size:9px}.filter-note{font-size:9px}.filter-bottom>label{font-size:0}.card-numbers{gap:7px;font-size:8px}.recipe-player{font-size:10px}}
.filters { display:grid; gap:16px; margin:0 0 22px; }
.filters .search-field { margin:0; }
.filter-primary { row-gap:18px; }
.filter-bottom { padding-top:2px; }
@media(max-width:600px){.filters { gap:12px; margin-bottom:18px; }.filter-primary { column-gap:10px; row-gap:14px; }}