.filter-system[data-astro-cid-z4btceoe]{--filter-border-radius: var(--radius-lg);--filter-transition: all var(--transition-normal);--filter-shadow: var(--shadow-sm);--filter-shadow-hover: var(--shadow-md);position:relative;border-bottom:1px solid var(--color-rule)}.filter-system__categories[data-astro-cid-z4btceoe]{display:flex;justify-content:center;gap:.5rem}.filter-btn[data-astro-cid-z4btceoe]{appearance:none;border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-text);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--filter-transition);position:relative;&:hover,&:focus-visible{background:color-mix(in srgb,var(--color-text) 8%,transparent);border-color:color-mix(in srgb,var(--color-text) 20%,var(--color-rule))}&[aria-pressed=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);box-shadow:0 2px 8px #00000026}}.filter-btn--kokkaus[data-astro-cid-z4btceoe][aria-pressed=true]{background:#8b4513;border-color:#8b4513;color:#fff}.filter-btn--leivonta[data-astro-cid-z4btceoe][aria-pressed=true]{background:#2d5a27;border-color:#2d5a27;color:#fff}.filter-btn--juomat[data-astro-cid-z4btceoe][aria-pressed=true]{background:#1e40af;border-color:#1e40af;color:#fff}.sr-only[data-astro-cid-z4btceoe]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-search[data-astro-cid-z4btceoe]{display:flex;gap:.5rem;flex:1;padding:.75rem 0 .75rem 1rem;border-radius:.75rem .75rem 0 0;height:3rem;transition:var(--filter-transition);align-items:center;max-width:65ch;margin-inline:auto;&:has(input:focus){border-color:#3b82f6;box-shadow:0 0 0 2px color-mix(in srgb,#3b82f6 20%,transparent);outline:2px solid transparent}:is(input){&:invalid{border-color:var(--color-error);&:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-error) 20%,transparent)}}}}.filter-search__icon[data-astro-cid-z4btceoe]{color:var(--color-muted);flex-shrink:0}.filter-search__input[data-astro-cid-z4btceoe]{border:none;outline:none;background:transparent;color:var(--color-text);font-size:.875rem;height:3rem;width:100%;min-width:0}.filter-search__input[data-astro-cid-z4btceoe]::placeholder{color:var(--color-muted)}.filter-search__clear[data-astro-cid-z4btceoe]{appearance:none;border:none;background:transparent;color:var(--color-muted);cursor:pointer;padding:.25rem;border-radius:50%;font-size:1.25rem;line-height:1;transition:var(--filter-transition);flex-shrink:0;&:hover,&:focus-visible{background:color-mix(in srgb,var(--color-text) 12%,transparent);color:var(--color-text)}}.filter-search__icon[data-astro-cid-z4btceoe]{width:2rem;margin-right:.33rem}.filter-toggle[data-astro-cid-z4btceoe],.filter-reset-main[data-astro-cid-z4btceoe]{position:relative;appearance:none;background:transparent;color:var(--color-muted);border:none;cursor:pointer;transition:all var(--filter-transition);display:flex;border-radius:0 .75rem 0 0;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1rem;line-height:1;box-sizing:border-box;flex-shrink:0;&:hover,&:focus-visible{color:var(--color-text);svg{transform:scale(1.2)}}&[aria-expanded=true]{background:var(--color-text);color:var(--color-bg);svg{transform:scale(1.2)}}}.filter-toggle__icon--close[data-astro-cid-z4btceoe],.filter-toggle[data-astro-cid-z4btceoe][aria-expanded=true] .filter-toggle__icon--open[data-astro-cid-z4btceoe]{display:none}.filter-toggle[data-astro-cid-z4btceoe][aria-expanded=true] .filter-toggle__icon--close[data-astro-cid-z4btceoe]{display:block}.filter-toggle__count[data-astro-cid-z4btceoe]{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-text);color:var(--color-bg);font-size:.75rem;font-weight:600;line-height:20px;text-align:center}.filter-panel[data-astro-cid-z4btceoe]{margin-top:1px;margin-block:-1px;background:var(--color-bg);border:1px solid var(--color-rule);border-radius:0 0 8px 8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;animation:slideDown .2s ease-out;position:absolute;right:0;left:0;z-index:1;max-width:65ch;max-height:60dvh;overflow-y:auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-panel__content[data-astro-cid-z4btceoe]{padding:1.5rem}.filter-group[data-astro-cid-z4btceoe]{margin-bottom:1.5rem;display:flex;align-content:center;justify-content:space-between;align-items:center;gap:2rem;white-space:pre;&:last-child{margin-bottom:0}@media (max-width: 768px){flex-direction:column;gap:.75rem;margin-bottom:2rem;align-items:unset;.filter-group__options{justify-content:flex-start}}}.filter-group__label[data-astro-cid-z4btceoe]{width:5rem;font-size:var(--text-sm);font-weight:var(--font-semibold);@media (max-width: 450px){width:unset}}.filter-group__options[data-astro-cid-z4btceoe]{display:flex;gap:.5rem;justify-content:center;@media (max-width: 768px){flex-wrap:wrap}}.filter-option[data-astro-cid-z4btceoe]{appearance:none;border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--space-xs);box-shadow:var(--shadow-xs);&:hover,&:focus-visible{background:var(--color-raised);border-color:var(--color-text);box-shadow:var(--shadow-sm)}&[aria-pressed=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);box-shadow:var(--shadow-sm)}}.filter-option__count[data-astro-cid-z4btceoe]{opacity:.7;font-size:.8125rem}.filter-option--category[data-astro-cid-z4btceoe][data-value=kokkaus][aria-pressed=true]{background:#8b4513;border-color:#8b4513;color:#fff}.filter-option--category[data-astro-cid-z4btceoe][data-value=leivonta][aria-pressed=true]{background:#2d5a27;border-color:#2d5a27;color:#fff}.filter-option--category[data-astro-cid-z4btceoe][data-value=juomat][aria-pressed=true]{background:#1e40af;border-color:#1e40af;color:#fff}.filter-option[data-astro-cid-z4btceoe]{&[aria-pressed=false][data-available=false]{opacity:.2;cursor:not-allowed;border-color:var(--color-rule)}&[data-available=false]{&:hover,&:focus-visible{background:var(--color-bg);border-color:var(--color-rule)}}}.filter-panel__footer[data-astro-cid-z4btceoe]{display:flex;gap:.75rem;position:sticky;bottom:0;padding:1rem 1.5rem;background:var(--color-bg);border-top:1px solid var(--color-rule);@media (max-width: 480px){flex-direction:column}}.filter-action[data-astro-cid-z4btceoe]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-normal);border:1px solid transparent;cursor:pointer;flex:1;&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&:active{transform:scale(.98)}&:is(.filter-action--apply){background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);box-shadow:var(--shadow-sm);&:hover{opacity:.85;box-shadow:var(--shadow-md);transform:translateY(-1px)}}&:is(.filter-action--reset){background:var(--color-bg);color:var(--color-text);border-color:var(--color-text);box-shadow:var(--shadow-xs);&:hover{background:var(--color-raised);box-shadow:var(--shadow-sm)}}}