@media screen and (min-width: 769px){.filter-sidebar{position:relative;width:280px;min-width:280px;background:#f8f9fa;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:fit-content;top:0;z-index:1}.products-container{display:flex;gap:24px;align-items:flex-start}.products-container .products-grid{flex:1}}@media screen and (min-width: 481px) and (max-width: 768px){.filter-sidebar{position:fixed;top:0;left:0;width:350px;height:100vh;background:#fff;z-index:999;overflow-y:auto;padding:24px;box-shadow:2px 0 20px #00000026;transform:translate(-100%);transition:transform .3s ease}.filter-sidebar.show,.filter-sidebar.active{transform:translate(0)}.filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.filter-overlay.show,.filter-overlay.active{opacity:1;visibility:visible}}@media screen and (max-width: 480px){.filter-sidebar{position:fixed!important;top:0!important;left:0!important;width:100%!important;max-width:320px!important;height:100vh!important;background:#fff!important;z-index:999!important;overflow-y:auto!important;padding:20px!important;box-shadow:2px 0 20px #0003!important;transform:translate(-100%)!important;transition:transform .3s ease!important;border-radius:0!important}.filter-sidebar.show,.filter-sidebar.active{transform:translate(0)!important}.filter-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#0009!important;z-index:998!important;opacity:0!important;visibility:hidden!important;transition:all .3s ease!important}.filter-overlay.show,.filter-overlay.active{opacity:1!important;visibility:visible!important}.filter-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:20px!important;padding-bottom:15px!important;border-bottom:1px solid #e9ecef!important}.filter-header h3{margin:0!important;font-size:18px!important;font-weight:600!important;color:#2c2c2c!important}.close-filters{background:none!important;border:none!important;font-size:24px!important;color:#666!important;cursor:pointer!important;padding:5px!important;line-height:1!important}.filter-group{margin-bottom:20px!important;border-bottom:1px solid #f0f0f0!important;padding-bottom:15px!important}.filter-title{font-size:14px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:#2c2c2c!important;margin-bottom:12px!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.filter-title:after{content:"+"!important;font-size:16px!important;transition:transform .2s ease!important}.filter-group.expanded .filter-title:after{transform:rotate(45deg)!important}.filter-options{max-height:0!important;overflow:hidden!important;transition:max-height .3s ease!important}.filter-group.expanded .filter-options{max-height:300px!important}.filter-option{display:flex!important;align-items:center!important;margin-bottom:10px!important;cursor:pointer!important;padding:8px 0!important}.filter-option input[type=checkbox]{margin-right:10px!important;width:18px!important;height:18px!important}.filter-option span{font-size:14px!important;color:#333!important}.filter-option .count{margin-left:auto!important;color:#666!important;font-size:12px!important}.price-range{padding:10px 0!important}.price-inputs{display:flex!important;gap:10px!important;align-items:center!important;margin-top:15px!important}.price-inputs input{flex:1!important;padding:8px 10px!important;border:1px solid #ddd!important;border-radius:6px!important;font-size:14px!important}.active-filters{display:none!important}.clear-all-filters{background:#e74c3c!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:6px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;width:100%!important;margin-top:20px!important}}.filter-toggle{background:#a8c09a!important;color:#fff!important;border:none!important;padding:10px 16px!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.filter-toggle:hover{background:#8fb478!important}.filter-toggle svg{width:16px!important;height:16px!important}@media screen and (max-width: 480px){.filter-toggle{padding:12px 20px!important;font-size:15px!important;min-height:44px!important}.filter-toggle svg{width:18px!important;height:18px!important}}body.filter-open{overflow:hidden}@media screen and (min-width: 769px){body.filter-open{overflow:auto}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/responsive-filter-sidebar.css.map */