.filter-bar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--page-gutter-desktop)}.filter-bar__left,.filter-bar__right{display:flex;align-items:center;gap:var(--space-5)}.filter-group{position:relative;align-self:stretch;display:flex;align-items:center}.filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--font-size-xs);font-weight:400;text-transform:uppercase;letter-spacing:var(--ls-ultra);color:var(--color-black);background:transparent;border:1px solid var(--color-black);padding:var(--space-1) var(--space-4);cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.filter-btn__chevron{flex-shrink:0;transition:transform .2s ease}.filter-btn[aria-expanded=true] .filter-btn__chevron{transform:rotate(180deg)}.filter-btn:hover,.filter-btn[aria-expanded=true]{background:var(--color-black);color:var(--color-white)}.filter-panel{position:absolute;top:calc(100% + 1px);left:0;min-width:220px;background:var(--color-white);border:1px solid var(--color-black);padding:var(--space-5);z-index:50;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.filter-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}.filter-panel--sort{left:auto;right:0;min-width:180px}.filter-option{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-1) 0}.filter-option input[type=checkbox]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1px solid var(--color-black);flex-shrink:0;cursor:pointer;position:relative}.filter-option input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--color-black)}.color-swatch--inline{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.filter-price{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-price input[type=number]{width:80px;border:none;border-bottom:1px solid var(--color-black);background:transparent;font-size:var(--font-size-sm);font-family:inherit;padding-bottom:var(--space-1);outline:none}.filter-apply{width:100%;font-family:inherit;font-size:var(--font-size-xs);font-weight:400;text-transform:uppercase;letter-spacing:var(--ls-ultra);color:var(--color-black);background:transparent;border:1px solid var(--color-black);padding:var(--space-1) var(--space-4);cursor:pointer;margin-top:var(--space-4);transition:background .15s ease,color .15s ease}.filter-apply:hover{background:var(--color-black);color:var(--color-white)}.filter-instock{display:flex;align-items:center;gap:var(--space-2);font-family:inherit;font-size:var(--font-size-xs);font-weight:400;text-transform:uppercase;letter-spacing:var(--ls-ultra);cursor:pointer}.filter-instock input[type=checkbox]{appearance:none;-webkit-appearance:none;width:12px;height:12px;border:1px solid var(--color-black);flex-shrink:0;cursor:pointer;position:relative}.filter-instock input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:var(--color-black)}.sort-option{display:block;font-size:var(--font-size-xs);font-weight:400;text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--color-black);text-decoration:none;padding:var(--space-2) 0}.sort-option.is-active{font-weight:700}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap-normal);padding:var(--space-4) var(--page-gutter-desktop) 0}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) 0}.pagination__item{font-size:var(--font-size-sm);font-weight:400;color:var(--color-black);border:1px solid var(--color-black);padding:var(--space-2) var(--space-4);text-decoration:none;transition:background .15s ease,color .15s ease}.pagination__item:hover,.pagination__item--active{background:var(--color-black);color:var(--color-white)}.collection-separator{width:100%;height:var(--space-9);background:transparent;border:none;margin:0}.filter-bar--mobile{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--page-gutter-mobile)}@media(min-width:1024px){.filter-bar--mobile{display:none}.filter-modal{display:none!important}}@media(max-width:1023px){.filter-bar--desktop{display:none}}.filter-panel--sort-mobile{right:0;left:auto}.filter-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;visibility:hidden;pointer-events:none}.filter-modal.is-open{visibility:visible;pointer-events:auto}.filter-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .35s ease}.filter-modal.is-open .filter-modal__overlay{opacity:1}.filter-modal__panel{position:absolute;bottom:0;left:0;right:0;background:var(--color-white);max-height:85vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .35s ease}.filter-modal.is-open .filter-modal__panel{transform:translateY(0)}.filter-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--page-gutter-mobile);border-bottom:1px solid var(--color-border);flex-shrink:0}.filter-modal__title{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--color-black)}.filter-modal__close{background:none;border:none;cursor:pointer;padding:var(--space-1);color:var(--color-black);display:flex;align-items:center}.filter-modal__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.filter-modal__form{padding:0 var(--page-gutter-mobile) var(--space-4)}.filter-modal__group{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.filter-modal__group:last-child{border-bottom:none}.filter-modal__group-title{font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--color-black);margin:0 0 var(--space-4)}.filter-modal__footer{padding:var(--space-4) var(--page-gutter-mobile);border-top:1px solid var(--color-border);flex-shrink:0}.filter-modal__apply{width:100%;font-family:inherit;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--ls-widest);color:var(--color-white);background:var(--color-black);border:1px solid var(--color-black);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s ease,color .15s ease}.filter-modal__apply:hover{background:var(--color-white);color:var(--color-black)}@media(min-width:768px)and (max-width:1023px){.collection-grid{grid-template-columns:repeat(2,1fr)}.filter-bar--mobile{padding:0 var(--page-gutter-desktop)}}@media(max-width:767px){.collection-grid{grid-template-columns:repeat(2,1fr);padding:var(--space-5) var(--page-gutter-mobile) 0;gap:var(--grid-gap-mobile)}}@media(prefers-reduced-motion:reduce){.filter-btn,.filter-panel,.filter-apply,.pagination__item,.filter-modal__overlay,.filter-modal__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection-filters-grid.css.map */