.navbar_top{display:flex;flex-direction:column;gap:16px;border-bottom:1px solid #e5e5e5;padding-top:16px;padding-bottom:16px}.navbar_top h1{margin-bottom:0;font-size:24px;font-weight:500}.navbar_top__category{display:flex;flex-direction:row;align-items:center;gap:16px}.category-filters,.subcategory-filters{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) rgba(0,0,0,0);-ms-overflow-style:none;scrollbar-gutter:stable}.category-filters::-webkit-scrollbar,.subcategory-filters::-webkit-scrollbar{height:2px!important}.category-filters::-webkit-scrollbar-track,.subcategory-filters::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.category-filters::-webkit-scrollbar-thumb,.subcategory-filters::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.25);border-radius:999px}.category-filters::-webkit-scrollbar-thumb:hover,.subcategory-filters::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.35)}.subcategory-filters{gap:16px}.navbartop_item{border:2px solid #e5e5e5;padding:8px 16px;font-weight:500;border-radius:32px;cursor:pointer;color:gray;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.navbartop_item.active,.navbartop_item:hover{border:2px solid #000;color:#000}.navbarbottom_item{color:gray;cursor:pointer;text-wrap:nowrap;font-weight:500;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.navbarbottom_item.active,.navbarbottom_item:hover{color:#000}@media(max-width:684px){.navbar_top__category{flex-direction:column;align-items:flex-start}.navbartop_item{text-wrap:nowrap;font-size:14px}.navbarbottom_item{font-size:14px}.category-filters,.subcategory-filters{max-width:calc(100% + 8px)}}.filter-content{position:relative;transition:.3s ease;max-height:0;opacity:0;overflow:hidden;visibility:hidden;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.filter-content.open{opacity:1;margin-bottom:16px;pointer-events:auto;visibility:visible}.open-all-filters{margin-top:16px;font-size:16px;font-weight:500;color:#3296fa;background-color:rgba(0,0,0,0);padding:16px;width:100%;border:2px solid #3296fa;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.open-all-filters:hover{background-color:#3296fa;color:#fff}.filter-arrow{display:inline-block;transition:.3s ease;color:#b2b2b2;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.filter-arrow.open{transform:rotate(180deg)}.filters-sidebar{background:rgba(0,0,0,0);height:-moz-fit-content;height:fit-content;top:20px;font-weight:500}.filters-sidebar .filters-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:32px;border-bottom:1px solid #e5e5e5}.filters-sidebar .filters-header h3{margin:0;font-size:18px;font-weight:600;color:#000}.filters-sidebar .filters-header .clear-all-btn{background:none;border:none;color:#3296fa;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;cursor:default;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.filters-sidebar .filters-header .clear-all-btn.visible{pointer-events:all;cursor:pointer;opacity:1}.filters-sidebar .filters-header .clear-all-btn:hover{background:#f8f9fa}.filter-group{padding-bottom:0;margin-top:16px;border-bottom:1px solid #e5e5e5;display:flex;flex-direction:column;gap:16px}.filter-group .clear-filter-btn{position:relative;background:none;color:#3296fa;cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s ease;margin-top:8px;margin-left:100%;transform:translateX(-100%);right:0;opacity:0;border:none;border-bottom:1px solid #3296fa;width:-moz-fit-content;width:fit-content;align-self:flex-end;cursor:default;pointer-events:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;-ms-transition:.2s ease;-o-transition:.2s ease;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}.filter-group .clear-filter-btn:hover{color:#dc3545;border-bottom:1px solid #dc3545}.filter-group .clear-filter-btn.visible{opacity:1;cursor:pointer;pointer-events:all}.filter-group .filter-header{display:flex;justify-content:space-between;align-items:center}.filter-group .filter-header h4{margin:0;font-size:16px;font-weight:600;color:#000;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.filter-group .filter-header h4.blue{color:#3296fa}.filter-group .filter-header:hover .filter-arrow{color:#000}.checkbox-group{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.checkbox-group::-webkit-scrollbar{width:6px}.checkbox-group::-webkit-scrollbar-track{background:rgba(0,0,0,0)!important}.checkbox-group::-webkit-scrollbar-thumb{background-color:#e5e5e5;border-radius:10px}.checkbox-group::-webkit-scrollbar-thumb:hover{background-color:#b2b2b2}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#000;position:relative;padding-left:28px}.checkbox-label input{position:absolute;opacity:0;cursor:pointer}.checkbox-label input:checked+.checkmark{background:#3296fa;border-color:#3296fa}.checkbox-label input:checked+.checkmark:after{display:block}.checkbox-label .checkmark{position:absolute;left:0;height:20px;width:20px;background:#f7f7f7;border:2px solid #dee2e6;border-radius:3px;transition:all .2s ease}.checkbox-label .checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label .checkmark.radio,.checkbox-label .checkmark.radio:after{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.checkbox-label .checkmark.radio:after{content:"";position:absolute;display:none;left:50%;top:50%;width:8px;height:8px;background-color:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.checkbox-label:hover input~.checkmark{border-color:#3296fa}.number-input{width:100%;text-align:left;font-size:16px;font-weight:500;color:#000;border:1px solid #e5e5e5;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.range-group .range-slider{width:100%;height:4px;border-radius:2px;background:#dee2e6;outline:none;-webkit-appearance:none}.range-group .range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#3296fa;cursor:pointer}.range-group .range-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#3296fa;cursor:pointer;border:none}.range-group .range-values{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#6c757d}@media(max-width:684px){.catalog-sidebar{display:none}}.range-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.range-input{min-width:64px;max-width:96px;text-align:center;font-size:16px;font-weight:500;color:#000;border:1px solid #e5e5e5;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.range-track-wrapper{position:relative;flex:1 1;height:20px}.range-track{width:100%;background:#e5e5e5}.range-active,.range-track{position:absolute;top:50%;transform:translateY(-50%);height:4px;border-radius:2px}.range-active{background:#3296fa}.range{position:absolute;width:100%;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}.range::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#3296fa;border-radius:50%;cursor:pointer;transform:translateY(20%);-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%)}.range::-moz-range-thumb{pointer-events:auto;width:14px;height:14px;background:#3296fa;border-radius:50%;cursor:pointer;transform:translateY(20%);-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%)}.range-unit{margin-left:4px;white-space:nowrap}.catalog-page{padding:146px 0 0}.catalog-sidebar{width:100%}.catalog-layout{display:grid;grid-template-columns:20% 1fr;grid-gap:32px;gap:32px;margin-top:32px}.filters-mob-toggle{display:none;position:relative;border:2px solid #e5e5e5;border-radius:12px;padding:8px 16px;font-size:14px}.filters-mob-toggle:hover{border-color:#000}.filters-mob-toggle .filters-open-btn{display:flex;align-items:center;gap:6px;border:none;color:#000;background-color:rgba(0,0,0,0);line-height:1;font-weight:500}.filters-mob-toggle .filters-open-btn svg{color:gray;height:20px;width:auto}@media(max-width:1024px){.catalog-layout{grid-template-columns:250px 1fr;gap:20px}}@media(max-width:768px){.catalog-layout{grid-template-columns:2fr;gap:0}}@media(max-width:684px){.filters-mob-toggle{display:flex;align-items:center;gap:16px;justify-content:space-between}.catalog-layout{grid-template-columns:1fr;gap:8px;margin-top:16px}.catalog-page{padding:90px 0}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-state p{color:#666;font-size:16px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.catalog-sort{display:flex;justify-content:flex-end;margin-bottom:16px}@media(max-width:684px){.catalog-sort{justify-content:space-between}}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:-moz-fit-content;width:fit-content;padding:10px 40px 10px 14px;font-size:14px;line-height:1.2;font-weight:500;background-color:#fff;border:2px solid #e5e5e5;border-radius:12px;cursor:pointer;box-shadow:0 0 0 rgba(0,0,0,.06);transition:box-shadow .15s ease,border-color .15s ease}@media(max-width:684px){.form-select{padding:8px 34px 8px 20px}}.form-select:hover{border-color:#000}.form-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 0 rgba(0,0,0,.08)}.catalog-sort{position:relative}