.filters-sidebar-desktop{height:800px;width:550px;background:white;z-index:999;margin-top:-30px;transition:transform .7s ease;box-shadow:-4px 0 8px rgba(0,0,0,.1)}.filters-sidebar,.filters-sidebar-desktop{padding-bottom:100px;position:absolute;overflow:scroll;right:0;transform:translateX(100%)}.filters-sidebar{z-index:1000;background:#fff;width:100%;height:100%;transition:transform .7s;top:0;box-shadow:-4px 0 8px #0000001a}.filters-sidebar-close{margin-top:30px;margin-right:30px;text-align:right;cursor:pointer}.filters-title{font-size:20px;font-weight:600;margin-top:20px;margin-bottom:10px}.filters-gender,.filters-title{text-align:left}.filters-gender-content{margin-right:10px;font-size:16px}.filters-gender-content,.filters-gender-content-active{padding:5px 10px;border:1px solid black;border-radius:5px;cursor:pointer}.filters-gender-content-active{margin-right:20px;font-size:18px;background-color:black;color:white}.filters-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));max-width:500px;gap:12px}.color-circle{width:30px;height:30px;border-radius:50%;background-color:#d8d8d8;cursor:pointer;border:1px solid lightgray;transition:transform .2s ease,border .2s ease}.color-circle:hover{transform:scale(1.1)}.color-circle.selected{border:3px solid lightgray}.brand-selector{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.brand-button{border:1px solid #000;border-radius:5px;padding:5px 10px;background-color:white;color:#111;font-size:16px;cursor:pointer;transition:all .2s ease}.brand-button.selected{background-color:black;color:white}.size-selector,.size-selector-desktop{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:10px;justify-items:center;max-width:500px;margin:0 auto}.size-box{width:50px;height:40px;border:1px solid #333;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;font-size:16px;transition:all .2s ease}.size-box.selected{border:2px solid black;font-weight:700;background-color:black;color:white}.size-box-desktop{width:50px;height:50px;border:1px solid #333;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;font-size:16px;transition:all .2s ease}.size-box-desktop.selected{border:2px solid black;font-weight:700;background-color:black;color:white}.filters-sidebar-desktop.open,.filters-sidebar.open{transform:translateX(0)}.filters-delete-button,.filters-save-button{text-align:center;margin-top:20px;border:1px solid black;padding:10px;border-radius:5px;cursor:pointer}.filters-save-button{color:white;background-color:#000}