.category-menu{z-index:20;max-width:1280px;margin:auto;padding:0 32px;position:relative}.cm-bar{border-bottom:1px solid var(--line);align-items:stretch;gap:22px;display:flex}.cm-trigger{white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:15px 0;font-size:12px;font-weight:700;display:flex}.cm-trigger.is-open{border-color:var(--green)}.cm-shortcuts{scrollbar-width:thin;flex:1;gap:24px;display:flex;overflow:auto}.cm-shortcuts>button{white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:15px 0;font-size:12px;display:flex}.cm-shortcuts>button.is-selected{border-color:var(--green);font-weight:700}.cm-dropdown{border:1px solid var(--line);background:#fff;border-radius:0 0 12px 12px;max-height:70vh;position:absolute;top:100%;left:32px;right:32px;overflow:auto;box-shadow:0 22px 46px #17372c25}.cm-panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.cm-panel-heading>button{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cm-layout{grid-template-columns:215px 1fr;display:grid}.cm-roots{background:#f5f7f0;padding:12px}.cm-roots>button{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:13px 10px;font-size:12px;display:flex}.cm-roots>button.is-active{background:#e4edda;font-weight:700}.cm-content{min-width:0;padding:20px 24px}.cm-content-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.cm-content-heading h2{font-size:20px}.cm-browse{text-align:left;color:var(--green);align-items:center;gap:5px;min-height:40px;font-size:11px;font-weight:600;display:flex}.cm-branches{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px 24px;display:grid}.cm-branch{border-bottom:1px solid var(--line);padding-bottom:7px}.cm-branch>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:12px 0;font-size:12px;font-weight:600;list-style:none;display:flex}.cm-branch>summary::-webkit-details-marker{display:none}.cm-branch[open]>summary>svg{transform:rotate(180deg)}.cm-branch>div{border-left:2px solid #e3ebda;padding:0 0 4px 10px}.cm-leaf{text-align:left;border-radius:5px;width:100%;min-height:44px;padding:10px 8px;font-size:12px;display:block}.cm-leaf:hover,.cm-browse:hover,.cm-panel-heading>button:hover{background:#f1f5e9}.cm-leaf[aria-current=true],.cm-browse[aria-current=true]{background:#e4edda;font-weight:700}.cm-footer{color:var(--muted);border-top:1px solid var(--line);padding:12px 20px;font-size:10px}.cm-branch summary:focus-visible{outline-offset:2px;outline:3px solid #d19739}@media (max-width:800px){.category-menu{padding:0 22px}.cm-dropdown{left:22px;right:22px}.cm-bar{gap:18px}.cm-shortcuts{gap:19px}.cm-layout{grid-template-columns:175px 1fr}.cm-content{padding:16px}.cm-branches{grid-template-columns:1fr}}@media (max-width:560px){.category-menu{padding:0 18px}.cm-dropdown{max-height:72vh;left:18px;right:18px}.cm-trigger{gap:6px;font-size:11px}.cm-shortcuts>button{font-size:11px}.cm-layout{display:block}.cm-roots{gap:6px;padding:10px;display:flex;overflow:auto}.cm-roots>button{white-space:nowrap;flex-shrink:0;width:auto;min-height:44px;padding:10px;font-size:11px}.cm-roots>button>svg{display:none}.cm-content{padding:14px 18px}.cm-content-heading h2{font-size:18px}.cm-panel-heading,.cm-footer{padding:10px 15px}.cm-leaf{font-size:12px}}.cm-count{color:#375740;white-space:nowrap;background:#e8efdf;border-radius:12px;margin-left:auto;padding:3px 6px;font-size:10px;font-weight:400}.cm-count.cm-empty{color:#63745b;background:#f0f2eb}.cm-branch>summary>span,.cm-leaf>span,.cm-roots>button>span{min-width:0}.cm-leaf{justify-content:space-between;align-items:center;gap:10px;display:flex}.cm-brands{border-bottom:1px solid var(--line);margin-bottom:8px;padding:0 0 14px}.cm-brands>span{color:#63745b;font-size:10px;font-weight:600}.cm-brands ul{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.cm-brands li{border:1px solid var(--line);border-radius:5px;padding:5px 8px;font-size:11px}.cm-brands p{color:#63745b;margin-top:6px;font-size:11px}.cm-brands ul{max-height:132px;padding:4px 2px;overflow:auto}.cm-brands button{min-height:32px}.cm-brands li{padding:0 8px}
