.collection{display:flex;gap:var(--spacing-xl)}.collection--has-sidebar{flex-wrap:wrap}.collection__sidebar{width:280px;flex-shrink:0}.collection__main{flex:1;min-width:0}@media screen and (max-width:989px){.collection__sidebar{display:none}.collection__sidebar--mobile-visible{display:block;width:100%}}.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.filter-toolbar__left,.filter-toolbar__right{display:flex;align-items:center;gap:var(--spacing-md)}.filter-toolbar__count{font-size:var(--font-size-sm);color:var(--color-text-light)}.filter-toolbar__sort{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-toolbar__sort label{font-size:var(--font-size-sm);color:var(--color-text-light);white-space:nowrap}.filter-toolbar__sort select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-background);font-size:var(--font-size-sm);cursor:pointer;min-width:150px}.filter-toggle{display:none;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-background);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.filter-toggle:hover{border-color:var(--color-primary)}.filter-toggle__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);font-size:var(--font-size-xs)}@media screen and (max-width:989px){.filter-toggle{display:inline-flex}}.filter-sidebar{position:sticky;top:calc(var(--header-height, 70px) + var(--spacing-lg));max-height:calc(100vh - var(--header-height, 70px) - var(--spacing-xl) * 2);overflow-y:auto;padding-right:var(--spacing-sm)}.filter-sidebar::-webkit-scrollbar{width:4px}.filter-sidebar::-webkit-scrollbar-track{background:var(--color-background-secondary)}.filter-sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-full)}.filter-group{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.filter-group:last-child{border-bottom:none;margin-bottom:0}.filter-group__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) 0;background:none;border:none;cursor:pointer;text-align:left}.filter-group__title{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.filter-group__icon{width:12px;height:12px;transition:transform var(--transition-fast)}.filter-group.is-collapsed .filter-group__icon{transform:rotate(-90deg)}.filter-group__content{overflow:hidden;transition:max-height .3s ease}.filter-group.is-collapsed .filter-group__content{max-height:0}.filter-group__list{list-style:none;padding:0;margin:0}.filter-group__item{margin-bottom:var(--spacing-xs)}.filter-group__item:last-child{margin-bottom:0}.filter-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) 0}.filter-checkbox input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary)}.filter-checkbox__label{flex:1;font-size:var(--font-size-sm)}.filter-checkbox__count{font-size:var(--font-size-xs);color:var(--color-text-light)}.filter-checkbox:hover .filter-checkbox__label{color:var(--color-primary)}.filter-swatches{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.filter-swatch{position:relative;width:32px;height:32px;border-radius:var(--border-radius-full);border:2px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.filter-swatch:hover{transform:scale(1.1)}.filter-swatch.is-active{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.filter-swatch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.filter-swatch__color{width:100%;height:100%;border-radius:var(--border-radius-full)}.price-slider{padding:var(--spacing-md) 0}.price-slider__track{position:relative;height:4px;background:var(--color-border);border-radius:var(--border-radius-full);margin:var(--spacing-lg) 0}.price-slider__range{position:absolute;height:100%;background:var(--color-primary);border-radius:var(--border-radius-full)}.price-slider__input{position:absolute;width:100%;height:4px;top:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}.price-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-background);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 4px #0000001a;transition:transform var(--transition-fast)}.price-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1)}.price-slider__input::-moz-range-thumb{width:20px;height:20px;background:var(--color-background);border:2px solid var(--color-primary);border-radius:50%;cursor:pointer;pointer-events:auto;box-shadow:0 2px 4px #0000001a}.price-slider__values{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text)}.price-inputs{display:flex;align-items:center;gap:var(--spacing-sm)}.price-input{flex:1}.price-input input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);font-size:var(--font-size-sm);text-align:center}.price-inputs__separator{color:var(--color-text-light)}.active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.active-filter{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-background-secondary);border-radius:var(--border-radius-full);font-size:var(--font-size-sm)}.active-filter__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:none;border:none;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast)}.active-filter__remove:hover{opacity:1}.active-filter__remove svg{width:10px;height:10px}.clear-filters{font-size:var(--font-size-sm);color:var(--color-text-light);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}.clear-filters:hover{color:var(--color-primary)}.filter-drawer{position:fixed;top:0;left:0;width:100%;max-width:400px;height:100%;background:var(--color-background);z-index:var(--z-modal, 1000);transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column}.filter-drawer.is-open{transform:translate(0)}.filter-drawer--right{left:auto;right:0;transform:translate(100%)}.filter-drawer--right.is-open{transform:translate(0)}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.filter-drawer__title{font-size:var(--font-size-lg);font-weight:600}.filter-drawer__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer}.filter-drawer__close svg{width:20px;height:20px}.filter-drawer__content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.filter-drawer__footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border)}.filter-drawer__footer .btn{flex:1}.filter-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:calc(var(--z-modal, 1000) - 1);opacity:0;visibility:hidden;transition:all .3s ease}.filter-drawer.is-open+.filter-drawer__overlay,.filter-drawer.is-open~.filter-drawer__overlay{opacity:1;visibility:visible}body.filter-drawer-open{overflow:hidden}@media screen and (max-width:749px){.filter-drawer--bottom-sheet{top:auto;bottom:0;left:0;right:0;width:100%;max-width:100%;max-height:85vh;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;transform:translateY(100%)}.filter-drawer--bottom-sheet.is-open{transform:translateY(0)}.filter-drawer--bottom-sheet .filter-drawer__handle{width:40px;height:4px;background:var(--color-border);border-radius:var(--border-radius-full);margin:var(--spacing-sm) auto var(--spacing-md)}}.quick-filters{overflow:hidden;margin-bottom:var(--spacing-lg)}.quick-filters__scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-xs) 0}.quick-filters__scroll::-webkit-scrollbar{display:none}.quick-filter{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-background);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;scroll-snap-align:start;transition:all var(--transition-fast);border-radius:var(--border-radius-full)}.quick-filter:hover,.quick-filter.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.collection__main.is-loading{position:relative;pointer-events:none}.collection__main.is-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;z-index:10}.collection__main.is-loading .product-grid{opacity:.5}.load-more{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.load-more__btn{position:relative;min-width:200px}.load-more__btn.is-loading{color:transparent;pointer-events:none}.load-more__btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--color-background);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.infinite-trigger{height:1px;visibility:hidden}.collection-empty{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg)}.collection-empty__icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);color:var(--color-text-light)}.collection-empty__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.collection-empty__text{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}@media screen and (max-width:989px){.filter-bar--sticky{position:sticky;top:var(--header-height, 70px);z-index:var(--z-sticky, 100);background:var(--color-background);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);margin:0 calc(var(--spacing-md) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}}.filter-horizontal{border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.filter-horizontal__inner{display:flex;align-items:center;gap:var(--spacing-lg);overflow-x:auto}.filter-horizontal .filter-group{flex-shrink:0;border:none;padding:0;margin:0}.filter-horizontal .filter-group__header{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.filter-horizontal .filter-group__content{position:absolute;top:100%;left:0;min-width:200px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-md);padding:var(--spacing-md);z-index:10;display:none}.filter-horizontal .filter-group.is-open .filter-group__content{display:block}.filter-checkbox input:focus-visible+.filter-checkbox__label:before{outline:2px solid var(--color-primary);outline-offset:2px}.filter-group__header:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-filters.css.map */