.collection__header{margin-bottom:calc(var(--spacing-unit) * 2)}.collection__container{display:grid;gap:calc(var(--spacing-unit) * 2)}.collection__container--has-filters{grid-template-columns:calc(var(--spacing-unit) * 19) 1fr}.collection__filters{position:sticky;top:calc(var(--spacing-unit) * 2);height:fit-content}.collection__sorting{margin-bottom:calc(var(--spacing-unit) * 2)}.filter-group{border:1px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:var(--spacing-unit)}.filter-group__header{padding:var(--spacing-unit);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.filter-group__content{padding:var(--spacing-unit);border-top:1px solid var(--color-border)}.filter-group__icon{position:relative;width:18px;height:18px}.filter-group__icon .icon{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease}.filter-group__icon .icon-minus{opacity:1}.filter-group__icon .icon-plus{opacity:0}.filter-group:not([open]) .filter-group__icon .icon-minus{opacity:0}.filter-group:not([open]) .filter-group__icon .icon-plus{opacity:1}.filters__list{list-style:none;padding:0;margin:0}.filters__item{margin-bottom:calc(var(--spacing-unit) * .5)}.filters__checkbox{display:flex;align-items:center;gap:calc(var(--spacing-unit) * .5)}.filters__checkbox.disabled{opacity:.5;cursor:not-allowed}.filters__price-range{display:grid;gap:var(--spacing-unit);padding:var(--spacing-unit)}.filters__active{margin-bottom:calc(var(--spacing-unit) * 2);padding-bottom:var(--spacing-unit);border-bottom:1px solid var(--color-border)}.filters__active-list{list-style:none;padding:0;margin:0 0 var(--spacing-unit) 0;display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * .5)}.filters__active-button{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * .5);padding:calc(var(--spacing-unit) * .5) var(--spacing-unit);background:var(--color-background-secondary);border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);font-size:var(--font-size-sm)}.filters__active-button:hover{background:var(--color-background-secondary-hover)}.filters__active-button .icon{width:12px;height:12px}.filters__clear-all{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:underline}.filters__clear-all:hover{color:var(--color-text)}@media screen and (max-width:767px){.collection__container--has-filters{grid-template-columns:1fr}.collection__filters{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background);z-index:100;display:none}.collection__filters.is-active{display:flex;flex-direction:column}.filters__mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-unit);border-bottom:1px solid var(--color-border)}.filters__content{flex:1;overflow-y:auto;padding:var(--spacing-unit)}}.filter-group .input{padding:calc(.5 * var(--spacing-unit)) var(--spacing-unit)}