@layer components{.catalog-page{padding-bottom:var(--space-12)}#catalogue-top .heading-catalog{text-align:center;max-width:40ch;margin-inline:auto}.filters-dock{top:var(--header-height);z-index:var(--z-sticky);padding-block:var(--space-2);margin-bottom:var(--space-4);background-color:color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);position:sticky}.filters-dock__inner{width:min(100% - (2 * var(--page-gutter)), var(--max-width-page));margin-inline:auto}.catalog-page .filters{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--color-primary) 35%, transparent);background-color:color-mix(in srgb, var(--color-primary) 92%, var(--color-white));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:none;box-shadow:var(--shadow-medium);padding:var(--space-3);gap:var(--space-2);color:var(--color-black);display:grid}.catalog-page .filters__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.catalog-page .filters__header p{font-size:var(--text-xl);color:var(--color-black);margin:0;font-weight:700}.catalog-page .filters__reset{color:var(--color-secondary);text-underline-offset:.2em}.catalog-page .filters__reset:hover{color:var(--color-accent)}.catalog-page .filters__grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.catalog-page .filters label,.catalog-page .filters__field{gap:var(--space-0-5);font-size:var(--meta-size);color:var(--color-black);flex:9rem;font-weight:500;display:grid}.catalog-page .filters__label{align-items:center;gap:var(--space-1);line-height:1.2;display:inline-flex}.catalog-page .filters__icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:1rem;height:1rem;color:var(--color-secondary);flex-shrink:0}.catalog-page .filters__control{width:100%;display:block}.catalog-page .filters__search{flex:12rem}.catalog-page .filters select,.catalog-page .filters input{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--color-secondary) 25%, transparent);background-color:color-mix(in srgb, var(--color-white) 80%, transparent);width:100%;padding:var(--space-1) var(--space-1-5,var(--space-1));font-size:var(--meta-size);color:var(--color-black);font-family:inherit}.catalog-page .filters select:focus,.catalog-page .filters input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-secondary) 25%, transparent);outline:none}.catalog-page .filters__more{border-top:1px solid color-mix(in srgb, var(--color-secondary) 15%, transparent);padding-top:var(--space-2)}.catalog-page .filters__more summary{cursor:pointer;font-size:var(--meta-size);color:var(--color-secondary);-webkit-user-select:none;user-select:none;font-weight:600;list-style:none}.catalog-page .filters__more summary::-webkit-details-marker{display:none}.catalog-page .filters__more summary:after{content:" +";font-weight:700}.catalog-page .filters__more[open] summary:after{content:" −"}.catalog-page .filters__grid--more{margin-top:var(--space-2)}.catalog-toolbar{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.catalog-toolbar__count{color:var(--color-muted);margin:0}.catalog-toolbar__sort{align-items:center;gap:var(--space-1);font-size:var(--meta-size);display:flex}.catalog-toolbar__sort-label{align-items:center;gap:var(--space-1);display:inline-flex}.catalog-toolbar__sort .filters__icon{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:1rem;height:1rem;color:var(--color-muted);flex-shrink:0}.catalog-toolbar__sort select{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);background-color:color-mix(in srgb, var(--color-bg) 60%, var(--color-secondary));color:var(--color-text);padding:var(--space-1);font-size:var(--meta-size);font-family:inherit}.catalog-toolbar__sort select:focus{outline:2px solid var(--color-accent);outline-offset:2px}.catalog-empty{gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1px solid var(--color-border);color:var(--color-black);justify-items:start;display:grid}.catalog-empty[hidden],#catalog-deck[hidden]{display:none!important}.catalog-empty h2{font-size:var(--text-2xl);margin:0}.catalog-empty .btn{margin-top:var(--space-1)}.catalog-results .product-deck{padding-bottom:0}}