.du-catalog-toolbar{z-index:5;margin-bottom:var(--du-space-8);color:var(--du-color-text);font-family:var(--du-font-body);position:relative}.du-catalog-bar{align-items:center;gap:var(--du-space-3);padding-block:var(--du-space-4);border-block:1px solid var(--du-color-border);display:flex}.du-catalog-filter-list{gap:var(--du-space-2);flex-wrap:wrap;display:flex}.du-catalog-control{flex-shrink:0;position:relative}.du-catalog-trigger{justify-content:space-between;align-items:center;gap:var(--du-space-3);min-height:var(--du-control-size);padding:0 var(--du-space-4);border:1px solid var(--du-color-border);color:var(--du-color-accent);font:600 11px/1.25 var(--du-font-body);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:0;display:flex}.du-catalog-trigger:hover,.du-catalog-trigger[aria-expanded=true],.du-catalog-trigger.is-active{border-color:var(--du-color-accent);background:var(--du-color-surface-soft)}.du-catalog-trigger>i{background:var(--du-color-accent);border-radius:50%;width:5px;height:5px}.du-catalog-trigger>b{font:inherit}.du-catalog-count{color:var(--du-color-muted);white-space:nowrap;margin-left:auto;font-size:11px}.du-catalog-sort-note{margin:var(--du-space-3) 0 0;color:var(--du-color-muted);font-size:12px;line-height:1.5}.du-catalog-popover{z-index:10;border:1px solid var(--du-color-border);background:var(--du-color-surface);width:280px;max-width:calc(100vw - 40px);box-shadow:var(--du-shadow-popover);position:absolute;top:calc(100% + 8px);left:0}.du-catalog-sort .du-catalog-popover{left:auto;right:0}.du-catalog-options{overscroll-behavior:contain;min-width:0;max-height:min(360px,60dvh);padding:var(--du-space-2);border:0;margin:0;overflow-y:auto}.du-catalog-options>label{align-items:center;gap:var(--du-space-3);min-height:var(--du-control-size);padding:var(--du-space-2) var(--du-space-3);cursor:pointer;font-size:13px;line-height:1.35;display:flex}.du-catalog-options>label:hover,.du-catalog-options>label.is-selected{background:var(--du-color-surface-soft);color:var(--du-color-accent)}.du-catalog-options input{width:15px;height:15px;accent-color:var(--du-color-accent);flex-shrink:0;margin:0}.du-catalog-options small{color:var(--du-color-muted);margin-left:auto;font-size:11px}.du-catalog-swatch{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--du-color-border);border-radius:50%;flex-shrink:0}.du-catalog-search-popover{width:320px;padding:var(--du-space-3)}.du-catalog-search-field{align-items:center;gap:var(--du-space-3);min-width:0;padding:var(--du-space-3);border:1px solid var(--du-color-border);color:var(--du-color-accent);display:flex}.du-catalog-search-field input{width:100%;min-width:0;min-height:24px;color:var(--du-color-text);font:14px/1.4 var(--du-font-body);background:0 0;border:0;outline:none;padding:0}.du-catalog-search-field:focus-within{outline:2px solid var(--du-color-accent);outline-offset:2px}.du-catalog-active{align-items:center;gap:var(--du-space-2);padding-top:var(--du-space-3);flex-wrap:wrap;display:flex}.du-catalog-active>button{align-items:center;gap:var(--du-space-2);border:1px solid var(--du-color-border);background:var(--du-color-surface-soft);max-width:100%;min-height:32px;color:var(--du-color-accent);font:12px/1.35 var(--du-font-body);cursor:pointer;border-radius:0;padding:6px 10px;display:flex}.du-catalog-active>button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.du-catalog-active>button>svg{flex-shrink:0}.du-catalog-active>.du-catalog-clear{color:var(--du-color-muted);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}:is(.du-catalog-toolbar button:focus-visible,.du-catalog-options input:focus-visible,.du-catalog-mobile-group>summary:focus-visible){outline:2px solid var(--du-color-accent);outline-offset:3px}.du-catalog-mobile-trigger{display:none}.du-catalog-dialog{background:var(--du-color-surface);width:100%;max-width:520px;max-height:85dvh;color:var(--du-color-text);box-shadow:var(--du-shadow-dialog);border:0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;overflow:hidden}.du-catalog-dialog[open]{flex-direction:column;display:flex}.du-catalog-dialog::backdrop{background:var(--du-dialog-backdrop)}.du-catalog-dialog-head{justify-content:space-between;align-items:center;gap:var(--du-space-4);padding:var(--du-space-4) var(--du-space-5);border-bottom:1px solid var(--du-color-border);display:flex}.du-catalog-dialog-head>h2{font:28px/1.1 var(--du-font-display);margin:0}.du-catalog-dialog-head>button{width:var(--du-control-size);height:var(--du-control-size);color:var(--du-color-accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.du-catalog-dialog-head>button>svg{width:20px;height:20px}.du-catalog-dialog-body{overscroll-behavior:contain;padding:var(--du-space-5);overflow-y:auto}.du-catalog-mobile-group{border-bottom:1px solid var(--du-color-border)}.du-catalog-mobile-group>summary{align-items:center;gap:var(--du-space-3);cursor:pointer;min-height:56px;color:var(--du-color-accent);font-size:13px;font-weight:600;list-style:none;display:flex}.du-catalog-mobile-group>summary::-webkit-details-marker{display:none}.du-catalog-mobile-group>summary>small{color:var(--du-color-muted);margin-left:auto;font-size:11px;font-weight:400}.du-catalog-dialog-footer{justify-content:space-between;align-items:center;gap:var(--du-space-4);padding:var(--du-space-4) var(--du-space-5) calc(var(--du-space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--du-color-border);display:flex}.du-catalog-dialog-footer>button{min-height:var(--du-control-size);color:var(--du-color-accent);font:600 12px/1.3 var(--du-font-body);cursor:pointer;background:0 0;border:0;padding:10px 16px}.du-catalog-dialog-footer>button[type=submit]{background:var(--du-color-accent);color:var(--du-color-white)}.du-catalog-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.du-catalog-empty{padding:var(--du-space-8) 0;font:14px/1.5 var(--du-font-body);color:var(--du-color-muted)}.du-catalog-empty>button{color:var(--du-color-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.konst-catalog>.du-catalog-toolbar{margin-inline:calc(var(--du-page-gutter) - var(--konst-catalog-inset))}@media (max-width:760px){.du-catalog-filter-list{display:none}.du-catalog-mobile-trigger{display:flex}.du-catalog-sort-value{display:none}.du-catalog-bar{gap:var(--du-space-2)}.du-catalog-trigger{gap:8px;padding-inline:12px}.du-catalog-count{font-size:10px}.du-catalog-toolbar{margin-bottom:var(--du-space-6)}}