/* Two-level catalogue navigation, isolated to BINZIM /demo2/. */
.b2-products-nav{position:relative;align-self:stretch;display:flex;align-items:center}
.b2-products-nav>summary{display:flex;align-items:center;gap:7px;height:100%;padding:24px 0;font-size:12px;font-weight:500;color:#4d6080;white-space:nowrap;list-style:none;cursor:pointer;position:relative}
.b2-products-nav>summary::-webkit-details-marker{display:none}
.b2-nav-chevron{display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s ease;flex-shrink:0}
.b2-products-nav[open]>summary,.b2-products-nav>summary[data-current]{color:var(--b2-accent)}
.b2-products-nav[open]>summary>.b2-nav-chevron{transform:rotate(225deg)}
.b2-products-nav>summary[data-current]:after{content:'';position:absolute;bottom:12px;left:0;right:0;height:2px;background:var(--b2-accent)}
.b2-header .b2-products-menu{position:absolute;top:100%;left:-24px;width:270px;border:1px solid #e1eaf5;border-top:2px solid var(--b2-accent);background:#fff;box-shadow:0 16px 45px #07133c1c;border-radius:0 0 10px 10px;padding:18px 10px 10px;z-index:30;animation:b2-menu-enter .18s ease both}
.b2-menu-caption{font-size:9px!important;letter-spacing:1.5px;font-weight:650;color:#8191aa;padding:0 14px 11px;margin:0!important}
.b2-family-list,.b2-model-list{list-style:none;margin:0;padding:0}
.b2-family-row{display:flex;align-items:center;border-radius:5px;min-height:47px}
.b2-header nav .b2-family-link{display:block;flex:1;padding:14px;font-size:13px;width:auto;color:var(--b2-ink);font-weight:500;white-space:normal}
.b2-family-toggle{width:40px;height:44px;padding:0;border:0;display:grid;place-items:center;flex-shrink:0;background:transparent;color:#8492a5;cursor:pointer;border-radius:5px}
.b2-family-toggle>.b2-nav-chevron{transform:rotate(-45deg)}
.b2-nav-family.is-active>.b2-family-row{background:#eff6ff}
.b2-nav-family.is-active .b2-family-link,.b2-family-link[aria-current],.b2-nav-family.is-active .b2-family-toggle{color:var(--b2-accent)!important}
.b2-family-panel{display:none;position:absolute;left:100%;top:-2px;width:360px;min-height:calc(100% + 2px);padding:19px 16px 14px;background:#fff;border:1px solid #e1eaf5;border-top:2px solid var(--b2-accent);box-shadow:15px 16px 35px #07133c15;border-radius:0 0 10px 0}
.b2-nav-family.is-active>.b2-family-panel{display:block}
.b2-submenu-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 8px 16px;border-bottom:1px solid #edf1f7;margin-bottom:9px}
.b2-submenu-heading>strong{font-size:14px;font-weight:650;color:var(--b2-ink)}
.b2-header nav .b2-submenu-heading>a{width:auto;font-size:10px;padding:0;color:var(--b2-accent)}
.b2-header nav .b2-model-link{display:flex;align-items:center;gap:12px;padding:9px 8px;width:100%;border-radius:7px;white-space:normal;color:var(--b2-ink)}
.b2-model-link>img{width:48px;height:48px;object-fit:contain;border-radius:5px;background:#f5f8fd;flex-shrink:0}
.b2-model-link>span:nth-last-child(2){flex:1;min-width:0}
.b2-model-link strong{display:block;font-size:12px;font-weight:550;line-height:1.5}
.b2-model-link small{display:block;font-size:10px;color:#8391a8;letter-spacing:.3px;margin-top:3px}
.b2-model-arrow{font-size:15px;color:#9aa8bb;flex-shrink:0}
.b2-header nav .b2-browse-all{display:flex;align-items:center;justify-content:space-between;padding:15px 14px 6px;border-top:1px solid #e9eff7;margin-top:8px;font-size:11px;font-weight:600;color:var(--b2-accent);width:100%}
.b2-header nav .b2-products-menu a[aria-current]:after{display:none}
.b2-header nav .b2-products-menu a[aria-current]{background:#eff6ff;color:var(--b2-accent)}
.b2-menu-empty{font-size:12px;color:#6b7d99;padding:15px;line-height:1.6}
.b2-header nav .b2-menu-empty a{padding:0;font-size:12px;color:var(--b2-accent)}
.b2-header nav .b2-model-link:hover,.b2-header nav .b2-model-link:focus-visible{background:#f0f6ff;color:var(--b2-accent)}
.b2-products-nav :is(a,button,summary):focus-visible{outline:2px solid var(--b2-accent);outline-offset:2px}
.b2-products-nav.flyout-left .b2-family-panel{left:auto;right:100%;border-radius:0 0 0 10px}
@keyframes b2-menu-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* CSS fallback keeps the flyout reachable by mouse / keyboard without JS. */
@media(min-width:901px){
  .b2-products-nav:not(.is-enhanced) .b2-nav-family:is(:hover,:focus-within)>.b2-family-panel{display:block}
  .b2-products-nav:not(.is-enhanced) .b2-nav-family:is(:hover,:focus-within)>.b2-family-row{background:#eff6ff}
}
@media(max-width:1150px){.b2-products-nav>summary{font-size:11px}.b2-header .b2-products-menu{left:-16px;width:250px}.b2-family-panel{width:340px}}
@media(max-width:900px){
  .b2-header nav.is-open{max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;align-items:flex-start}
  .b2-products-nav{display:block;width:100%;border-bottom:1px solid #e7eef7;margin-bottom:8px}
  .b2-products-nav>summary{justify-content:space-between;font-size:15px;padding:15px 0;height:auto}
  .b2-products-nav>summary[data-current]:after{display:none}
  .b2-header .b2-products-menu{position:static;width:100%;border:0;box-shadow:none;padding:4px 0 14px;animation:none;background:#f7faff;border-radius:6px}
  .b2-menu-caption{display:none}
  .b2-family-row{min-height:46px}
  .b2-header nav .b2-family-link{font-size:14px;padding:13px 14px;width:auto}
  .b2-family-toggle{width:46px;height:46px}
  .b2-family-toggle>.b2-nav-chevron{transform:rotate(45deg)}
  .b2-nav-family.is-active .b2-family-toggle>.b2-nav-chevron{transform:rotate(225deg)}
  .b2-family-panel,.b2-products-nav.flyout-left .b2-family-panel{position:static;min-height:0;width:100%;border:0;box-shadow:none;padding:5px 10px 12px;border-radius:0;background:#fff}
  .b2-submenu-heading{padding:10px 8px;margin-bottom:4px}.b2-submenu-heading>strong{font-size:12px}
  .b2-header nav .b2-model-link{padding:10px 8px}.b2-model-link strong{font-size:12px}.b2-model-link small{font-size:11px}
  .b2-header nav .b2-browse-all{padding:14px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.b2-products-menu{animation:none!important}.b2-nav-chevron{transition:none}}