/* SBN illustrated product navigation — 2026-09-08 */
.sbn-product-menu{--sbn-menu-blue:#225f91;--sbn-menu-ink:#192b3c;--sbn-menu-soft:#f3f7fa;--sbn-menu-line:#e4e9ec;color:var(--sbn-menu-ink);background:#fff;text-align:left;color-scheme:light}
.sbn-product-menu *{box-sizing:border-box}
.sbn-product-menu .sbn-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 5px;padding:15px 17px 14px}
.sbn-product-menu a.sbn-product-link{display:flex;align-items:center;gap:9px;min-width:0;min-height:98px;padding:6px 8px;margin:0;border:1px solid transparent;border-radius:9px;color:var(--sbn-menu-ink);background:transparent;text-decoration:none;white-space:normal;transition:background .16s,border-color .16s;font-size:14px;font-weight:500;line-height:1.4}
.sbn-product-menu a.sbn-product-link:hover,.sbn-product-menu a.sbn-product-link:focus-visible{background:var(--sbn-menu-soft);border-color:#dce7ef;color:var(--sbn-menu-blue)}
.sbn-product-menu a.sbn-product-link[aria-current="page"]{background:#edf4f9;border-color:#b8d1e4;color:var(--sbn-menu-blue)}
.sbn-product-menu .sbn-product-art{display:block;width:84px;height:78px;flex:0 0 84px}
.sbn-product-menu .sbn-product-label{font:inherit;line-height:1.4;min-width:0;overflow-wrap:anywhere}
.sbn-product-menu a.sbn-product-all{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin:18px 6px;padding:12px;border:1px solid #d6e1e8;border-radius:7px;background:#fff;color:var(--sbn-menu-blue);font-size:14px;line-height:1.4;font-weight:500;text-decoration:none}
.sbn-product-menu a.sbn-product-all:hover,.sbn-product-menu a.sbn-product-all:focus-visible{background:var(--sbn-menu-soft)}
.sbn-product-menu .sbn-product-materials{display:flex;align-items:center;gap:20px;padding:8px 25px;background:#fafbfc;border-top:1px solid var(--sbn-menu-line);border-radius:0 0 12px 12px}
.sbn-product-menu .sbn-product-material-heading{font-size:12px;letter-spacing:1.2px;color:#526777;margin-right:auto;white-space:nowrap}
.sbn-product-menu .sbn-product-materials a.sbn-product-link{min-height:68px;padding:0 12px;gap:5px}
.sbn-product-menu .sbn-product-materials .sbn-product-art{width:64px;height:60px;flex-basis:64px}
@media(min-width:769px){
  #siteHeader .header-inner{position:relative}
  #headerNav .nav-mega-item.sbn-illustrated{position:static}
  #headerNav .nav-mega-item.sbn-illustrated>.nav-mega-panel.sbn-product-menu{display:none;position:absolute;inset:auto auto auto 50%;top:100%;transform:translateX(-50%);width:min(840px,calc(100vw - 32px));min-width:0;max-width:none;max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0;background:#fff;border:1px solid #e4e9ec;border-top:2px solid #225f91;border-radius:0 0 13px 13px;box-shadow:0 18px 44px rgba(20,44,65,.14);z-index:1100;opacity:1;visibility:visible;transition:none}
  #headerNav .nav-mega-item.sbn-illustrated.sbn-products-open>.nav-mega-panel.sbn-product-menu{display:block}
  #headerNav .sbn-illustrated.sbn-products-open>.nav-mega-trigger{color:#225f91}
  #headerNav .sbn-illustrated>.nav-mega-toggle svg{transform:none}
  #headerNav .sbn-illustrated.sbn-products-open>.nav-mega-toggle svg{transform:rotate(180deg)}
}
@media(max-width:768px){
  #sbnMobileMenu .sbn-product-menu{margin:0 -4px 20px;border-top:1px solid #e4e9ec}
  #sbnMobileMenu .sbn-product-menu .sbn-product-grid{grid-template-columns:1fr;padding:8px 0;gap:0}
  #sbnMobileMenu .sbn-product-menu a.sbn-product-link{min-height:77px;padding:2px 7px;gap:14px;font-size:15px}
  #sbnMobileMenu .sbn-product-menu .sbn-product-art{width:76px;height:71px;flex-basis:76px}
  #sbnMobileMenu .sbn-product-menu a.sbn-product-all{margin:10px 6px 8px;min-height:48px;font-size:14px}
  #sbnMobileMenu .sbn-product-menu .sbn-product-materials{flex-wrap:wrap;padding:15px 8px 7px;gap:3px;border-radius:0}
  #sbnMobileMenu .sbn-product-menu .sbn-product-material-heading{width:100%;margin-bottom:7px}
  #sbnMobileMenu .sbn-product-menu .sbn-product-materials a.sbn-product-link{flex:1;gap:3px;padding:0;min-height:67px;font-size:14px}
  #sbnMobileMenu .sbn-product-menu .sbn-product-materials .sbn-product-art{width:55px;height:52px;flex-basis:55px}
}
@media(prefers-reduced-motion:reduce){.sbn-product-menu *{transition:none!important}}