.zn-collection__bar{position:fixed;top:calc(var(--zn-header-bottom) + var(--zn-space-2));left:var(--zn-gutter);right:var(--zn-gutter);z-index:calc(var(--zn-z-header) - 1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--zn-space-1);pointer-events:none}.zn-collection__bar>*{pointer-events:auto}.zn-collection__bar>:first-child{justify-self:start}.zn-collection__bar>:last-child{justify-self:end}.zn-collection__bar-spacer{pointer-events:none}.zn-collection__title{display:inline-flex;align-items:center;min-height:36px;max-width:60vw;padding:6px 16px;border-radius:9999px;font-size:var(--zn-text-xs);font-weight:700;letter-spacing:var(--zn-tracking-caps);text-transform:uppercase;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zn-collection__bar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:48px;height:36px;padding:6px 16px;border:0;border-radius:9999px;color:var(--zn-text);font-size:var(--zn-text-xs);font-weight:600;letter-spacing:var(--zn-tracking-caps);text-transform:uppercase;cursor:pointer}.zn-collection__bar-btn svg{width:16px;height:16px;flex:none}.zn-collection__bar-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9999px;background:var(--zn-btn-bg);color:var(--zn-btn-text);font-size:.625rem}.zn-collection__bar-label{display:none}@media(min-width:1025px)and (orientation:landscape){.zn-collection__bar-label{display:inline}}.zn-collection__dropdown{position:fixed;top:calc(var(--zn-header-bottom) + var(--zn-space-2) + 36px + var(--zn-space-1));z-index:var(--zn-z-drawer);width:340px;max-width:calc(100vw - 2 * var(--zn-gutter));max-height:calc(100vh - var(--zn-header-bottom) - 120px);overflow-y:auto;padding:var(--zn-space-2);border-radius:var(--zn-radius-card);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transition:opacity var(--zn-normal) var(--zn-ease),transform var(--zn-normal) var(--zn-ease),visibility 0s linear var(--zn-normal)}.zn-collection__dropdown--filter{left:var(--zn-gutter);transform-origin:top left}.zn-collection__dropdown--sort{right:var(--zn-gutter);width:260px;transform-origin:top right;padding:var(--zn-space-1)}.zn-collection__dropdown.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}.zn-collection__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--zn-z-drawer) - 1);background:var(--zn-overlay);opacity:0;visibility:hidden;transition:opacity var(--zn-normal) var(--zn-ease),visibility 0s linear var(--zn-normal)}.zn-collection__backdrop.is-open{opacity:1;visibility:visible;transition-delay:0s}.zn-sort-form{display:flex;flex-direction:column}.zn-sort-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:12px 14px;border:0;border-radius:12px;background:transparent;color:var(--zn-text-muted);font-size:var(--zn-text-sm);font-weight:600;letter-spacing:var(--zn-tracking-wide);text-align:left;text-transform:uppercase;cursor:pointer}.zn-sort-option svg{width:14px;height:14px}.zn-sort-option:hover,.zn-sort-option.is-active{color:var(--zn-text);background:rgba(var(--zn-glass-rgb),.45)}.zn-filter-form__groups{display:flex;flex-direction:column;gap:4px}.zn-filter-group{border-bottom:1px solid var(--zn-border)}.zn-filter-group:last-child{border-bottom:0}.zn-filter-group__toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;font-size:var(--zn-text-xs);font-weight:700;letter-spacing:var(--zn-tracking-caps);text-transform:uppercase;list-style:none;cursor:pointer}.zn-filter-group__toggle::-webkit-details-marker{display:none}.zn-filter-group__toggle svg{width:16px;height:16px;transition:transform var(--zn-fast) var(--zn-ease)}.zn-filter-group[open] .zn-filter-group__toggle svg{transform:rotate(180deg)}.zn-filter-group__body{padding:0 4px 14px}.zn-filter-values{display:flex;flex-direction:column;gap:4px}.zn-filter-price{display:flex;align-items:center;gap:8px}.zn-filter-price__field{position:relative;display:flex;align-items:center;flex:1;height:42px;padding:0 12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--zn-border-strong)}.zn-filter-price__prefix{color:var(--zn-text-muted);font-size:var(--zn-text-sm);margin-right:4px}.zn-filter-price__input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:var(--zn-text-sm);-moz-appearance:textfield}.zn-filter-price__input::-webkit-outer-spin-button,.zn-filter-price__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.zn-filter-price__sep{color:var(--zn-text-muted)}.zn-filter-form__actions{position:sticky;bottom:calc(-1 * var(--zn-space-2));display:flex;gap:8px;margin:var(--zn-space-2) calc(-1 * var(--zn-space-2)) calc(-1 * var(--zn-space-2));padding:var(--zn-space-2)}.zn-filter-form__actions .zn-btn{flex:1;min-height:44px}@media(max-width:640px){.zn-collection__dropdown--filter,.zn-collection__dropdown--sort{left:var(--zn-gutter);right:var(--zn-gutter);width:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/zn-collection.css.map */