.filter-system[data-astro-cid-z4btceoe]{--filter-border-radius: 12px;--filter-transition: all .2s ease;--filter-shadow: 0 4px 12px rgba(0, 0, 0, .08);--filter-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);position:relative}.filter-system__main[data-astro-cid-z4btceoe]{display:flex;align-items:stretch;gap:1rem;flex-direction:column;&:focus-within{background:transparent}}.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}.filter-system__actions[data-astro-cid-z4btceoe]{display:flex;gap:.75rem}.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:1rem;flex:1;padding:.75rem 1rem;border-radius:6px;border:1px solid var(--color-rule);height:3rem;transition:var(--filter-transition);align-items:center;&:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 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)}.floating-label[data-astro-cid-z4btceoe]{position:relative;width:100%;flex:1}.floating-label__text[data-astro-cid-z4btceoe]{position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--color-muted);font-size:.875rem;pointer-events:none;transition:all .2s ease;background:var(--color-bg);padding:0 .25rem;z-index:1;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.floating-label[data-astro-cid-z4btceoe] input[data-astro-cid-z4btceoe]:focus+.floating-label__text[data-astro-cid-z4btceoe],.floating-label[data-astro-cid-z4btceoe] input[data-astro-cid-z4btceoe]:not(:placeholder-shown)+.floating-label__text[data-astro-cid-z4btceoe]{top:0;transform:translateY(-50%) translate(-7.5%) scale(.875);font-weight:500}.floating-label[data-astro-cid-z4btceoe] input[data-astro-cid-z4btceoe]:focus+.floating-label__text[data-astro-cid-z4btceoe]{color:var(--color-accent)}.floating-label[data-astro-cid-z4btceoe] input[data-astro-cid-z4btceoe]:not(:placeholder-shown):not(:focus)+.floating-label__text[data-astro-cid-z4btceoe]{color:var(--color-text)}.floating-label[data-astro-cid-z4btceoe] input[data-astro-cid-z4btceoe]:focus{outline:none}.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);&:hover,&:focus-visible{background:color-mix(in srgb,var(--color-text) 12%,transparent);color:var(--color-text)}}.filter-reset-main[data-astro-cid-z4btceoe]{appearance:none;border:1px solid var(--color-rule);background:var(--color-text);color:var(--color-bg);border-color:var(--color-text);border-radius:6px;transition:var(--filter-transition);display:flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;box-sizing:border-box;&:hover,&:focus-visible{border-color:color-mix(in srgb,var(--color-text) 20%,var(--color-rule))}}.filter-toggle[data-astro-cid-z4btceoe]{position:relative;appearance:none;border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-text);padding:.75rem;border-radius:6px;cursor:pointer;transition:var(--filter-transition);display:flex;align-items:center;justify-content:center;min-width:3rem;height:3rem;font-size:1rem;line-height:1;box-sizing:border-box;&: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-expanded=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}}.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:1rem;padding:1.5rem;background:var(--color-bg);border:1px solid var(--color-rule);border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;animation:slideDown .2s ease-out;position:absolute;right:0;left:0;z-index:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-panel__content[data-astro-cid-z4btceoe]{padding-bottom:1.5rem}.filter-group[data-astro-cid-z4btceoe]{margin-bottom:1.5rem;&:last-child{margin-bottom:0}}.filter-group__label[data-astro-cid-z4btceoe]{display:block;font-weight:600;color:var(--color-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;margin-bottom:.75rem}.filter-group__options[data-astro-cid-z4btceoe]{display:flex;flex-wrap:wrap;gap:.5rem}.filter-option[data-astro-cid-z4btceoe]{appearance:none;border:1px solid var(--color-muted);background:var(--color-bg);color:var(--color-text);padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;&:hover,&:focus-visible{background:#1a1a1a14;border-color:var(--color-text)}&[aria-pressed=true]{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}}.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:.6;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}.filter-action[data-astro-cid-z4btceoe]{appearance:none;border:1px solid var(--color-rule);background:var(--color-bg);color:var(--color-text);padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;transition:var(--filter-transition);flex:1;&:is(.filter-action--apply){background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}&:is(.filter-action--reset){background:var(--color-bg);color:var(--color-text);border-color:var(--color-rule)}}@media (max-width: 768px){.filter-system__actions[data-astro-cid-z4btceoe]{gap:.5rem}.filter-search[data-astro-cid-z4btceoe]{min-width:0;flex:1;min-width:200px}.filter-reset-main[data-astro-cid-z4btceoe]{order:1;flex-shrink:0}.filter-toggle[data-astro-cid-z4btceoe]{order:2;flex-shrink:0}}@media (max-width: 480px){.filter-panel__footer[data-astro-cid-z4btceoe]{flex-direction:column}.filter-group__options[data-astro-cid-z4btceoe]{justify-content:flex-start}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}