.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);border-bottom:1px solid var(--color-rule);position:relative}.filter-system__categories[data-astro-cid-z4btceoe]{justify-content:center;gap:.5rem;display:flex}.filter-btn[data-astro-cid-z4btceoe]{appearance:none;border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:var(--filter-transition);border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;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]{color:#fff;background:#8b4513;border-color:#8b4513}.filter-btn--leivonta[data-astro-cid-z4btceoe][aria-pressed=true]{color:#fff;background:#2d5a27;border-color:#2d5a27}.filter-btn--juomat[data-astro-cid-z4btceoe][aria-pressed=true]{color:#fff;background:#1e40af;border-color:#1e40af}.sr-only[data-astro-cid-z4btceoe]{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.filter-search[data-astro-cid-z4btceoe]{height:3rem;transition:var(--filter-transition);border-radius:.75rem .75rem 0 0;flex:1;align-items:center;gap:.5rem;max-width:65ch;margin-inline:auto;padding:.75rem 0 .75rem 1rem;display:flex;&:has(input:focus){border-color:#3b82f6;outline:2px solid #0000;box-shadow:0 0 0 2px #3b82f633}& :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]{color:var(--color-text);background:0 0;border:none;outline:none;width:100%;min-width:0;height:3rem;font-size:.875rem}.filter-search__input[data-astro-cid-z4btceoe]::placeholder{color:var(--color-muted)}.filter-search__clear[data-astro-cid-z4btceoe]{appearance:none;color:var(--color-muted);cursor:pointer;transition:var(--filter-transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:.25rem;font-size:1.25rem;line-height:1;&: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]{appearance:none;color:var(--color-muted);cursor:pointer;transition:all var(--filter-transition);box-sizing:border-box;background:0 0;border:none;border-radius:0 .75rem 0 0;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1rem;line-height:1;display:flex;position:relative;&: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]{background:var(--color-text);min-width:20px;height:20px;color:var(--color-bg);text-align:center;border-radius:10px;padding:0 6px;font-size:.75rem;font-weight:600;line-height:20px;position:absolute;top:-8px;right:-8px}.filter-panel[data-astro-cid-z4btceoe]{margin-top:1px;background:var(--color-bg);border:1px solid var(--color-rule);z-index:1;border-radius:0 0 8px 8px;max-width:65ch;max-height:60dvh;margin-block:-1px;animation:.2s ease-out slideDown;position:absolute;left:0;right:0;overflow:hidden auto;box-shadow:0 2px 8px #0000000f}@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]{white-space:pre;place-content:center space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex;&:last-child{margin-bottom:0}@media (width<=768px){gap:.75rem;align-items:unset;flex-direction:column;margin-bottom:2rem& .filter-group__options{justify-content:unset}}}.filter-group__label[data-astro-cid-z4btceoe]{width:5rem;font-size:var(--text-sm);font-weight:var(--font-semibold);@media (width<=450px){width:unset}}.filter-group__options[data-astro-cid-z4btceoe]{justify-content:center;gap:.5rem;display:flex;@media (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);align-items:center;gap:var(--space-xs);box-shadow:var(--shadow-xs);display:flex;&: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]{color:#fff;background:#8b4513;border-color:#8b4513}.filter-option--category[data-astro-cid-z4btceoe][data-value=leivonta][aria-pressed=true]{color:#fff;background:#2d5a27;border-color:#2d5a27}.filter-option--category[data-astro-cid-z4btceoe][data-value=juomat][aria-pressed=true]{color:#fff;background:#1e40af;border-color:#1e40af}.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]{background:var(--color-bg);border-top:1px solid var(--color-rule);gap:.75rem;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0;@media (width<=480px){flex-direction:column}}.filter-action[data-astro-cid-z4btceoe]{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);cursor:pointer;border:1px solid #0000;flex:1;justify-content:center;align-items:center;display:inline-flex;&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&:active{transform:scale(.98)}&.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)}}&.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)}}}