.filter-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;opacity:0;visibility:hidden;background-color:#0006;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.filter-drawer-overlay.open{opacity:1;visibility:visible}.filter-drawer{background-color:var(--white);z-index:9999;border-top-right-radius:16px;border-bottom-right-radius:16px;flex-direction:column;width:100%;max-width:480px;height:100vh;transition:left .3s;display:flex;position:fixed;top:0;left:-100%;overflow:hidden}.filter-drawer.open{left:0}.filter-drawer-header{justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.filter-drawer-title{font-size:32px;font-family:var(--font-secondary);color:var(--secondary);margin:0;font-weight:400}.filter-close-btn{background:var(--white);border:1px solid var(--grey);cursor:pointer;width:40px;height:40px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.filter-drawer-body{flex:1;padding:10px 30px 30px;overflow-y:auto}.filter-drawer-body::-webkit-scrollbar{width:6px}.filter-drawer-body::-webkit-scrollbar-thumb{background:var(--grey);border-radius:2px}.filter-section{border-bottom:1px solid #0000}.filter-section-header{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px 0;display:flex}.filter-section-title{color:var(--secondary);font-size:20px;font-weight:500;font-family:var(--font-primary);margin:0}.filter-section-icon{color:var(--secondary);align-items:center;transition:transform .3s;display:flex}.filter-section:not(.open) .filter-section-icon{transform:rotate(180deg)}.filter-section-content{padding-bottom:10px;display:none}.filter-section.open .filter-section-content{display:block}.color-options{flex-wrap:wrap;gap:12px;display:flex}.checkbox-option{cursor:pointer;align-items:center;margin-bottom:14px;display:flex}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--black);cursor:pointer;border:1px solid var(--grey);border-radius:3px;margin-right:12px}.checkbox-label{font-size:18px;font-family:var(--font-primary);color:var(--black)}.filter-drawer-footer{background:var(--white);padding:24px 30px}.tag-list{border:1px solid var(--grey);color:var(--black);font-size:18px;font-family:var(--font-primary);border-radius:30px;padding:6px 12px}.custom-sort{font-family:var(--font-primary);position:relative}.sort-menu{background:var(--white);z-index:100;white-space:nowrap;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);left:-60px;box-shadow:0 4px 15px #00000014}.sort-item{cursor:pointer;color:var(--black);border-radius:8px;padding:14px 16px;font-size:16px;transition:all .2s}.sort-item:hover{background:var(--light-grey)}.sort-item.selected{background:var(--secondary);color:var(--white);font-weight:500}.selected-filter-color{padding:1px;border:3px solid var(--secondary)!important}.filter-message{color:var(--grey);font-size:16px;font-style:italic;font-family:var(--font-primary)}@media (max-width:768px){.filter-drawer{max-width:90%}.checkbox-label,.tag-list{font-size:16px}.filter-drawer-title{font-size:26px}}