.categories-container{max-width:1300px;margin:0 auto;padding:20px}.layout{display:flex;gap:40px}.sidebar{width:260px;background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;transition:box-shadow .3s}.sidebar:hover{box-shadow:0 10px 25px rgba(0,0,0,.08)}.sidebar-header{display:none}.sidebar-scroll{max-height:calc(100vh - 150px);overflow-y:auto}.products{flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px}.tree-root{list-style:none;padding-right:0}.tree-item{margin-bottom:6px}.tree-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;transition:background .25s}.tree-row:hover{background:#f4f4f4}.tree-label.clickable{cursor:pointer}.select-btn{width:28px;height:28px;border-radius:6px;border:1px solid #ddd;background:#fff}.select-btn.selected{background:#111;color:#fff}.chevron-btn{font-size:20px;background:transparent;border:none;cursor:pointer}.tree-children{list-style:none;padding-right:16px}.mobile-filter-btn,.sidebar-close-btn-mobile{display:none}.tree-item.selected-item .tree-row{background:#333;color:#fff}.tree-item.selected-item .tree-label{font-weight:600}.tree-item.selected-item .select-btn{background:#111;color:#fff;border-color:#111}@media (max-width:900px){.mobile-filter-btn{display:block;background:#111;color:#fff;padding:10px 16px;border-radius:8px;margin-bottom:16px;border:none;font-size:15px}.layout{position:relative;gap:0}.sidebar{position:fixed;right:0;top:0;bottom:0;width:82%;max-width:320px;background:#fff;padding:20px;z-index:1000;transform:translateX(100%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.25,.46,.45,.94),opacity .25s ease-out;box-shadow:-10px 0 30px rgba(0,0,0,.15)}.sidebar.open{transform:translateX(0);opacity:1;pointer-events:auto}.sidebar-close-btn-mobile{position:absolute;top:14px;left:14px;width:36px;height:36px;border-radius:10px;border:none;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1100;transition:background .2s ease}.sidebar-close-btn-mobile:hover{background:#333}.sidebar-scroll{margin-top:55px;max-height:calc(100vh - 80px);overflow-y:auto;padding-bottom:60px}.tree-item.selected-item .tree-row{background:rgba(0,0,0,.08);border-radius:10px}.tree-item.selected-item .tree-label{color:#000;font-weight:600}.tree-item.selected-item .select-btn{background:#111;color:#fff}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(2px);z-index:900;animation:fadeIn .25s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}