#cats-overlay{position:fixed;inset:0;z-index:1100;display:none}
#cats-overlay.open{display:block}
#cats-overlay .cats-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .25s}
#cats-overlay.open .cats-backdrop{opacity:1}
#cats-overlay .cats-panel{position:absolute;top:0;bottom:0;inset-inline-end:0;inline-size:min(420px,92vw);background:#fff;box-shadow:-8px 0 24px rgba(0,0,0,.18);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
#cats-overlay.open .cats-panel{transform:translateX(0)}
.cats-header{padding:12px 16px;border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:1}
.cats-list{padding:8px 6px 12px;overflow:auto;flex:1}
.cats-item{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:#333;border-radius:10px}
.cats-item:hover{background:#f7f7f7}
.cats-item.active{background:#eef8f1;color:#007c37}
.cats-icon{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.cats-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}