.filter-trigger-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--color-border);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all .2s ease}.filter-trigger-btn:hover{border-color:var(--color-black)}.filter-trigger-btn svg{width:18px;height:18px}.filter-trigger-btn__badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--color-black);color:var(--color-white);font-size:11px;font-weight:var(--font-weight-semibold);border-radius:10px}.filter-drawer .drawer-content{padding:0}.filter-section{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--gray-100)}.filter-section:last-child{border-bottom:none}.filter-section__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0 0 var(--spacing-4) 0;color:var(--color-text-primary)}.filter-section__values{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.filter-section__values--colors{gap:var(--spacing-3)}.filter-section__values--sizes{gap:var(--spacing-2)}.sort-options{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.sort-option{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);background:transparent;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.sort-option:hover{border-color:var(--color-black)}.sort-option.selected{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.price-range{display:flex;flex-direction:column;gap:var(--spacing-4)}.price-range__inputs{display:flex;align-items:center;gap:var(--spacing-3)}.price-range__input-group{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.price-range__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.price-range__input{width:80px;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);font-size:var(--font-size-sm);text-align:center;appearance:textfield;-moz-appearance:textfield}.price-range__input::-webkit-outer-spin-button,.price-range__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-range__input:focus{outline:none;border-color:var(--color-black)}.price-range__currency{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.price-range__separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.price-range__slider{position:relative;height:24px;margin-top:var(--spacing-2)}.price-range__track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--gray-200);transform:translateY(-50%);border-radius:2px}.price-range__track-fill{position:absolute;height:100%;background:var(--color-black);border-radius:2px}.price-range__thumb{position:absolute;top:0;width:100%;height:24px;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}.price-range__thumb::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:var(--color-white);border:2px solid var(--color-black);border-radius:50%;cursor:pointer;pointer-events:auto;transition:transform .2s ease}.price-range__thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.price-range__thumb::-moz-range-thumb{width:20px;height:20px;background:var(--color-white);border:2px solid var(--color-black);border-radius:50%;cursor:pointer;pointer-events:auto;transition:transform .2s ease}.price-range__thumb::-moz-range-thumb:hover{transform:scale(1.1)}.price-range__thumb--min{z-index:2}.price-range__thumb--max{z-index:1}.filter-color-swatch{position:relative;width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all .2s ease;background:transparent;display:flex;align-items:center;justify-content:center}.filter-color-swatch:hover:not(:disabled){transform:scale(1.1)}.filter-color-swatch.selected{border-color:var(--color-black);border-width:2px}.filter-color-swatch.unavailable{opacity:.4;cursor:not-allowed}.filter-color-swatch__color{width:24px;height:24px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.filter-color-swatch__check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.filter-color-swatch__check svg{color:var(--color-black)}.filter-color-swatch__strikethrough{position:absolute;top:50%;left:50%;width:28px;height:2px;background:var(--color-text-secondary);transform:translate(-50%,-50%) rotate(-45deg)}.filter-size-btn{min-width:44px;height:36px;padding:0 var(--spacing-3);border:1px solid var(--color-border);background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);cursor:pointer;transition:all .2s ease}.filter-size-btn:hover:not(:disabled){border-color:var(--color-black)}.filter-size-btn.selected{background-color:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.filter-size-btn.unavailable{color:var(--color-text-tertiary);text-decoration:line-through;cursor:not-allowed}.filter-size-btn.unavailable:hover{border-color:var(--color-border)}.filter-drawer-footer{display:flex;gap:var(--spacing-3)}.filter-clear-btn{flex:0 0 auto;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:1px solid var(--color-border);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all .2s ease}.filter-clear-btn:hover{border-color:var(--color-black)}.filter-apply-btn{flex:1;padding:var(--spacing-3) var(--spacing-6);background-color:var(--color-black);color:var(--color-white);border:none;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:opacity .2s ease}.filter-apply-btn:hover{opacity:.85}@media(min-width:768px){.filter-trigger-btn{padding:var(--spacing-2) var(--spacing-4)}.filter-color-swatch{width:36px;height:36px}.filter-color-swatch__color{width:28px;height:28px}.filter-size-btn{min-width:48px;height:40px}.price-range__input{width:100px}}@media(min-width:1024px){.filter-section{padding:var(--spacing-6) var(--spacing-8)}.filter-section__values--colors{gap:var(--spacing-4)}.filter-color-swatch{width:40px;height:40px}.filter-color-swatch__color{width:32px;height:32px}}