.collection__main{position:relative}.collection__header{position:sticky;top:80px;z-index:10;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:96px;padding:0 20px;background-color:var(--color-background)}.collection__header__top-row{display:flex;align-items:center;justify-content:space-between}.collection__header__filters-toggle{padding-left:0}.collection__header__grid-actions{display:none;align-items:center}.collection__header__grid-actions button{padding-inline:8px!important}.collection__header__grid-actions button:last-child{padding-right:0!important}.collection__header__grid-actions button svg{width:24px;height:24px}.collection__header__grid-actions button.active svg path{fill-rule:nonzero!important;clip-rule:nonzero!important}.collection__title{width:100%;padding:20px 0;font-family:var(--font-primary);font-size:12px;letter-spacing:.025em;text-transform:uppercase;text-align:center}.collection__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}.collection__nav-container{display:flex;align-items:center;height:44px}.collection__nav-wrapper{flex:1}.collection__nav{display:flex;overflow:scroll;align-items:center;scrollbar-width:none;overscroll-behavior:auto!important}.collection__nav>a{flex-shrink:0;font-size:12px!important}.collection__nav>a.active{font-weight:600}.collection__nav__backwards-btn{padding-left:0!important;color:var(--color-muted-foreground)}.collection__nav__forward-btn{padding-right:0!important;color:var(--color-muted-foreground)}.collection__nav__forward-btn svg{transform:rotate(180deg)}.collection__filters-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;opacity:0;pointer-events:none;background-color:#0006;transition:opacity .3s ease}.collection__filters-overlay.is-open{opacity:1;pointer-events:auto}.collection__filters-sidebar{position:fixed;top:0;right:0;z-index:200;display:flex;flex-direction:column;width:100vw;height:100dvh;background-color:var(--color-background);transform:translate(100%);transition:transform .3s ease}.collection__filters-sidebar.is-open{transform:translate(0)}.collection__filters-sidebar__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:20px}.collection__filters-sidebar__close{margin-left:auto;padding-right:0!important;font-size:12px!important}.collection__filters-sidebar__body{overflow-y:auto;flex:1;padding:0 20px 20px}.collection__filters-sidebar__body form{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.collection__filter{border-bottom:1px solid var(--color-border)}.collection__filter__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;border:none;font-size:12px;letter-spacing:.05em;text-transform:uppercase;background:none;cursor:pointer}.collection__filter__trigger svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .2s ease}.collection__filter.is-open .collection__filter__trigger svg{transform:rotate(-90deg)}.collection__filter__options{display:none;padding:10px 0}.collection__filter.is-open .collection__filter__options{display:flex;flex-direction:column;gap:10px}.collection__filter__option{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer}.collection__filter__option input[type=checkbox]{flex-shrink:0;width:16px;height:16px;accent-color:var(--color-foreground);cursor:pointer}.collection__filter__option input:disabled+span{opacity:.4}.collection__filter__option__count{font-size:11px;color:var(--color-muted-foreground)}.collection__filter__price{display:flex;gap:12px}.collection__filter__price label{display:flex;flex-direction:column;flex:1;gap:4px;font-size:12px}.collection__filter__price input{width:100%;padding:8px;border:1px solid var(--color-border);font-size:13px;background:none}.collection__filters__buttons{display:flex;flex-direction:column;gap:8px}.collection__filters__apply,.collection__filters__clear{width:100%}.collection__filters__empty{padding:20px 0;font-size:13px;color:var(--color-muted-foreground)}@media(min-width:750px){.collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection__header{padding:0 32px;height:auto}.collection__header__top-row{padding:16px 0}.collection__filters-sidebar{width:min(400px,100vw)}}@media(min-width:1024px){.collection__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.collection__header{padding:0 40px}.collection__header__grid-actions{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection.css.map */