.catalog{padding-block:24px 64px}.catalog-heading{margin-bottom:16px}.catalog-title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.catalog-title-row h1{font:var(--weight-medium) var(--text-title)/var(--leading-ui) var(--font-body);margin:0}.catalog-title-row p{font-size:var(--text-body);color:var(--color-muted);flex:none;margin:0}.catalog-size-range{font-size:var(--text-body);color:var(--color-muted);margin:8px 0 0}.catalog-intro{max-width:72ch;font-size:var(--text-body);line-height:var(--leading-body);margin:8px 0 0}.catalog-about{margin-block:clamp(48px,5vw,96px) var(--home-bottom-gap);border-top:1px solid var(--color-border);padding-top:clamp(32px,3vw,56px)}.catalog-about h2{color:var(--color-brand);font:var(--weight-display) var(--text-heading)/var(--leading-heading) var(--font-display);letter-spacing:var(--tracking-heading);margin:0 0 16px}.catalog-about p{max-width:72ch;font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-muted);margin:0 0 12px}.catalog-about p a{color:var(--color-brand);text-underline-offset:3px;text-decoration:underline}.catalog-related{flex-wrap:wrap;gap:8px 28px;margin-top:20px;display:flex}.catalog-pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;margin-top:24px;display:flex}.catalog-pages[hidden]{display:none}.catalog-pages p{font-size:var(--text-body);color:var(--color-muted);margin:0}.catalog-pages ol{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.catalog-pages a{border:1px solid var(--color-border);min-width:44px;min-height:44px;font-size:var(--text-body);justify-content:center;align-items:center;padding:8px 12px;text-decoration:none;display:flex}.catalog-pages a:hover{text-underline-offset:4px;text-decoration:underline}.catalog-pages a[aria-current=page]{border-color:var(--color-brand);color:var(--color-background);background:var(--color-brand);font-weight:var(--weight-medium)}.catalog-pages a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.category-navigation{margin-top:12px}.category-links{gap:20px;padding-block:2px;display:flex;overflow:auto}.category-links a{white-space:nowrap;min-height:44px;font-size:var(--text-body);color:var(--color-muted);text-underline-offset:4px;flex:none;align-items:center;text-decoration:underline;display:inline-flex}.category-links a[aria-current=page]{color:var(--color-text);font-weight:var(--weight-medium)}.category-links span{font-size:var(--text-body);margin-left:6px}.catalog-toolbar{top:var(--header-offset);z-index:10;border-block:1px solid var(--color-border);background:var(--color-background);justify-content:space-between;align-items:center;gap:20px;min-height:56px;margin-bottom:16px;display:flex;position:sticky}.filter-controls{align-items:center;gap:16px;min-width:0;display:flex}.filter-label{white-space:nowrap;font-size:var(--text-body);flex:none}.filter-trigger{border-radius:var(--radius);min-height:44px;font:var(--weight-medium) var(--text-body)/var(--leading-ui) var(--font-body);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:8px;padding:8px 4px;display:inline-flex}.filter-trigger:hover{text-underline-offset:4px;text-decoration:underline}.filter-trigger svg{width:10px;height:10px}.catalog-tools{flex:none;align-items:center;gap:16px;display:flex}.sort-control{font-size:var(--text-body);white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.sort-control select{border-radius:var(--radius);width:160px;min-height:44px;color:var(--color-text);font:var(--weight-medium) var(--text-body)/var(--leading-ui) var(--font-body);cursor:pointer;background:0 0;border:0;padding:4px 16px 4px 0}.active-filters{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.active-filters button{min-height:44px;font-size:var(--text-body);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 12px;display:flex}.active-filters .clear-chip{text-underline-offset:4px;border:0;text-decoration:underline}.catalog-empty{text-align:center;padding:44px 0}.empty-arch{background:var(--color-surface-tint);place-items:center;width:160px;height:200px;margin:0 auto 20px;display:grid}.empty-arch img{width:88px;height:auto}.catalog-empty h2{font:var(--weight-medium) var(--text-subheading)/var(--leading-heading) var(--font-body);margin:0 0 12px}.catalog-empty p{color:var(--color-muted);font-size:var(--text-body);margin:0 0 24px}.empty-recommendations{margin-top:40px}.filter-dialog{border-radius:var(--radius);width:100%;max-width:none;height:85dvh;max-height:85dvh;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-popover);border:0;margin:auto 0 0;padding:0}.filter-dialog[open]{flex-direction:column;display:flex}.filter-dialog::backdrop{background:var(--color-overlay)}.filter-dialog-head{border-bottom:1px solid var(--color-border);flex:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.filter-dialog-head h2{font:var(--weight-medium) var(--text-title)/var(--leading-ui) var(--font-body);margin:0}.filter-dialog form{flex-direction:column;flex:1;min-height:0;display:flex}.filter-dialog-body{flex:1;min-height:0;padding:24px 20px;overflow:auto}.filter-dialog fieldset{border:0;min-width:0;margin:0 0 28px;padding:0}.filter-dialog legend{font-weight:var(--weight-medium);font-size:var(--text-body);margin-bottom:12px}.filter-dialog legend span{font-size:var(--text-body);font-weight:var(--weight-body);color:var(--color-muted)}.filter-options{flex-wrap:wrap;gap:8px;display:flex}.filter-options label{cursor:pointer;position:relative}.filter-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.filter-options label>span{border:1px solid var(--color-border);border-radius:var(--radius);min-width:48px;min-height:44px;font-size:var(--text-body);justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.filter-options input:checked+span{color:var(--color-background);border-color:var(--color-brand);background:var(--color-brand)}.filter-options input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.filter-colours i{background:var(--swatch);border:1px solid var(--color-swatch-border);flex:none;width:16px;height:16px}.price-filter{grid-template-columns:1fr 1fr;gap:12px;display:grid}.price-filter label{font-size:var(--text-body)}.price-filter input{width:100%;margin-top:8px;display:block}.price-range-error{font-size:var(--text-body);color:var(--color-error)}.filter-actions{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-actions .button{flex:1;padding-inline:18px}.filter-actions .text-button{font-size:var(--text-body)}@media (width>=720px){.filter-dialog{width:400px;height:100dvh;max-height:100dvh;margin:0 0 0 auto}}@media (width<=719px){.catalog{padding-block:20px 48px}.catalog-toolbar{flex-wrap:wrap;gap:0;padding-block:4px}.filter-controls{flex-wrap:wrap;flex:1 0 100%;gap:14px}.catalog-tools{justify-content:space-between;gap:12px;width:100%}.sort-control{justify-content:space-between;gap:8px;width:100%}.sort-control select{width:220px;min-width:0;max-width:calc(100% - 72px);font-size:var(--text-body)}}