/* MikroBayi shared navigation system. All rules stay inside the navbar. */
#mbm-navbar{--mbm-wine:var(--mb-wine,#6f0810);--mbm-ink:var(--mb-ink,#17202b);--mbm-border:var(--mb-line,#e4dadd);background:#fff;border-bottom:1px solid var(--mbm-border);z-index:1100;position:sticky;top:0;padding:10px 20px}
#mbm-navbar>.container-fluid{display:flex;align-items:center;gap:18px;max-width:1440px;margin:auto;padding:0}
#mbm-navbar .mbm-mega-logo{flex:0 0 190px;display:flex;align-items:center}
#mbm-navbar .mbm-mega-logo img{width:190px;height:auto;max-height:54px;object-fit:contain}
#mbm-navbar .navbar-nav{display:flex;align-items:center;gap:3px;margin:0 0 0 auto;padding:0;list-style:none;width:auto}
#mbm-navbar .mbm-mega-item{position:static;margin:0;padding:0;list-style:none}
#mbm-navbar .mbm-mega-disclosure{position:static;margin:0;padding:0;border:0}
#mbm-navbar .nav-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 9px;margin:0;border:0;border-radius:9px;font-size:13px;font-weight:700;line-height:1.25;letter-spacing:0;color:var(--mbm-ink);text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer;list-style:none;background:transparent}
#mbm-navbar .mbm-mega-toggle::marker,#mbm-navbar .mbm-mega-category-toggle::marker{content:''}
#mbm-navbar .mbm-mega-toggle::-webkit-details-marker,#mbm-navbar .mbm-mega-category-toggle::-webkit-details-marker{display:none}
#mbm-navbar .mbm-mega-toggle::after,#mbm-navbar .mbm-mega-toggle::before,#mbm-navbar .mbm-mega-category-toggle::after{display:none;content:none}
#mbm-navbar .nav-link:hover,#mbm-navbar .mbm-mega-disclosure[open]>.mbm-mega-toggle{background:#fbf0f1;color:var(--mbm-wine)}
#mbm-navbar :is(a,button,summary):focus-visible{outline:3px solid rgba(111,8,16,.35)!important;outline-offset:2px}
#mbm-navbar .mbm-mega-cta{background:var(--mbm-wine);color:#fff;padding:11px 14px;font-size:12px}
#mbm-navbar .mbm-mega-cta:hover{background:#480101;color:#fff}
#mbm-navbar .mbm-mega-panel{position:fixed;left:var(--mbm-panel-left,20px);top:var(--mbm-panel-top,115px);width:var(--mbm-panel-width,min(1260px,calc(100vw - 40px)));max-height:min(75dvh,var(--mbm-panel-height,650px));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:24px;background:#fff;border:1px solid var(--mbm-border);border-radius:18px;box-shadow:0 12px 36px rgba(23,32,43,.12);z-index:1200;text-align:left}
#mbm-navbar .mbm-mega-disclosure:not([open])>.mbm-mega-panel{display:none}
#mbm-navbar .mbm-mega-categories{position:relative;min-height:var(--mbm-content-height,270px);padding-left:226px;min-width:0}
#mbm-navbar .mbm-mega-category{position:static;margin:0;padding:0;border:0}
#mbm-navbar .mbm-mega-category-toggle{position:absolute;left:0;top:calc(var(--mbm-category-index)*49px);width:205px;min-height:43px;padding:11px 12px;display:flex;gap:10px;align-items:center;list-style:none;background:#f7f8fa;border:1px solid transparent;border-radius:10px;color:var(--mbm-ink);font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;text-transform:none}
#mbm-navbar .mbm-mega-category[open]>.mbm-mega-category-toggle,#mbm-navbar .mbm-mega-category-toggle:hover{background:#fbf0f1;border-color:#ecd9dc;color:var(--mbm-wine)}
#mbm-navbar .mbm-mega-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#mbm-navbar .mbm-mega-content{min-width:0;display:none;grid-template-columns:minmax(0,1fr) 205px;gap:22px}
#mbm-navbar .mbm-mega-category[open]>.mbm-mega-content{display:grid}
#mbm-navbar .mbm-mega-content h2{font-size:19px;line-height:1.3;letter-spacing:0;margin:0 0 8px;color:var(--mbm-ink);font-weight:700;text-transform:none}
#mbm-navbar .mbm-mega-content h2::after{display:none}
#mbm-navbar .mbm-mega-intro{font-size:12px;line-height:1.5;color:#5f6875;margin:0 0 16px;max-width:65ch}
#mbm-navbar .mbm-mega-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0}
#mbm-navbar .mbm-mega-card{display:flex;align-items:center;gap:9px;min-height:57px;padding:11px 12px;border:1px solid #e7e3e5;border-radius:11px;background:#fff;color:var(--mbm-ink);text-decoration:none;min-width:0;font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
#mbm-navbar .mbm-mega-card:hover{background:#fff8f8;border-color:#cda0a6;color:var(--mbm-wine)}
#mbm-navbar .mbm-mega-card .mbm-mega-icon{color:var(--mbm-wine)}
#mbm-navbar .mbm-mega-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#mbm-navbar .mbm-mega-family{border:1px solid #e7e3e5;border-radius:11px;padding:12px;min-width:0;background:#fff}
#mbm-navbar .mbm-mega-family h3{font-size:14px;font-weight:700;line-height:1.35;margin:0 0 5px;color:var(--mbm-wine)}
#mbm-navbar .mbm-mega-family p{font-size:12px;line-height:1.5;color:#5f6875;margin:0 0 9px}
#mbm-navbar .mbm-mega-family button{background:#fbf0f1;color:var(--mbm-wine);border:1px solid #ecd9dc;border-radius:7px;font:inherit;font-size:12px;font-weight:600;padding:6px 9px;cursor:pointer}
#mbm-navbar .mbm-mega-family-section{margin:16px 0 0;padding:0;position:static}
#mbm-navbar .mbm-mega-family-section h3{font-size:14px;font-weight:700;margin:0 0 9px;color:var(--mbm-wine);line-height:1.4}
#mbm-navbar .mbm-mega-feature{align-self:start;min-width:0;border:1px solid #ecd9dc;border-radius:13px;background:#fff8f8;overflow:hidden;padding:13px;display:flex;flex-direction:column;gap:10px;color:var(--mbm-ink);text-decoration:none}
#mbm-navbar .mbm-mega-feature img{width:100%;height:125px;object-fit:contain;background:#fff;border-radius:9px;display:block}
#mbm-navbar .mbm-mega-feature strong{font-size:14px;line-height:1.4;color:var(--mbm-wine)}
#mbm-navbar .mbm-mega-feature p{font-size:12px;line-height:1.5;color:#5f6875;margin:0}
#mbm-navbar .mbm-mega-feature-cta{display:block;border-radius:8px;background:var(--mbm-wine);color:#fff;text-align:center;padding:9px;font-size:12px;font-weight:600;line-height:1.4}
#mbm-navbar .mbm-mega-footer{margin:14px 0 0;padding-top:13px;border-top:1px solid var(--mbm-border);display:flex;flex-wrap:wrap;gap:12px}
#mbm-navbar .mbm-mega-footer a{font-size:13px;font-weight:600;color:var(--mbm-wine);text-decoration:none;padding:5px 0;line-height:1.4}
#mbm-navbar .mb-nav-powerbi-thumb{width:100%;height:115px;flex-shrink:0;border-radius:9px;padding:14px;background:#480101;display:flex;flex-direction:column;gap:12px;overflow:hidden}
#mbm-navbar .mb-nav-powerbi-bar{display:flex;gap:6px;height:6px}
#mbm-navbar .mb-nav-powerbi-bar i{width:6px;height:6px;border-radius:50%;background:#b7858a}
#mbm-navbar .mb-nav-powerbi-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,30px);gap:7px}
#mbm-navbar .mb-nav-powerbi-grid i{background:#fff;border-radius:4px;position:relative}
#mbm-navbar .mb-nav-powerbi-grid i::after{content:'';position:absolute;left:7px;right:7px;bottom:7px;height:8px;background:#dcc0c4;border-radius:2px}
@media(min-width:992px){#mbm-navbar .navbar-collapse{display:flex!important;position:static;overflow:visible;width:auto}#mbm-navbar .navbar-toggler{display:none!important}}
@media(min-width:992px) and (max-width:1199px){#mbm-navbar{padding:10px 12px}#mbm-navbar>.container-fluid{gap:8px}#mbm-navbar .mbm-mega-logo{flex-basis:165px}#mbm-navbar .mbm-mega-logo img{width:165px}#mbm-navbar .nav-link{font-size:11.5px;padding:10px 6px}#mbm-navbar .mbm-mega-cta{font-size:10.5px;padding:10px 9px}#mbm-navbar .mbm-mega-panel{padding:20px}#mbm-navbar .mbm-mega-content{grid-template-columns:minmax(0,1fr) 175px;gap:15px}#mbm-navbar .mbm-mega-categories{padding-left:205px}#mbm-navbar .mbm-mega-category-toggle{width:185px;font-size:13px}}
@media(max-width:991px){#mbm-navbar{padding:8px 16px}#mbm-navbar>.container-fluid{justify-content:space-between;gap:10px}#mbm-navbar .mbm-mega-logo{flex:0 1 180px}#mbm-navbar .mbm-mega-logo img{width:180px;max-height:50px}#mbm-navbar .navbar-toggler{display:block!important;min-width:44px;min-height:44px;margin-left:auto;border:1px solid #ded3d5;border-radius:9px}#mbm-navbar .navbar-collapse{position:absolute;top:100%;left:0;width:100%;max-height:var(--mbm-mobile-height,calc(100dvh - 110px));overflow-y:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid var(--mbm-border);box-shadow:0 12px 24px rgba(23,32,43,.10);padding:8px 16px 20px}#mbm-navbar .navbar-collapse:not(.show):not(.collapsing){display:none!important}#mbm-navbar .navbar-collapse.show{display:block!important}#mbm-navbar .navbar-nav{display:block;width:100%;margin:0}#mbm-navbar .nav-link{justify-content:flex-start;padding:12px;font-size:14px;min-height:47px}#mbm-navbar .mbm-mega-panel{position:static;width:100%;max-height:none;overflow:visible;padding:8px;border-radius:12px;box-shadow:none;border-color:#f0e5e7;margin-bottom:8px;scrollbar-gutter:auto}#mbm-navbar .mbm-mega-categories{padding:0;min-height:0}#mbm-navbar .mbm-mega-category-toggle{position:static;width:100%;margin:0 0 6px;min-height:45px;font-size:14px}#mbm-navbar .mbm-mega-content{grid-template-columns:minmax(0,1fr);padding:8px 5px 16px;gap:12px}#mbm-navbar .mbm-mega-grid,#mbm-navbar .mbm-mega-family-grid{grid-template-columns:minmax(0,1fr)}#mbm-navbar .mbm-mega-card{min-height:48px;font-size:13px}#mbm-navbar .mbm-mega-feature{display:none}#mbm-navbar .mbm-mega-cta{justify-content:center;margin-top:10px}#mbm-navbar .mbm-mega-content h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){#mbm-navbar *{transition:none!important;scroll-behavior:auto}}
@media print{#mbm-navbar .mbm-mega-panel{display:none!important}}
/* Isolate the new component from the prior 1200px navbar breakpoint. */
#mbm-navbar{padding:10px 20px!important;transform:none!important;filter:none!important;backdrop-filter:none!important;contain:none!important;z-index:1030!important}
#mbm-navbar .mbm-mega-panel{z-index:1040}
#mbm-navbar>.container-fluid{flex-wrap:nowrap!important}
#mbm-navbar #navbar-content{margin:0!important;min-width:0!important;padding:0!important;order:2}
#mbm-navbar #navbar-content .navbar-nav{gap:3px!important;max-height:none!important;overflow:visible!important}
#mbm-navbar .mbm-mega-panel{display:block;grid-template-columns:none;margin:0!important}
#mbm-navbar .mbm-mega-logo img{width:100%!important;max-width:190px!important}
#mbm-navbar .nav-link{font-size:13px!important;padding-left:9px!important;padding-right:9px!important}
#mbm-navbar .mbm-mega-cta{background:var(--mbm-wine)!important;color:#fff!important}
#mbm-navbar .mbm-mega-family{padding:10px}
#mbm-navbar .mbm-mega-family button{line-height:1.3}
#mbm-navbar .mb-nav-powerbi-thumb{height:115px!important}
#mbm-navbar .navbar-toggler-icon{width:22px;height:20px;background:linear-gradient(var(--mbm-wine),var(--mbm-wine)) 0 1px/22px 2px no-repeat,linear-gradient(var(--mbm-wine),var(--mbm-wine)) 0 9px/22px 2px no-repeat,linear-gradient(var(--mbm-wine),var(--mbm-wine)) 0 17px/22px 2px no-repeat}
@media(min-width:992px){
 #mbm-navbar #navbar-content,#mbm-navbar #navbar-content.collapse:not(.show),#mbm-navbar #navbar-content.show{display:flex!important;position:static!important;flex:1 1 auto!important;width:auto!important;max-height:none!important;overflow:visible!important}
 #mbm-navbar #navbar-content .navbar-nav{display:flex!important;flex-direction:row!important;align-items:center!important;width:auto!important;margin-left:auto!important}
 #mbm-navbar .mbm-mega-panel{position:fixed!important;width:var(--mbm-panel-width)!important}
}
@media(min-width:992px) and (max-width:1199px){#mbm-navbar{padding:10px 12px!important}#mbm-navbar .nav-link{font-size:11.5px!important;padding-left:6px!important;padding-right:6px!important}#mbm-navbar .mbm-mega-cta{font-size:10.5px!important}}
@media(max-width:991px){
 #mbm-navbar{padding:8px 16px!important}
 #mbm-navbar #navbar-content{position:absolute!important;flex:none!important;width:100%!important;max-height:var(--mbm-mobile-height)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 16px 20px!important}
 #mbm-navbar #navbar-content .navbar-nav{display:block!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;margin:0!important}
 #mbm-navbar .mbm-mega-panel{position:static!important;width:100%!important}
 #mbm-navbar .nav-link{font-size:14px!important;padding-left:12px!important;padding-right:12px!important}
}

/* Keep the navbar parent out of the mobile root scroll lock. */
body:has(> #mbm-navbar){overflow-x:clip}