/* Black/yellow Chilmotor navigation, with native accessible disclosure controls. */
.shop-sidebar .cm-category-tree > li { display:block; padding:0; border-bottom:1px solid #e8e8e8; }
.shop-sidebar .cm-category-tree a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; color:#444; font-size:14px; line-height:1.4; border-radius:5px; }
.shop-sidebar .cm-category-tree a small { flex-shrink:0; font-size:11px; background:#f2f2f2; border-radius:12px; min-width:26px; padding:2px 6px; text-align:center; }
.shop-sidebar .cm-category-tree a:hover { background:#f6f6f6; color:#111; }
.shop-sidebar .cm-category-tree a.active { background:#fff8b3; color:#111; box-shadow:inset 3px 0 #e2bd00; font-weight:600; }
.cm-category-tree summary { cursor:pointer; padding:14px 10px; color:#222; font-size:14px; font-weight:600; line-height:1.4; }
.cm-category-tree summary:focus-visible,.cm-category-tree a:focus-visible { outline:2px solid #917700; outline-offset:2px; }
.cm-category-children { margin:0 0 12px 14px; border-left:1px solid #ddd; padding-left:6px; }
.cm-category-tree .cm-category-legacy { margin-top:24px; background:#fafafa; }
.cm-category-legacy > details > summary { font-size:13px; color:#666; }
.cm-category-legacy ul { list-style:none; margin:0; padding:0 8px; }
.cm-category-legacy li { display:block!important; }
@media(max-width:991px) { .shop-sidebar .cm-category-tree { max-height:440px; overflow:auto; } }

/* The top menu shows one category at a time instead of every group at once. */
#mega-menu-categories.cm-mega-browser { display:grid!important; grid-template-columns:250px minmax(0,1fr); width:100%; margin:0!important; gap:0; max-height:min(520px,65vh); overflow:auto; background:#fff; }
.cm-mega-categories { background:#f6f6f6; padding:12px; border-right:1px solid #e7e7e7; }
#mega-menu-categories .cm-mega-categories button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:12px 14px; border:0; border-radius:4px; background:transparent; color:#333; font-family:var(--alt-font); font-size:13px; font-weight:600; line-height:1.4; text-align:left; cursor:pointer; }
#mega-menu-categories .cm-mega-categories button[aria-expanded="true"] { background:#ffea23; color:#111; }
#mega-menu-categories .cm-mega-categories button:hover { background:#fff5a1; }
.cm-mega-content { padding:22px 28px; min-width:0; }
#mega-menu-categories .cm-mega-heading { display:block; font-size:17px!important; font-weight:700!important; color:#222!important; line-height:1.4; padding:0!important; }
#mega-menu-categories .cm-mega-all { display:inline-block; font-size:12px!important; color:#555!important; text-decoration:underline; padding:5px 0 15px!important; }
.cm-mega-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; }
#mega-menu-categories .cm-mega-groups a { display:block; padding:9px 10px!important; border-radius:4px; font-size:13px!important; line-height:1.5!important; color:#555!important; white-space:normal; }
#mega-menu-categories .cm-mega-groups a:hover { background:#fff8be; color:#111!important; }
#mega-menu-categories button:focus-visible,#mega-menu-categories a:focus-visible { outline:2px solid #917700; outline-offset:2px; }
@media(max-width:767px) { #mega-menu-categories.cm-mega-browser { grid-template-columns:1fr; max-height:65vh; } .cm-mega-categories { border-right:0; border-bottom:1px solid #ddd; } .cm-mega-content { padding:16px; } .cm-mega-groups { grid-template-columns:1fr; } }

header .navbar .cm-catalog-toggle.dropdown-toggle { display:inline-flex!important; align-items:center; justify-content:center; background:transparent; color:#333; border:0; width:26px; height:32px; padding:0; cursor:pointer; position:static!important; vertical-align:middle; }
header .navbar .cm-catalog-toggle.dropdown-toggle::after { display:none; }
header .navbar .cm-catalog-toggle:focus-visible { outline:2px solid #917700; }
@media(min-width:992px) { header .navbar .submenu > a.nav-link { display:inline-block; } }

#mega-menu-categories .cm-mega-content > section { padding:0!important; margin:0!important; }
.dropdown-menu:has(#mega-menu-categories) .mega-menu { padding:20px!important; }