.collection-supporting{display:grid;gap:2rem}collection-browser{display:block}.collection-section{background:var(--gradient-background);color:var(--color-foreground)}.collection-heading{max-width:none}.collection-heading h1{font-size:clamp(var(--heading-display-min),var(--heading-display-fluid),var(--heading-display-max));line-height:.92;letter-spacing:-.06em;text-transform:uppercase}.collection-heading__media{max-width:100%;overflow:hidden}.collection-heading__media img{width:100%;max-height:38rem;object-fit:cover}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-end:1.5rem}.collection-toolbar__actions{display:flex;align-items:end;gap:.75rem}.collection-filter-toggle{display:none}.collection-sort{min-width:12rem}.collection-layout{display:grid;grid-template-columns:17rem minmax(0,1fr);gap:clamp(1.25rem,3vw,2.5rem);padding-block-end:var(--space-8)}.collection-layout--full{grid-template-columns:minmax(0,1fr)}.collection-results{min-width:0}.collection-grid{grid-template-columns:repeat(var(--collection-columns-desktop, 3),minmax(0,1fr))}.filter-panel{position:sticky;top:calc(var(--header-height) + 1rem);align-self:start;max-height:calc(100vh - var(--header-height) - 2rem);padding:1rem;overflow-y:auto;background:var(--color-surface);color:var(--color-surface-foreground);border:1px solid var(--color-line)}.filter-panel__header{display:none}.filter-panel details{padding-block:.8rem;border-block-end:1px solid var(--color-line)}.filter-panel summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;font-size:.8rem;font-weight:700;text-transform:uppercase}.filter-active-count{display:inline-grid;min-width:1.35rem;height:1.35rem;place-items:center;border-radius:50%;background:var(--color-foreground);color:var(--color-background);font-size:.62rem}.filter-values{display:grid;gap:.5rem;padding-block-start:.8rem}.filter-value{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:2rem;font-size:.82rem;cursor:pointer}.filter-value.is-disabled{cursor:not-allowed;opacity:.5}.filter-value__image,.filter-value__swatch{width:2rem;height:2rem;border:1px solid var(--color-line);border-radius:50%;object-fit:cover}.filter-value__swatch{background:var(--filter-swatch) center / cover no-repeat}.filter-value__label{overflow-wrap:anywhere}.filter-value__count{color:var(--color-muted);font-size:.7rem}.filter-price-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.filter-panel__actions{display:grid;gap:.6rem;padding-block-start:1rem}.filter-drawer-backdrop{display:none}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-end:1rem}.active-filter{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .6rem;background:var(--color-surface);color:var(--color-surface-foreground);border:1px solid var(--color-line);font-size:.75rem;text-decoration:none}.active-filter--clear{background:transparent;color:var(--color-foreground)}.collection-supporting--legacy{max-width:60rem;margin-inline:auto}.search-facet .filter-value{grid-template-columns:auto minmax(0,1fr) auto}@media(max-width:989px){.collection-layout{grid-template-columns:1fr}.collection-filter-toggle{display:inline-flex}.filter-panel{position:fixed;z-index:90;inset-block:0;inset-inline-start:0;display:none;width:min(88vw,24rem);max-height:none;padding:0 1rem 1rem;overflow-y:auto;background:var(--color-surface);box-shadow:1rem 0 2rem #0000002e}.filter-panel.is-open{display:block}.filter-panel__header{position:sticky;z-index:1;top:0;display:flex;min-height:4rem;align-items:center;justify-content:space-between;background:var(--color-surface);border-block-end:1px solid var(--color-line)}.filter-panel__close{width:2.75rem;height:2.75rem;font-size:1.5rem}.filter-drawer-backdrop.is-open{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:block;background:#00000075}}@media(max-width:639px){.collection-grid{grid-template-columns:repeat(var(--collection-columns-mobile, 2),minmax(0,1fr))}.collection-toolbar{align-items:flex-start;flex-direction:column}.collection-toolbar__actions{width:100%;align-items:stretch}.collection-sort{min-width:0;flex:1}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-collection.css.map */
