.collection-hero{position:relative;background:var(--color-bg)}.collection-hero__image-wrapper{position:relative;width:100%;height:min(420px,42.86vw);overflow:hidden;background:var(--color-surface-alt)}.collection-hero__image{width:100%;height:100%;object-fit:cover;object-position:center 10%}.collection-hero__overlay{padding:var(--space-5) 0 var(--space-2)}.collection-hero--no-image .collection-hero__overlay{padding-top:0}.collection-hero--has-image .collection-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:linear-gradient(to top,#1f1b189e,#1f1b1800 60%);color:var(--color-text-inverse);padding-bottom:var(--space-8)}.collection-hero__content{max-width:var(--page-width-text)}.collection-hero__title{margin:0 0 var(--space-2);font-size:var(--font-size-3xl);letter-spacing:-.01em}.collection-hero--has-image .collection-hero__title{color:inherit}.collection-hero__description{color:var(--color-text-muted);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.collection-hero--has-image .collection-hero__description{color:inherit;opacity:.9}.collection-hero__description p{margin:0}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6)}.collection-toolbar__left{display:flex;align-items:center;gap:var(--space-4)}.collection-filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height-mobile);padding:0 var(--space-4);border:1px solid var(--color-text);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-button);text-transform:uppercase;cursor:pointer}.collection-filter-toggle svg{width:18px;height:18px}@media screen and (min-width:1200px){.collection-filter-toggle[aria-expanded=true]{background:var(--color-surface-alt)}}.collection-filter-toggle__count{min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:.6875rem;letter-spacing:0}.collection-toolbar__count{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.collection-sort{display:flex;align-items:center;gap:var(--space-3)}.collection-sort__label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.collection-sort__select-wrapper{position:relative}.collection-sort__select{min-height:var(--control-height-mobile);padding:0 var(--space-10) 0 var(--space-4);font-size:var(--font-size-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);-webkit-appearance:none;appearance:none}.collection-sort__icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;color:var(--color-text-muted)}.collection-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.collection-active-filters__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-right:var(--space-1)}.collection-active-filters__pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text);text-decoration:none}.collection-active-filters__pill svg{width:14px;height:14px;color:var(--color-text-muted)}.collection-active-filters__pill:hover{border-color:var(--color-text)}.collection-active-filters__clear{font-size:var(--font-size-sm);color:var(--color-text);text-decoration:underline;text-underline-offset:4px}.collection-layout{display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:start}.collection-layout--has-filters{grid-template-columns:240px minmax(0,1fr)}@media screen and (min-width:1200px){.collection-layout--has-filters.collection-layout--filters-hidden{grid-template-columns:1fr}.collection-layout--filters-hidden .collection-filters-sidebar{display:none}.collection-layout--has-filters:not(.collection-layout--filters-hidden) .collection-grid--4-col{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-layout--has-filters:not(.collection-layout--filters-hidden) .collection-grid--5-col{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-filters-sidebar{max-height:calc(100vh - var(--header-height) - var(--space-10));overflow-y:auto}.collection-filters-apply-btn{display:none}}.collection-grid-wrapper{min-width:0}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8) var(--grid-gap)}.collection-grid--3-col{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-grid--5-col{grid-template-columns:repeat(5,minmax(0,1fr))}.collection-filters-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-6));background:var(--color-bg)}.collection-filters-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.collection-filters-sidebar__title{margin:0;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase}.collection-filters-sidebar__close{display:none}.collection-filter-group{border-bottom:1px solid var(--color-border)}.collection-filter-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0;background:transparent;border:0;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;text-align:left}.collection-filter-group__toggle svg{width:16px;height:16px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.collection-filter-group__toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.collection-filter-group__content{padding-bottom:var(--space-4)}.collection-filter-group__toggle[aria-expanded=false]+.collection-filter-group__content{display:none}.collection-filter-list{display:grid;gap:2px;margin:0;padding:0}.collection-filter-list__label{display:flex;align-items:center;gap:var(--space-3);min-height:36px;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.collection-filter-list__label--disabled{color:var(--color-text-muted);opacity:.5;cursor:not-allowed}.collection-filter-checkbox{position:absolute;opacity:0;width:1px;height:1px}.collection-filter-checkmark{width:18px;height:18px;flex:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);display:grid;place-items:center;transition:background var(--transition-fast),border-color var(--transition-fast)}.collection-filter-checkbox:checked+.collection-filter-checkmark{background:var(--color-text);border-color:var(--color-text)}.collection-filter-checkbox:checked+.collection-filter-checkmark:after{content:"";width:5px;height:9px;border:solid var(--color-bg);border-width:0 1.5px 1.5px 0;transform:translateY(-1px) rotate(45deg)}.collection-filter-checkbox:focus-visible+.collection-filter-checkmark{outline:2px solid var(--color-focus);outline-offset:2px}.collection-filter-list__count{color:var(--color-text-muted);margin-left:4px}.collection-filter-price__inputs{display:flex;align-items:flex-end;gap:var(--space-2);margin-bottom:var(--space-3)}.collection-filter-price__field{flex:1;display:grid;gap:var(--space-1)}.collection-filter-price__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.collection-filter-price__input-wrapper{display:flex;align-items:center;min-height:var(--control-height-mobile);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface)}.collection-filter-price__currency{color:var(--color-text-muted);margin-right:4px}.collection-filter-price__input{width:100%;border:0;background:transparent;font-size:max(1rem,16px);color:var(--color-text);-moz-appearance:textfield}.collection-filter-price__input::-webkit-inner-spin-button,.collection-filter-price__input::-webkit-outer-spin-button{-webkit-appearance:none}.collection-filter-price__separator{color:var(--color-text-muted);padding-bottom:12px}.collection-filters-actions{display:grid;gap:var(--space-2);padding-top:var(--space-4)}.collection-filters-overlay{display:none}.collection-pagination{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8)}.collection-pagination>span{display:inline-grid;place-items:center;min-width:var(--touch-target);height:var(--touch-target);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text)}.collection-pagination>span>a{display:grid;place-items:center;width:100%;height:100%;padding:0 var(--space-3);color:inherit;text-decoration:none}.collection-pagination>span:hover{border-color:var(--color-text)}.collection-pagination>.current{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.collection-pagination>.deco{border:0;min-width:0;color:var(--color-text-muted)}.collection-empty{grid-column:1 / -1;padding:var(--space-20) var(--space-4);text-align:center;display:grid;justify-items:center;gap:var(--space-3)}.collection-empty__icon{color:var(--color-text-muted)}.collection-empty__icon svg{width:40px;height:40px}.collection-empty__heading{margin:0;font-size:var(--font-size-xl)}.collection-empty__subheading{margin:0 0 var(--space-3);color:var(--color-text-muted);max-width:44ch}@media screen and (max-width:1199px){.collection-grid,.collection-grid--5-col{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-layout--has-filters{grid-template-columns:1fr}.collection-filters-sidebar{position:fixed;top:0;bottom:0;left:0;width:min(86vw,380px);padding:0 var(--space-5) var(--space-5);overflow-y:auto;background:var(--color-bg);transform:translate(-100%);transition:transform var(--transition-smooth);z-index:var(--z-modal)}.collection-filters-sidebar.is-open{transform:none}.collection-filters-sidebar__header{position:sticky;top:0;min-height:var(--header-height);padding:0;margin-bottom:var(--space-2);background:var(--color-bg)}.collection-filters-sidebar__close{display:inline-grid}.collection-filters-actions{position:sticky;bottom:0;margin-top:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--color-bg)}.collection-filters-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility 0s linear var(--transition-base);z-index:calc(var(--z-modal) - 1)}.collection-filters-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}}@media screen and (max-width:749px){.collection-hero__overlay{padding:var(--space-6) 0 var(--space-4)}.collection-hero__title{font-size:var(--font-size-2xl)}.collection-toolbar{flex-wrap:wrap;gap:var(--space-2) var(--space-3);padding:var(--space-3) 0}.collection-toolbar__left{display:contents}.collection-toolbar__count{order:3;flex-basis:100%;font-size:var(--font-size-xs)}.collection-sort__label{display:none}.collection-toolbar__right{order:2;margin-left:auto}.collection-sort__select{max-width:160px;padding-right:var(--space-8)}.collection-grid,.collection-grid--3-col,.collection-grid--5-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--grid-gap)}}.collection-layout[aria-busy=true] .collection-grid,.collection-layout[aria-busy=true] .collection-load-more{opacity:.45;pointer-events:none;transition:opacity var(--transition-fast)}.collection-filter-price__presets{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.collection-filter-price__preset{min-height:32px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-xs);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.collection-filter-price__preset:hover{border-color:var(--color-text)}.collection-filter-price__preset[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.collection-load-more{display:grid;justify-items:center;gap:var(--space-3);margin-top:var(--space-10);text-align:center}.collection-load-more__count{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.collection-load-more__btn{min-width:200px}.collection-load-more__btn[aria-busy=true]{opacity:.6;pointer-events:none}.collection-pagination[hidden]{display:none}@media screen and (max-width:749px){.collection-toolbar{position:sticky;top:var(--header-height);z-index:var(--z-dropdown);margin-left:calc(-1 * var(--page-gutter));margin-right:calc(-1 * var(--page-gutter));padding-left:var(--page-gutter);padding-right:var(--page-gutter);background:var(--color-bg)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-page.css.map */