.collection-header{padding:var(--space-3xl) 0 var(--space-xl);text-align:center;border-bottom:1px solid var(--color-border)}.collection-header__title{font-size:var(--font-size-4xl);margin-bottom:var(--space-sm)}.collection-header__description{font-size:var(--font-size-md);color:var(--color-accent-secondary);max-width:600px;margin:0 auto;line-height:1.7}.collection-header__count{font-size:var(--font-size-sm);color:var(--color-accent-secondary);margin-top:var(--space-md)}.collection-banner{position:relative;height:300px;overflow:hidden}.collection-banner img{width:100%;height:100%;object-fit:cover}.collection-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b3,#0003)}.collection-banner__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2xl);z-index:2}.collection-banner__content .collection-header__title{color:#fff;text-align:left}@media(max-width:749px){.collection-banner{height:200px}.collection-header__title{font-size:var(--font-size-3xl)}}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap}.collection-toolbar__left,.collection-toolbar__right{display:flex;align-items:center;gap:var(--space-md)}.collection-toolbar__filter-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--color-border);color:var(--color-text);background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.collection-toolbar__filter-btn:hover{border-color:var(--color-text)}.collection-toolbar__filter-btn svg{width:14px;height:14px}.collection-toolbar__count{font-size:var(--font-size-sm);color:var(--color-accent-secondary)}.collection-sort{position:relative}.collection-sort select{-webkit-appearance:none;appearance:none;padding:.5rem 2.5rem .5rem 1rem;font-size:var(--font-size-sm);border:1px solid var(--color-border);background-color:transparent;color:var(--color-text);cursor:pointer;min-width:180px}.collection-sort:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--color-text);pointer-events:none}.collection-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-2xl);padding-top:var(--space-xl)}.collection-layout--no-filters{grid-template-columns:1fr}@media(max-width:989px){.collection-layout{grid-template-columns:1fr}}.collection-filters{position:sticky;top:calc(var(--header-height) + var(--space-lg));max-height:calc(100vh - var(--header-height) - var(--space-2xl));overflow-y:auto;padding-right:var(--space-md)}@media(max-width:989px){.collection-filters{display:none}.collection-filters.is-open{display:block;position:fixed;top:0;left:0;width:320px;max-width:85vw;height:100vh;max-height:100vh;background-color:var(--color-bg);z-index:var(--z-drawer);padding:var(--space-lg);border-right:1px solid var(--color-border);overflow-y:auto}}.filter-group{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-lg);margin-bottom:var(--space-lg)}.filter-group:last-child{border-bottom:none}.filter-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--color-text);cursor:pointer;margin-bottom:var(--space-md)}.filter-group__toggle svg{width:12px;height:12px;transition:transform var(--duration-fast) var(--ease-out)}.filter-group__toggle.is-collapsed svg{transform:rotate(-90deg)}.filter-group__options{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-group__toggle.is-collapsed+.filter-group__options{display:none}.filter-option{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-accent-secondary);transition:color var(--duration-fast)}.filter-option:hover{color:var(--color-text)}.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-text);cursor:pointer;flex-shrink:0}.filter-option__count{margin-left:auto;font-size:var(--font-size-xs);opacity:.5}.filter-colors{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-color{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--duration-fast);position:relative}.filter-color:hover,.filter-color.is-active{border-color:var(--color-text)}.filter-color__swatch{width:100%;height:100%;border-radius:50%;border:1px solid var(--color-border)}.filter-price{display:flex;align-items:center;gap:var(--space-sm)}.filter-price input[type=number]{width:100%;padding:.5rem;font-size:var(--font-size-sm);text-align:center}.filter-price__separator{color:var(--color-accent-secondary);flex-shrink:0}.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) 0}.active-filter{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.375rem .75rem;font-size:var(--font-size-xs);background-color:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--duration-fast)}.active-filter:hover{border-color:var(--color-error);color:var(--color-error)}.active-filter svg{width:10px;height:10px}.active-filters__clear{font-size:var(--font-size-xs);color:var(--color-accent-secondary);text-decoration:underline;cursor:pointer;transition:color var(--duration-fast)}.active-filters__clear:hover{color:var(--color-text)}.filters-mobile-header{display:none}@media(max-width:989px){.collection-filters.is-open .filters-mobile-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-lg);margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}}.filters-mobile-header__title{font-size:var(--font-size-md);font-weight:700;text-transform:uppercase;letter-spacing:1px}.filters-mobile-header__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.collection-grid{display:grid;gap:var(--grid-gap);row-gap:var(--space-2xl)}.collection-grid--3{grid-template-columns:repeat(3,1fr)}.collection-grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:989px){.collection-grid--3,.collection-grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.collection-grid--3,.collection-grid--4{grid-template-columns:repeat(2,1fr)}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-3xl) 0 var(--space-xl)}.pagination__item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-sm);font-size:var(--font-size-sm);font-weight:700;color:var(--color-accent-secondary);border:1px solid transparent;transition:all var(--duration-fast);text-decoration:none}.pagination__item:hover{color:var(--color-text);border-color:var(--color-border)}.pagination__item.is-current{color:var(--color-bg);background-color:var(--color-text);border-color:var(--color-text)}.pagination__item--prev,.pagination__item--next{border-color:var(--color-border)}.pagination__item--prev svg,.pagination__item--next svg{width:14px;height:14px}.collection-empty{text-align:center;padding:var(--space-4xl) 0}.collection-empty__text{font-size:var(--font-size-lg);color:var(--color-accent-secondary);margin-bottom:var(--space-xl)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-collection.css.map */