/* B concept: grouped category navigation, preserving the original 26 routes. */
.zx-a4 .catalog-sidebar.catalog-sidebar-b{padding:13px 10px 10px;border:1px solid #e9e3f4;border-radius:16px;background:linear-gradient(150deg,#fff,#fff 70%,#fcfaff);box-shadow:0 5px 18px #7952f505;min-width:0}
.sidebar-b-heading{display:flex;align-items:center;gap:7px;padding:4px 8px 15px;border-bottom:1px solid #f1edf7;margin-bottom:8px}
.zx-a4 .sidebar-b-heading h2{font-size:13px;font-weight:750;line-height:1.5;margin:0;letter-spacing:0;color:#332740;white-space:nowrap}
.sidebar-b-symbol{font-size:21px;line-height:1;color:#7952f5;position:relative}.sidebar-b-symbol:after{content:'';position:absolute;right:-1px;top:0;width:5px;height:5px;border-radius:50%;background:#c9ed76}
.sidebar-b-count{margin-left:auto;font-size:9px;color:#a99bb8;white-space:nowrap}
.sidebar-b-group{--group-accent:#9573d3;--group-wash:#f5f0ff;margin:0 0 8px;min-width:0;border:0}
.sidebar-b-digital{--group-accent:#699bd3;--group-wash:#eff7ff}.sidebar-b-style{--group-accent:#cd8ea9;--group-wash:#fff3f8}.sidebar-b-care{--group-accent:#6eafa3;--group-wash:#effaf6}.sidebar-b-food{--group-accent:#cba05d;--group-wash:#fff8eb}.sidebar-b-tools{--group-accent:#7e96d2;--group-wash:#f0f5ff}
.zx-a4 .sidebar-b-group>summary{display:flex;align-items:center;gap:8px;padding:9px 8px;margin:0 0 4px;list-style:none;background:linear-gradient(100deg,var(--group-wash),#fff);border-radius:9px;color:var(--group-accent);font-size:11px;font-weight:650;line-height:1.5;cursor:pointer;user-select:none}
.sidebar-b-group>summary::-webkit-details-marker{display:none}.sidebar-b-group>summary>svg{width:13px;height:13px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .18s}.sidebar-b-group:not([open])>summary>svg{transform:rotate(-90deg)}
.sidebar-b-group-dot{width:7px;height:7px;border-radius:3px;background:var(--group-accent);box-shadow:0 0 0 3px var(--group-wash);flex:none}
.zx-a4 .catalog-sidebar-b nav{display:grid;gap:2px;padding:0 2px}
.zx-a4 .catalog-sidebar-b nav>a{position:relative;display:flex;align-items:center;gap:10px;padding:6px 9px 6px 6px;margin:0;min-height:39px;border-radius:9px;border:1px solid transparent;color:#74627f;box-shadow:none;font-size:11px;line-height:1.5;transition:background .15s,border-color .15s}
.zx-a4 .catalog-sidebar-b nav>a strong{font-size:11px;font-weight:550;letter-spacing:0;white-space:nowrap}
.zx-a4 .catalog-sidebar-b nav>a:hover{background:var(--group-wash);color:#7952f5;border-color:#ece5f8}
.zx-a4 .catalog-sidebar-b nav>a.active{background:linear-gradient(110deg,#8057f7,#7149ed);border-color:transparent;color:#fff;box-shadow:0 3px 8px #7952f51a;border-radius:13px}
.zx-a4 .catalog-sidebar-b nav>a.active strong{font-weight:700;color:#fff}
.zx-a4 .catalog-sidebar-b .sidebar-b-category-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;min-width:0;color:var(--group-accent)}
.zx-a4 .catalog-sidebar-b .sidebar-b-category-icon>svg{display:block;width:27px;height:27px;overflow:hidden;stroke-width:1.8}
.zx-a4 .catalog-sidebar-b .sidebar-b-category-icon>.sidebar-b-3d-icon{width:28px;height:28px;max-width:none;flex:none;filter:drop-shadow(0 2px 2px #5942680b);transform:none}
.zx-a4 .catalog-sidebar-b a.active>.sidebar-b-category-icon{color:#fff}
.sidebar-b-current-dot{border-radius:50%;background:#fff;flex:none;margin-left:auto;position:relative}
.sidebar-b-group:last-child{margin-bottom:0}
@media(min-width:761px){.zx-a4 .catalog-layout:has(.catalog-sidebar-b){grid-template-columns:205px minmax(0,1fr);gap:24px}}
@media(max-width:760px){.zx-a4 .catalog-sidebar.catalog-sidebar-b{padding:10px 8px;border-radius:13px;margin-bottom:5px;overflow:hidden}.sidebar-b-heading{padding:1px 6px 9px;margin-bottom:6px}.zx-a4 .sidebar-b-heading h2{font-size:12px}.sidebar-b-symbol{font-size:18px}.sidebar-b-count{font-size:9px}.sidebar-b-groups{display:flex;overflow:auto;gap:6px;scrollbar-width:thin;padding:2px 2px 5px}.sidebar-b-group{margin:0;flex:none}.zx-a4 .sidebar-b-group>summary{display:none}.zx-a4 .catalog-sidebar-b nav{display:flex;overflow:visible;gap:5px;padding:0}.zx-a4 .catalog-sidebar-b nav>a{padding:7px 9px;gap:6px;min-height:35px;background:#faf8ff;border-color:#f1ecf8;flex:none}.zx-a4 .catalog-sidebar-b nav>a strong{font-size:10px}.zx-a4 .catalog-sidebar-b .sidebar-b-category-icon{display:flex!important;width:21px;height:21px;flex-basis:21px}.zx-a4 .catalog-sidebar-b .sidebar-b-category-icon>svg{width:21px;height:21px}.zx-a4 .catalog-sidebar-b .sidebar-b-category-icon>.sidebar-b-3d-icon{width:22px;height:22px;transform:none}.sidebar-b-current-dot{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar-b-group>summary>svg,.zx-a4 .catalog-sidebar-b nav>a{transition:none}}
.zx-a4 .catalog-sidebar-b .sidebar-b-current-dot{display:block;min-width:16px;width:16px;height:16px;flex-basis:16px;opacity:1}
.zx-a4 .catalog-sidebar-b .sidebar-b-current-dot:after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid #7952f5;border-width:0 2px 2px 0;transform:rotate(45deg)}
@media(min-width:761px){.zx-a4 .catalog-layout:has(.catalog-sidebar-b){grid-template-columns:220px minmax(0,1fr)}.zx-a4 .sidebar-b-heading h2{font-size:14px}.sidebar-b-count{font-size:10px}.zx-a4 .sidebar-b-group>summary{font-size:12px}.zx-a4 .catalog-sidebar-b nav>a strong{font-size:12px}}