.filter-sidebar{max-height:calc(100vh - 140px);position:sticky;top:100px;overflow-y:auto}.filter-sidebar::-webkit-scrollbar{width:4px}.filter-sidebar::-webkit-scrollbar-track{background:0 0}.filter-sidebar::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:10px}.filter-sidebar-wrapper{flex-shrink:0;width:320px}.filter-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}.filter-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#00e5ff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 0 10px #00e5ff80}.filter-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #00e5ffcc}@media (max-width:1024px){.filter-sidebar-wrapper{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;width:100%;display:none;position:fixed;inset:0}.filter-sidebar-wrapper.is-open{display:block}.filter-sidebar{border-radius:0;width:300px;max-height:100vh;position:absolute;top:0;bottom:0;right:0}}
.collection-grid{gap:2rem;display:grid}.group:hover .card-reflection{opacity:1;transform:translate(100%)}.card-reflection{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(45deg,#0000 0%,#ffffff1a 45%,#fff6 50%,#ffffff1a 55%,#0000 100%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}