.zn-products .zn-toolbar{background:var(--bg-primary);border-bottom:2px solid transparent;margin-bottom:clamp(1.25rem,3vw,1.75rem);padding:.75rem 0;position:sticky;top:var(--navbar-h);transition:border-color .2s ease,box-shadow .2s ease;z-index:900}.zn-products .zn-toolbar-inner{margin:0 auto;max-width:1280px;padding:0 1rem}.zn-products .zn-toolbar.is-stuck{border-bottom-color:var(--border-color);box-shadow:0 12px 28px color-mix(in srgb,var(--zn-void) 45%,transparent)}.zn-products .zn-toolbar-sentinel{height:0}.zn-products .zn-controls{margin-bottom:.6rem}.zn-products .zn-controls-more,.zn-products .zn-controls-more-inner{display:contents}.zn-products .zn-filter-toggle{display:none}@media(max-width:640px){.zn-products .zn-controls-more{display:grid;flex:1 1 100%;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.zn-products .zn-controls-more.is-open{grid-template-rows:1fr}.zn-products .zn-controls-more-inner{display:flex;flex-wrap:wrap;gap:.45rem;min-height:0;overflow:hidden}.zn-products .zn-controls-more:not(.is-open) .zn-controls-more-inner{visibility:hidden}.zn-products .zn-controls-more-inner>.zn-select{flex:1 1 100%}.zn-products .zn-filter-toggle{align-items:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:999px;color:var(--text-primary);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);gap:.45rem;height:2.75rem;padding:0 .9rem}.zn-products .zn-filter-toggle svg{color:var(--main);height:.95rem;transition:transform .2s ease;width:.95rem}.zn-products .zn-filter-toggle.is-open{border-color:var(--main)}.zn-products .zn-filter-toggle.is-open svg{transform:rotate(180deg)}.zn-products .zn-filter-badge{background:var(--main);border-radius:999px;color:var(--zn-ink);display:grid;font-size:var(--fs-3xs);font-weight:var(--fw-bold);height:1.15rem;min-width:1.15rem;padding:0 .25rem;place-items:center}.zn-products .zn-controls>.zn-field{flex:1 1 8rem}}.zn-products .products-grid{display:grid;gap:clamp(.75rem,2vw,1rem);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:520px){.zn-products .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.zn-products .zn-empty-reset{margin-top:1rem}