.collection-listing{padding-block:var(--space-10)}.collection-listing__header{margin-bottom:var(--space-8)}.collection-listing__title{font-family:var(--font-heading);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));margin-bottom:var(--space-2)}.collection-listing__count{font-size:var(--text-sm);color:var(--color-text-muted)}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);flex-wrap:wrap}.collection-toolbar__filter-btn{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text);padding:.5rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--border-radius-full);transition:border-color var(--transition-fast),background var(--transition-fast);background:var(--color-surface)}.collection-toolbar__filter-btn:hover{border-color:var(--color-primary)}.collection-toolbar__sort{display:flex;align-items:center;gap:var(--space-3)}.collection-toolbar__sort label{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.collection-toolbar__sort select{padding:.4rem 2rem .4rem .75rem;font-size:var(--text-sm);min-width:160px}.collection-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-8);align-items:start}.filter-sidebar{position:sticky;top:calc(var(--header-height, 72px) + var(--space-4));max-height:calc(100vh - var(--header-height, 72px) - var(--space-8));overflow-y:auto}.filter-sidebar__heading{font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-5);display:flex;align-items:center;justify-content:space-between}.filter-sidebar__clear{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);text-transform:none;letter-spacing:0;text-decoration:none}.filter-group{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5);margin-bottom:var(--space-5)}.filter-group__label{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3)}.filter-group__options{display:flex;flex-direction:column;gap:var(--space-2)}.filter-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--color-text)}.filter-option input[type=checkbox]{width:16px;height:16px;border:1.5px solid var(--color-border);border-radius:4px;cursor:pointer;accent-color:var(--color-primary)}.filter-option__count{margin-left:auto;font-size:var(--text-xs);color:var(--color-text-muted)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.collection-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12);flex-wrap:wrap}.pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-fast)}.pagination-item:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-item.is-current{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.collection-no-results{grid-column:1 / -1;text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.filter-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:0;cursor:pointer;margin-bottom:var(--space-3)}.filter-group__toggle svg{transition:transform .2s;flex-shrink:0}.filter-group__toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.filter-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);text-decoration:none;padding:.4rem .5rem;border-radius:var(--border-radius);transition:color var(--transition-fast),background var(--transition-fast)}.filter-link:hover{color:var(--color-primary);background:var(--color-primary-10)}.filter-link.is-active{color:var(--color-primary);font-weight:600}.filter-link__check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid var(--color-border);border-radius:4px;font-size:10px;flex-shrink:0;color:#fff;background:transparent}.filter-link.is-active .filter-link__check{background:var(--color-primary);border-color:var(--color-primary)}.filter-link--clear{color:var(--color-primary);font-size:var(--text-xs);font-weight:600;margin-top:var(--space-1)}.filter-drawer{position:fixed;inset:0 auto 0 0;width:min(320px,85vw);background:var(--color-surface);z-index:var(--z-fixed);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-base);overflow-y:auto;padding:var(--space-5)}.filter-drawer.is-open{transform:translate(0)}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}@media(max-width:1023px){.collection-layout{grid-template-columns:1fr}.filter-sidebar{display:none}.collection-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:479px){.collection-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-collection.css.map */