.category-tree-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998}.category-tree-overlay.open{display:block}@media(min-width:769px){.category-tree-overlay{display:none!important}}.category-tree-sidebar{position:fixed;top:0;right:0;width:0;height:100vh;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.1);transition:width .3s ease;z-index:999;overflow-y:auto}@media(min-width:769px){.category-tree-sidebar{position:relative;width:280px;height:auto;box-shadow:none;border-right:1px solid #e0e0e0}}.category-tree-sidebar.open{width:320px}@media(min-width:769px){.category-tree-sidebar.open{width:280px}}.category-tree-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:10}.category-tree-header h3{font-size:1.2rem;font-weight:700;color:#333}@media(min-width:769px){.category-tree-header{padding:1.5rem 1rem}.category-tree-header h3{font-size:1.1rem}}.category-tree-close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s}.category-tree-close-button:hover{color:#333}@media(min-width:769px){.category-tree-close-button{display:none}}.category-tree-nav{padding:.5rem 0}.tree-root{padding:0}.tree-item,.tree-root{list-style:none;margin:0}.tree-item-header{display:flex;align-items:center;justify-content:space-between;transition:background-color .2s;position:relative;cursor:pointer}.tree-item-header:hover{background-color:#f5f5f5}.tree-item-header.active{background-color:#f0f5ff}.tree-item-header.active .tree-item-link{color:#597ef7;font-weight:600}.tree-item-header.has-active-child .tree-item-link{color:#597ef7;font-weight:500}.tree-item-link{flex:1 1;font-size:.9rem;color:#333;font-weight:400;transition:color .2s;display:block;text-align:left}.tree-item-link:hover{color:#597ef7}.tree-expand-button{background:none;border:none;cursor:pointer;color:#8c8c8c;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;margin-left:8px}.tree-expand-button svg{transition:transform .2s ease}.tree-expand-button:hover{color:#597ef7}.tree-expand-button.expanded svg{transform:rotate(180deg)}.tree-item-level-1>.tree-item-header{padding:10px 16px}.tree-item-level-1>.tree-item-header .tree-item-link{font-size:.95rem;font-weight:600;color:#262626}.tree-item-level-2>.tree-item-header{padding:8px 16px 8px 40px}.tree-item-level-2>.tree-item-header .tree-item-link{font-size:.875rem;font-weight:400;color:#595959}.tree-item-level-3>.tree-item-header{padding:8px 16px 8px 56px}.tree-item-level-3>.tree-item-header .tree-item-link{font-size:.875rem;font-weight:400;color:#595959}.tree-item-level-4>.tree-item-header{padding:8px 16px 8px 72px}.tree-item-level-4>.tree-item-header .tree-item-link{font-size:.875rem;font-weight:400;color:#8c8c8c}.tree-sub-menu{list-style:none;margin:0;padding:0}.tree-empty{padding:2rem 1rem;text-align:center;color:#999;font-size:.9rem}@media(max-width:768px){.category-tree-sidebar.open{width:90vw;max-width:380px}.tree-item-level-1>.tree-item-header{padding:10px 12px}.tree-item-level-2>.tree-item-header{padding:8px 12px 8px 32px}.tree-item-level-3>.tree-item-header{padding:8px 12px 8px 48px}.tree-item-level-4>.tree-item-header{padding:8px 12px 8px 64px}}.tree-sub-menu{animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}