.range-slider-container{background-color:var(--color-bg-primary);border:1px solid var(--color-border-hr);border-radius:12px;width:100%;padding:16px 24px;position:relative}.range-value span{font-size:1rem}.rangeSliderWrap{position:absolute;bottom:0;left:18px;right:18px}.range-top{justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.range-top label{color:var(--color-text-primary);margin:.25rem 0 .25rem 1rem;font-size:.875rem;line-height:1.2;display:block}.range-top span{padding-right:.5rem}.slider{background:var(--color-bg-primary);border-radius:3px;height:3px;position:relative}.slider .progress{background:var(--color-main-primary);border-radius:3px;height:100%;position:absolute}.rangeInput{position:relative}.rangeInput input{pointer-events:none;appearance:none;background:0 0;width:100%;height:3px;position:absolute;top:-3px}input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;background:var(--color-main-primary);border-radius:50%;width:20px;height:20px;box-shadow:0 0 6px #0000000d}input[type=range]::-moz-range-thumb{pointer-events:auto;-moz-appearance:none;background:var(--color-main-primary);border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 0 6px #0000000d}.rangeInput input{cursor:pointer;appearance:none;z-index:2;background:0 0;width:100%;height:20px;margin:-12px 0 0;position:absolute;top:50%;left:0}.rangeInput input::-webkit-slider-thumb{appearance:none;background:var(--color-main-primary,#e74c3c);border:2px solid var(--color-bg-primary,#fff);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 4px #0003}.rangeInput input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.rangeInput input::-moz-range-thumb{background:var(--color-main-primary,#e74c3c);border:2px solid var(--color-bg-primary,#fff);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 4px #0003}.rangeInput input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.rangeInput input:focus{outline:none}.rangeInput input:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #e74c3c33}.rangeInput input:focus::-moz-range-thumb{box-shadow:0 0 0 3px #e74c3c33}.range-value{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;display:flex}.range-value-display-min,.range-value-display-max{cursor:pointer;min-width:80px;display:block}.range-input-field-min,.range-input-field-max{width:100px;color:var(--color-text-primary);-moz-appearance:textfield;font-size:1rem}.range-value-display-max,.range-input-field-max{text-align:right}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
.dropdown-checkbox{width:100%;position:relative}.dropdown-checkbox-header{border:1px solid var(--color-border-hr);background:var(--color-bg-primary);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:16px 24px;transition:all .2s;display:flex}.dropdown-checkbox-header:hover{border-color:var(--color-border-hr)}.dropdown-checkbox-title{color:var(--color-text-primary);margin:.25rem 0 .25rem 1rem;font-size:.75rem;display:block}.dropdown-checkbox-selected{justify-content:space-between;align-items:center;gap:8px;display:flex}.dropdown-checkbox-text{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1rem;line-height:1.2;overflow:hidden}.dropdown-checkbox-arrow{flex-shrink:0;width:24px;height:24px;padding:4px;transition:transform .2s}.dropdown-checkbox-arrow.open{transform:rotate(180deg)}.dropdown-checkbox-list{background:var(--color-bg-primary);border:1px solid var(--color-border-hr);z-index:1000;border-radius:8px;max-height:150px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.dropdown-checkbox-item{cursor:pointer;border-bottom:1px solid var(--color-border-hr);align-items:center;gap:8px;padding:8px 12px;transition:background-color .2s;display:flex}.dropdown-checkbox-item:last-child{border-bottom:none}.dropdown-checkbox-item:hover{background-color:var(--color-bg-secondary)}.dropdown-checkbox-input{cursor:pointer;width:16px;height:16px;accent-color:var(--color-main-primary)}.dropdown-checkbox-label{color:var(--color-text-primary);-webkit-user-select:none;user-select:none;font-size:14px}.dropdown-checkbox-label-count{font-size:.7rem;font-weight:300}.dropdown-checkbox.color .dropdown-checkbox-item{gap:12px}.dropdown-checkbox-color-swatch{border:1px solid var(--color-border-hr);border-radius:4px;flex-shrink:0;width:16px;height:16px}.dropdown-checkbox.disabled .dropdown-checkbox-header{opacity:.6;cursor:not-allowed}.dropdown-checkbox-search{border:1px solid var(--color-border-hr);border-radius:4px;align-items:center;gap:12px;margin:8px 12px;padding:0 6px;display:flex}.dropdown-checkbox-search-input{width:100%;padding:6px 8px;font-size:14px}.dropdown-checkbox-search-input:focus{outline:none}.dropdown-checkbox-no-results{text-align:center;color:var(--color-text-primary);padding:12px;font-size:14px}.dropdown-checkbox-controls{align-items:center;gap:4px;display:flex}.dropdown-checkbox-reset{cursor:pointer;color:var(--color-text-secondary);border:none;border:1px solid var(--color-border-hr);background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.dropdown-checkbox-reset:hover{background-color:var(--color-bg-primary);color:var(--color-text-secondary)}.dropdown-checkbox-reset-all{border-bottom:1px solid var(--color-border-hr);padding:8px 12px}.dropdown-checkbox-reset-all-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.dropdown-checkbox-reset-all-btn:hover{background-color:var(--color-bg-primary);color:var(--color-text-secondary)}
.catalog-filters{background:var(--color-bg-secondary);border-radius:var(--border-radius);margin-bottom:var(--margin-bottom);position:relative}.catalog-filters-container{max-width:1200px;padding:var(--padding);margin:0 auto}.filters-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:24px;display:grid}.catalog-filters-header{margin-bottom:var(--margin-bottom);justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-filters-full{scrollbar-width:thin;scrollbar-color:var(--color-text-placeholder)transparent;opacity:0;transition:all .3sec ease;display:none;overflow-y:auto}.catalog-filters-full.active{opacity:1;flex-direction:column;display:flex}.catalog-filters-actions{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.right-filters-actions{align-items:center;gap:24px;display:flex}.filters-btn-button{text-wrap:nowrap;width:100%;max-width:290px;color:var(--color-text-on-color);background-color:var(--color-main-primary);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:16px 24px;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.filters-btn-button:hover{background-color:var(--color-main-secondary);transition:all .2s}.filters-btn-link{color:var(--color-text-secondary);align-items:center;gap:4px;display:flex}.filters-btn-link svg{fill:var(--color-text-secondary)}.filters-btn-link:hover{color:var(--color-text-primary)}.filters-btn-link:hover svg{fill:var(--color-text-primary)}.filters-result-count,.filters-not-found{color:var(--color-text-secondary)}@media (max-width:1024px){.filters-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:768px){.filters-grid{grid-template-columns:1fr;gap:20px}.catalog-filters-container{padding:16px}.catalog-filters-actions{flex-direction:column;gap:24px}}@media (max-width:480px){.right-filters-actions{flex-direction:column-reverse}}