.filter-sort-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.filter-sort-bar .btn-filter-toggle{color:var(--color-text,#333);background:#fff;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;transition:all .2s;display:flex}.filter-sort-bar .btn-filter-toggle:hover{background:var(--color-light-bg,#f9fafb);color:#121a2b;border-color:#121a2b}.btn-sort-dropdown{color:var(--color-text,#333);background:#fff;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;transition:all .2s;display:flex}.btn-sort-dropdown:hover{background:var(--color-light-bg,#f9fafb);color:#121a2b;border-color:#121a2b}.sort-check{opacity:0;transition:opacity .2s}.dropdown-item.active .sort-check,.dropdown-item:hover .sort-check{opacity:1}.active-filters-container{margin-bottom:1.5rem}.active-filters-wrapper{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.active-filters-tags{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-tag{background:var(--color-light-bg,#f9fafb);color:var(--color-text,#333);border:1px solid #dee2e6;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.875rem;animation:.2s ease-out fadeInScale;display:inline-flex}.filter-tag-remove{width:18px;height:18px;color:var(--color-text-muted,#6c757d);cursor:pointer;background:#fff0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.filter-tag-remove:hover{color:#121a2b;transform:scale(1.1)}.filter-panel-overlay{z-index:1040;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.filter-panel-overlay.active{opacity:1;visibility:visible}.filter-panel{z-index:1050;background:#fff;flex-direction:column;width:100%;max-width:400px;height:100dvh;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #00000014}.filter-panel.active{transform:translate(0)}.filter-panel-header{border-bottom:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.filter-panel-title{color:#121a2b;margin:0;font-size:1.1rem;font-weight:700}.btn-close-filter{background:var(--color-light-bg,#f9fafb);width:36px;height:36px;color:var(--color-text-muted,#6c757d);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.btn-close-filter:hover{color:#121a2b;background:#e9ecef}.filter-panel-body{-webkit-overflow-scrolling:touch;flex:1;padding:1.5rem;overflow-y:auto}.filter-section{border-bottom:1px solid #f0f0f0;margin-bottom:1.75rem;padding-bottom:1.75rem}.filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-section-title{color:#121a2b;letter-spacing:-.01em;margin-bottom:1rem;font-size:.9rem;font-weight:700}.filter-section .form-label{color:var(--color-text-muted,#6c757d);margin-bottom:.35rem;font-size:.8rem;font-weight:500}.filter-section .form-control{color:var(--color-text,#333);text-align:center;border:1px solid #dee2e6;border-radius:8px;padding:.45rem .75rem;font-size:.875rem;transition:border-color .2s}.filter-section .form-control:focus{border-color:#121a2b;box-shadow:0 0 0 3px #121a2b14}.filter-section .form-control[type=number]::-webkit-inner-spin-button,.filter-section .form-control[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-section .form-control[type=number]{-moz-appearance:textfield}.filter-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.btn-filter-option{color:var(--color-text,#495057);cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-filter-option:hover{color:#121a2b;background:var(--color-light-bg,#f9fafb);border-color:#121a2b}.btn-filter-option.active{color:#fff;background:#121a2b;border-color:#121a2b}.btn-filter-color{min-width:80px}.price-range-slider,.weight-range-slider{direction:ltr;margin:1.25rem 14px .75rem}.filter-section .noUi-target{box-shadow:none;background:#e9ecef;border:none;border-radius:100px;height:6px;direction:ltr!important}.filter-section .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:auto;right:-12px}.filter-section .noUi-connect{background:#121a2b;border-radius:100px}.filter-section .noUi-origin{transition:transform .1s ease-out}.filter-section .noUi-handle{cursor:grab;background:#fff;border:2.5px solid #121a2b;border-radius:50%;outline:none;width:24px;height:24px;transition:transform .15s,box-shadow .15s,border-color .15s;top:-10px;left:-12px;box-shadow:0 2px 6px #121a2b26;right:auto!important}.filter-section .noUi-handle:hover{transform:scale(1.15);box-shadow:0 2px 10px #121a2b40}.filter-section .noUi-handle:active,.filter-section .noUi-handle.noUi-active{cursor:grabbing;border-color:#000;transform:scale(1.2);box-shadow:0 0 0 6px #121a2b14,0 2px 8px #121a2b33}.filter-section .noUi-handle:before,.filter-section .noUi-handle:after{display:none}.filter-section .noUi-touchArea{width:44px;height:44px}.price-range-display,.weight-range-display{color:var(--color-text-muted,#6c757d);font-size:.8rem}.filter-panel-footer{background:#fff;border-top:1px solid #e9ecef;flex-shrink:0;gap:.75rem;padding:1rem 1.5rem;display:flex}.filter-panel-footer .btn-apply-filter{color:#fff;cursor:pointer;background:#121a2b;border:none;border-radius:8px;flex:1;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.filter-panel-footer .btn-apply-filter:hover{background:#1c2636}.filter-panel-footer .btn-clear-filter{color:var(--color-text-muted,#6c757d);cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:8px;flex:none;padding:.65rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.filter-panel-footer .btn-clear-filter:hover{color:var(--color-text,#333);background:var(--color-light-bg,#f9fafb);border-color:#adb5bd}#productsContainer{min-height:400px;position:relative}#productsContainer.loading{opacity:.6;pointer-events:none}.products-loading-overlay{z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.filter-panel{border-radius:16px 16px 0 0;max-width:100%;height:85dvh;inset:auto 0 0;transform:translateY(100%)}.filter-panel.active{transform:translateY(0)}.filter-panel-drag-handle{flex-shrink:0;justify-content:center;padding:12px 0 4px;display:flex}.filter-panel-drag-handle span{background:#d1d5db;border-radius:2px;width:36px;height:4px}.filter-panel-header{border-bottom:1px solid #f0f0f0;padding:.75rem 1.5rem 1rem}.filter-sort-bar{flex-direction:row;gap:.75rem}.filter-sort-bar .btn-filter-toggle,.btn-sort-dropdown{flex:1;justify-content:center;padding:.6rem 1rem;font-size:.875rem}.filter-tag{padding:.35rem .65rem;font-size:.8rem}.filter-panel-footer{padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}}@media (width>=769px){.filter-panel-drag-handle{display:none}}body.filter-panel-open{overflow:hidden}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-filter-option:focus-visible,.btn-close-filter:focus-visible,.filter-tag-remove:focus-visible{outline-offset:2px;outline:2px solid #121a2b}@media print{.filter-panel,.filter-panel-overlay,.filter-sort-bar,.active-filters-container{display:none!important}}