.filter-sidebar-mobile{position:fixed;inset:0;z-index:200}.filter-sidebar-mobile__overlay{position:absolute;inset:0;background:#00000080}.filter-sidebar-mobile__content{position:absolute;top:0;left:0;bottom:0;width:320px;max-width:100%;background:var(--color-white)}.filter-mobile-enter-active,.filter-mobile-leave-active{transition:all .3s ease}.filter-mobile-enter-active .filter-sidebar-mobile__overlay,.filter-mobile-leave-active .filter-sidebar-mobile__overlay{transition:opacity .3s ease}.filter-mobile-enter-active .filter-sidebar-mobile__content,.filter-mobile-leave-active .filter-sidebar-mobile__content{transition:transform .3s ease}.filter-mobile-enter-from .filter-sidebar-mobile__overlay,.filter-mobile-leave-to .filter-sidebar-mobile__overlay{opacity:0}.filter-mobile-enter-from .filter-sidebar-mobile__content,.filter-mobile-leave-to .filter-sidebar-mobile__content{transform:translate(-100%)}.filter-sidebar-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.filter-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(12,12,12,.1)}.filter-sidebar-header__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:400;margin:0}.filter-sidebar-header__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer}@media(min-width:1024px){.filter-sidebar-header__close{display:none}}.filter-sidebar-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid rgba(12,12,12,.1)}.filter-sidebar-footer__clear{flex:1;padding:.875rem;background:transparent;border:1px solid rgba(12,12,12,.15);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-sidebar-footer__clear:hover{border-color:var(--color-primary, #000)}.filter-sidebar-footer__apply{flex:1;padding:.875rem;background:var(--color-primary, #000);border:none;color:var(--color-white);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background-color .2s}.filter-sidebar-footer__apply:hover{background:var(--color-accent-dark, #000000)}@media(min-width:1024px){.filter-sidebar-footer{display:none}}.filter-group-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;margin-bottom:.75rem;background:transparent;border:none;cursor:pointer}.filter-group-header__title{font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.filter-group-header__icon{transition:transform .2s}.filter-group-header__icon--rotated{transform:rotate(-180deg)}.filter-group-content{display:flex;flex-direction:column;gap:.375rem}.filter-group-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.filter-group-collapse--open{grid-template-rows:1fr}.filter-group-collapse__inner{overflow:hidden}.filter-group{border-bottom:1px solid rgba(12,12,12,.1);padding-bottom:1rem;margin-bottom:1rem}.filter-group:last-child{border-bottom:none;margin-bottom:0}.filter-sidebar{display:flex;flex-direction:column;width:100%;height:fit-content;background:var(--color-white);border-radius:8px;border:1px solid rgba(12,12,12,.08)}.filter-search-box{padding:1rem;border-bottom:1px solid rgba(12,12,12,.08)}.filter-search-box__input-wrap{position:relative;display:flex;align-items:center}.filter-search-box__icon{position:absolute;left:.75rem;width:18px;height:18px;color:#0c0c0c8c;pointer-events:none}.filter-search-box__input{width:100%;padding:.75rem 2.5rem;border:1px solid rgba(12,12,12,.15);border-radius:8px;font-size:.875rem;font-family:var(--font-body);background:#fafafa;transition:all .2s ease}.filter-search-box__input:focus{outline:none;border-color:var(--color-primary, #000);background:var(--color-white);box-shadow:0 0 0 3px #0c0c0c0d}.filter-search-box__input::placeholder{color:#0c0c0c8c}.filter-search-box__clear{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#0c0c0c1a;border-radius:50%;cursor:pointer;transition:background .2s ease}.filter-search-box__clear:hover{background:#0c0c0c33}.filter-search-box__clear svg{width:12px;height:12px;color:var(--color-primary, #000)}.filter-active{padding:1rem;background:#f8f8f8;border-bottom:1px solid rgba(12,12,12,.08)}.filter-active__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.filter-active__title{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#0c0c0c99}.filter-active__clear{font-size:.75rem;color:#c44;background:none;border:none;cursor:pointer;text-decoration:underline}.filter-active__tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:var(--color-white);border:1px solid rgba(12,12,12,.15);border-radius:20px;font-size:.75rem;color:var(--color-primary, #000)}.filter-tag button{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:#0c0c0c1a;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;color:var(--color-primary, #000)}.filter-tag button:hover{background:#c44;color:#fff}.filter-list{display:flex;flex-direction:column;gap:.25rem}.filter-list--scrollable{max-height:180px;overflow-y:auto;padding-right:.5rem}.filter-list--scrollable::-webkit-scrollbar{width:4px}.filter-list--scrollable::-webkit-scrollbar-track{background:#0c0c0c0d;border-radius:2px}.filter-list--scrollable::-webkit-scrollbar-thumb{background:#0c0c0c33;border-radius:2px}.filter-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;cursor:pointer;font-size:.875rem;border-radius:6px;transition:background .15s ease}.filter-item:hover{background:#0c0c0c08}.filter-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.filter-item__check{width:18px;height:18px;border:2px solid rgba(12,12,12,.25);border-radius:4px;transition:all .15s ease;position:relative;flex-shrink:0}.filter-item input:checked+.filter-item__check{background:var(--color-primary, #000);border-color:var(--color-primary, #000)}.filter-item input:checked+.filter-item__check:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.filter-item__label{flex:1;color:var(--color-primary, #000);font-size:.8125rem}.filter-item__count{color:#0c0c0ca6;font-size:.75rem;background:#0c0c0c0d;padding:.15rem .4rem;border-radius:10px}.filter-input{width:100%;padding:.6rem .75rem;margin-bottom:.75rem;border:1px solid rgba(12,12,12,.15);border-radius:6px;font-size:.8125rem;font-family:var(--font-body);background:#fafafa;transition:all .2s ease}.filter-input:focus{outline:none;border-color:var(--color-primary, #000);background:var(--color-white)}.filter-price{display:flex;align-items:center;gap:.75rem}.filter-price__field{flex:1;display:flex;align-items:center;border:1px solid rgba(12,12,12,.15);border-radius:6px;background:#fafafa;overflow:hidden;transition:all .2s ease}.filter-price__field:focus-within{border-color:var(--color-primary, #000);background:var(--color-white)}.filter-price__currency{padding:.5rem .6rem;font-size:.75rem;color:#0c0c0ca6;background:#0c0c0c08;border-right:1px solid rgba(12,12,12,.1)}.filter-price__input{flex:1;width:100%;padding:.5rem;border:none;font-size:.8125rem;font-family:var(--font-body);background:transparent;text-align:center}.filter-price__input:focus{outline:none}.filter-price__input::-webkit-outer-spin-button,.filter-price__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.filter-price__separator{color:#0c0c0c8c;font-size:.875rem}@media(max-width:1023px){.filter-sidebar{height:100%;border-radius:0;border:none;overflow-y:auto}}.collection-page__sidebar .filter-sidebar{position:static;height:auto}