.mobile-category-sidebar{--mobile-menu-bottom-offset:62px;z-index:10001;pointer-events:none;visibility:hidden;position:fixed;inset:0}.mobile-category-sidebar.is-open{pointer-events:auto;visibility:visible}.mobile-category-sidebar-backdrop{opacity:0;cursor:pointer;background:#00000059;border:none;transition:opacity .3s;position:absolute;inset:0}.mobile-category-sidebar.is-open .mobile-category-sidebar-backdrop{opacity:1}.mobile-category-sidebar-panel{background:#fff;flex-direction:column;width:min(320px,88vw);height:100%;transition:transform .3s;display:flex;position:absolute;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000014}.mobile-category-sidebar.is-open .mobile-category-sidebar-panel{transform:translate(0)}.mobile-category-sidebar-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.mobile-category-sidebar-header h2{color:#1a1a1a;margin:0;font-size:17px;font-weight:700}.mobile-category-sidebar-close{cursor:pointer;color:#333;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.mobile-category-sidebar-close i{font-size:20px}.mobile-category-sidebar-body{-webkit-overflow-scrolling:touch;padding:8px 0 calc(var(--mobile-menu-bottom-offset) + env(safe-area-inset-bottom,0px) + 16px);flex:1;overflow-y:auto}.mobile-category-sidebar-empty{color:#888;margin:24px 16px;font-size:14px}.category-tree,.category-tree-children{margin:0;padding:0;list-style:none}.category-tree-item{margin:0}.category-tree-row{align-items:center;gap:6px;min-height:44px;padding-right:12px;display:flex}.category-tree-toggle{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.category-tree-toggle--placeholder{pointer-events:none}.category-tree-toggle i{font-size:18px;transition:transform .2s}.category-tree-toggle.is-expanded i{transform:rotate(90deg)}.category-tree-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.category-tree-icon img{object-fit:contain;width:100%;height:100%}.category-tree-link{color:#222;flex:1;min-width:0;padding:8px 0;font-size:14px;font-weight:500;line-height:1.35;text-decoration:none}.category-tree-link:active{color:var(--primary-color)}.category-tree-children .category-tree-row{border-top:1px solid #f7f7f7}@media (min-width:769px){.mobile-category-sidebar{display:none!important}}