/* Stable, scrollable category panels; smartphone menu keeps its own controller. */

body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav]>.flyout-wrapper{display:none!important}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav][data-general-open="true"]>.flyout-wrapper{display:block!important;visibility:visible!important;opacity:1!important}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul{display:none!important}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active="true"]>ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;box-sizing:border-box}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul>li{width:auto!important;float:none!important;display:block!important;padding:0!important;margin:0!important;position:static!important;min-width:0}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul>li>a{width:100%!important;box-sizing:border-box;height:auto!important;white-space:normal;overflow-wrap:anywhere}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul>li>a:first-child{min-height:42px!important;line-height:1.35!important;display:flex!important;align-items:center!important;padding:8px!important}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul>li>a.img-link{padding:0!important;display:block!important}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul .bg-img{height:105px!important;min-height:0!important;aspect-ratio:auto!important;background:#f0f5f8}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul .bg-img img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;position:static!important}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul>li.general-overview{grid-column:1/-1;border-bottom:1px solid #dce7ed}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul>li.general-overview>a{font-weight:700;color:#006da6}
body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout a:focus-visible{outline:3px solid #ef9d00!important;outline-offset:-3px}
@media(min-width:1024px){
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav]>.flyout-wrapper{position:fixed!important;top:var(--general-top,105px)!important;left:var(--general-left,0px)!important;width:var(--general-width,100%)!important;max-width:none!important;transform:none!important;max-height:var(--general-available,calc(100dvh - 130px))!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:auto;background:#fff;box-shadow:0 12px 22px #0c2d4920}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout{margin:0!important;padding:0!important;width:100%!important;min-height:0!important;border:0!important;background:#fff}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul{position:relative!important;display:block!important;width:100%!important;padding:0!important;min-height:var(--general-surface-height,260px);background:linear-gradient(to right,#f3f7fa 0,#f3f7fa 210px,#fff 210px)}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li{position:static!important;display:block!important;width:210px!important;padding:0!important;margin:0!important}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li>a{width:100%!important;display:block!important;box-sizing:border-box;min-height:44px;padding:12px 18px!important;line-height:1.4!important}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active="true"]>a{background:#fff;color:#006da6;font-weight:700;box-shadow:inset 3px 0 #006da6}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul{position:absolute!important;top:0!important;left:210px!important;margin:0!important;width:calc(100% - 210px)!important;height:auto!important;max-height:var(--general-available,calc(100dvh - 130px))!important;padding:12px 18px 20px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff}
}
@media(min-width:1024px) and (max-width:1250px){body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active="true"]>ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1023px){
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav]>.flyout-wrapper{height:auto!important;overflow:visible!important}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout{padding:0!important}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul{position:static!important;transform:none!important;width:100%!important;max-height:60dvh!important;height:auto!important;overflow:auto!important;margin:0!important;padding:10px!important}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active="true"]>ul{grid-template-columns:repeat(2,minmax(0,1fr))}
 body #page header.header #menuToggle #menu .main nav>ul>li[data-general-nav] .flyout>ul>li[data-general-active]>ul .bg-img{height:80px!important}
}