/* Product category tree: fixed icons, concise one-line labels and reserved counts. */
#navigation .product-demo-item>.products-menu-link,#navigation .product-demo-item>.nav-disclosure>summary{background:#fff!important}
.filter-demo .demo-category-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:2px}
.filter-demo .demo-category-row .demo-category,.filter-demo .demo-tree-all{display:flex;width:100%;align-items:center;gap:7px;min-width:0;padding:10px 5px;box-sizing:border-box;text-align:left}
.filter-demo .demo-category-row .demo-category>svg,.filter-demo .demo-tree-all>svg{width:17px;height:17px;flex:0 0 17px}
.filter-demo .demo-category-row .demo-category>span,.filter-demo .demo-tree-all>span{flex:1;min-width:0;white-space:nowrap;font-size:12px;line-height:20px;letter-spacing:-.15px}
.filter-demo .demo-category-row .demo-category>small,.filter-demo .demo-tree-all>small{flex:0 0 auto;white-space:nowrap;font-size:10px;font-variant-numeric:tabular-nums;line-height:20px}
.filter-demo .demo-tree-toggle{display:grid;place-items:center;width:24px;height:34px;border:0;border-radius:5px;background:transparent;color:#44698d;cursor:pointer;padding:4px}
.filter-demo .demo-tree-toggle>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .15s}
.filter-demo .demo-tree-toggle[aria-expanded=true]>svg{transform:rotate(90deg)}
.filter-demo .demo-tree-toggle:hover{background:#d6e7f7}
.filter-demo .demo-subcategories{margin:2px 0 8px 12px;padding-left:7px;border-left:1px solid #b7cfe7}
.filter-demo .demo-subcategories[hidden]{display:none}
.filter-demo .demo-subcategory{width:100%;display:flex;align-items:center;gap:7px;min-width:0;border:0;border-radius:6px;background:transparent;color:#385877;text-align:left;padding:8px 5px;cursor:pointer;font-family:inherit}
.filter-demo .demo-subcategory>svg{width:16px;height:16px;flex:0 0 16px}
.filter-demo .demo-subcategory>span{flex:1;min-width:0;font-size:11.5px;line-height:18px;white-space:nowrap;letter-spacing:-.15px}
.filter-demo .demo-subcategory>small{flex:0 0 auto;white-space:nowrap;font-size:10px;line-height:18px;font-variant-numeric:tabular-nums}
.filter-demo .demo-subcategory:hover{background:#e2eefb;color:#123d6b}
.filter-demo .demo-subcategory.is-current{background:#d5e6f8;color:#103e6c;font-weight:700;box-shadow:inset 2px 0 #176bad}
.filter-demo .demo-category-row .demo-category.is-current{background:#e5effb;color:#123d6b}
.filter-demo .demo-category-row:has(.demo-category.is-current){background:#e5effb;border-radius:6px}
.filter-demo .demo-category-row .demo-category,.filter-demo .demo-category-row .demo-category.is-current,.filter-demo .demo-category-row .demo-tree-toggle{background:transparent;box-shadow:none}
.filter-demo .demo-category-row:has(.demo-category.is-current) .demo-tree-toggle{color:#123d6b}
.filter-demo .demo-subcategory.is-current{box-shadow:none;border-left:0}
.filter-demo .demo-category-row button:focus-visible,.filter-demo .demo-subcategory:focus-visible{outline:2px solid #176bad;outline-offset:1px}
.filter-demo .demo-subcategory-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.filter-demo .demo-subcategory-chip>svg{width:15px;height:15px;flex:0 0 15px}
.filter-demo .demo-subcategory-chip>span{white-space:nowrap}
.filter-demo .demo-subcategory-chip>b{font-weight:400}
@media(min-width:761px){.filter-demo.example-2 .demo-layout{grid-template-columns:270px minmax(0,1fr)}}
@media(min-width:761px){.filter-demo.example-2 .demo-filter-panel{top:calc(var(--catalogue-header-height,111px) + 12px)!important;transition:none;animation:none}}
@media(prefers-reduced-motion:reduce){.filter-demo.filters-docked .demo-filter-panel{animation:none}.filter-demo .demo-filter-panel{transition:none}}
@media(min-width:761px){.filter-demo.example-2 .demo-panel-heading{height:44px!important;min-height:44px!important;max-height:44px!important;padding:0 20px!important;box-sizing:border-box!important}.filter-demo .demo-panel-heading h2{margin:0;line-height:20px}.filter-demo .demo-search-wrap{height:44px;min-height:44px;box-sizing:border-box;padding-block:0}.filter-demo .demo-search-wrap input{height:100%;min-height:0;padding-block:0;box-sizing:border-box}}
@media(min-width:761px) and (max-width:980px){.filter-demo .demo-toolbar{grid-template-columns:minmax(0,1fr)}.filter-demo .demo-search-and-size,.filter-demo .demo-card-controls{grid-column:1}.filter-demo .demo-card-controls{justify-content:space-between}.filter-demo .demo-products.grid{grid-template-columns:minmax(0,1fr)}.filter-demo .demo-products.list .demo-product{display:flex;flex-direction:column}.filter-demo .demo-product-copy{min-width:0;width:100%}.filter-demo .demo-product-actions{align-self:stretch}.filter-demo .demo-spec-box{max-width:100%;box-sizing:border-box}}
@media(max-width:760px){.filter-demo .demo-filter-panel{width:min(340px,calc(100vw - 24px))}.filter-demo .demo-subcategory>span{font-size:12px}.filter-demo .demo-category-row .demo-category>span{font-size:12px}}
@media(max-width:760px){.filter-demo .demo-search-wrap{height:44px;min-height:44px;box-sizing:border-box;padding-block:0;margin-top:0}.filter-demo .demo-search-wrap input{height:100%;min-height:0;padding-block:0;box-sizing:border-box}.filter-demo .demo-mobile-filter-row{height:44px;min-height:44px;box-sizing:border-box;border:0}.filter-demo .demo-mobile-filter-row .demo-mobile-filter,.filter-demo .demo-mobile-filter-row .demo-mobile-clear{height:44px;min-height:44px;box-sizing:border-box;padding-block:0}.filter-demo .demo-view button{height:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.filter-demo .demo-tree-toggle>svg{transition:none}}