/* TERMOSOLAR v6.8: compact catalog navigation, shared on homepage and interior pages */
.ts-main-navigation{gap:11px}
.ts-categories-trigger-wrap{flex:0 0 222px}
.ts-categories-trigger{font-size:11px;gap:9px;padding:0 12px;border-radius:9px 9px 0 0}
.ts-categories-dropdown{width:222px;max-height:none;overflow:visible;box-shadow:0 18px 32px rgba(13,61,37,.15);border-radius:0 0 12px 12px;z-index:100}
.ts-menu-root{max-height:min(66vh,620px);overflow-y:auto;overflow-x:hidden;padding:5px 4px;scrollbar-width:thin}
.ts-menu-item{position:relative;margin:0}
.ts-menu-row{display:flex;align-items:stretch;min-height:30px;border-bottom:1px solid #e9f1eb}
.ts-menu-link{min-width:0;flex:1;display:flex;gap:7px;align-items:center;padding:5px 3px 5px 5px;font-size:10px;font-weight:700;line-height:1.13;color:#28513e;word-break:normal;overflow-wrap:anywhere}
.ts-menu-link:hover,.ts-menu-item:focus-within>.ts-menu-row>.ts-menu-link{color:#087c4c;background:#f0faf3}
.ts-menu-ico{width:21px;height:21px;flex:0 0 21px;border-radius:5px;color:#088c57;background:#edf8f2;display:grid;place-items:center}
.ts-menu-ico .ts-icon{height:12px;width:12px}
.ts-menu-label{min-width:0;flex:1}
.ts-menu-subtoggle{flex:0 0 21px;width:21px;margin:0;border:0;color:#528e70;background:transparent;padding:0;display:grid;place-items:center}
.ts-menu-subtoggle .ts-icon{width:12px;height:12px;transition:transform .2s}
.ts-menu-subtoggle[aria-expanded=true] .ts-icon{transform:rotate(90deg)}
.ts-menu-subtoggle:hover,.ts-menu-subtoggle:focus-visible{background:#e9f7ef;color:#007946}
.ts-submenu{display:none;position:absolute;top:0;left:calc(100% - 1px);width:275px;max-height:60vh;overflow-y:auto;background:#fff;border:1px solid #d7e9de;list-style:none;padding:7px;margin:0;border-radius:0 10px 10px 10px;box-shadow:0 18px 36px rgba(13,61,37,.16);z-index:120}
.ts-menu-item.is-open>.ts-submenu{display:block}
.ts-submenu li{list-style:none}
.ts-submenu a{display:block;padding:8px 10px;font-size:10.5px;font-weight:670;color:#315a45;border-bottom:1px solid #edf3ee;border-radius:5px;line-height:1.2}
.ts-submenu a:hover{background:#edf8f2;color:#0a764a}
.ts-submenu-third{list-style:none;margin:0;padding:0 0 3px 12px}
.ts-submenu-third a{font-size:10px;font-weight:500;padding:6px 10px}
.ts-category-menu-footer{padding:8px 10px}
.ts-category-menu-footer a{font-size:10px;line-height:1.2}
.ts-category-menu-footer .ts-icon{height:13px;width:13px}
/* Original scroll container must not clip flyout submenus. Nested content scrolls within the flyout. */
.ts-menu-root{overflow:visible;max-height:none}
.ts-category-menu-panel{position:relative}
.ts-categories-dropdown .ts-category-menu-panel{max-height:71vh;overflow-y:auto;overflow-x:visible;scrollbar-width:thin}
/* Home category column begins directly under the navigation button, while hero stays unobscured. */
@media(min-width:1181px){
 .ts-hero-layout{grid-template-columns:222px minmax(0,1fr) minmax(255px,20.5%);gap:12px}
 .ts-home-shortcuts{padding-left:234px}
 .ts-home-category-rail{position:relative;z-index:30;margin-top:-47px;min-width:0;align-self:stretch;background:#fff;border:1px solid #deebe2;border-radius:0 0 12px 12px;box-shadow:0 9px 25px rgba(20,66,39,.08)}
 .ts-home-category-rail .ts-category-menu-panel{height:100%;display:flex;flex-direction:column}
 .ts-home-category-rail .ts-menu-root{flex:1;max-height:550px;overflow-y:auto;overflow-x:visible;scrollbar-width:thin}
 .ts-home-category-rail .ts-category-menu-footer{margin-top:auto}
 .home .ts-categories-trigger{cursor:default}
 .home .ts-categories-trigger .ts-chevron{display:none}
}
@media(max-width:1180px){.ts-home-category-rail{display:none}.ts-home-shortcuts{padding-left:0}}
@media(max-width:780px){.ts-categories-trigger-wrap{flex-basis:190px}.ts-categories-dropdown{width:min(280px,calc(100vw - 24px))}}
@media(max-width:530px){.ts-submenu{position:static;width:100%;max-height:none;box-shadow:none;border:0;border-left:2px solid #cbe9d6;border-radius:0;margin:0 0 4px 20px;padding:4px 0}.ts-submenu a{font-size:11px}}

/* Nested subcategories expand within their parent menu, without clipping or overlapping products. */
.ts-submenu{position:static;left:auto;top:auto;width:auto;max-height:none;overflow:visible;border:0;border-left:2px solid #cbebd8;box-shadow:none;border-radius:0;margin:3px 2px 5px 16px;padding:1px 2px 3px 5px}
.ts-submenu a{font-size:10px;padding:7px 6px}
.ts-submenu-third a{font-size:9.8px;padding:5px 6px}
.ts-menu-root{overflow-y:auto!important;overflow-x:hidden!important;max-height:min(66vh,620px)!important}
.ts-home-category-rail .ts-menu-root{max-height:570px!important}