/* Opaque product navigation, isolated above every page's content. */
html body #app>.site-header{z-index:10000!important;overflow:visible!important;background:#fff!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;transform:none!important}
html body #app>main{isolation:isolate}
html body .site-header .nav-shell{position:relative;overflow:visible}
html body .site-header .tw-mega{box-sizing:border-box;z-index:999!important;background:#fff!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #dce6e0!important;border-radius:20px!important;padding:18px!important;box-shadow:0 24px 60px -12px #0b302b30,0 0 0 1px #00000004!important;display:grid!important;grid-template-columns:minmax(230px,.8fr) minmax(0,1.6fr)!important;gap:18px!important;direction:ltr;max-height:calc(100dvh - 125px);overscroll-behavior:contain}
html body .site-header .tw-mega *{box-sizing:border-box}
html body .site-header .tw-mega .mega-intro{display:flex!important;flex-direction:column;align-items:flex-start;gap:0;padding:25px!important;border:1px solid #d9eadf;border-radius:14px;background:linear-gradient(135deg,#f0faf3,#e8f5ec)!important;text-align:start;min-width:0}
html body .site-header .tw-mega .mega-feature-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c9e4d3;border-radius:12px;background:#fff;color:#148452;margin-bottom:24px}
html body .site-header .tw-mega svg{width:22px;height:22px;display:block}
html body .site-header .tw-mega .mega-intro>b{font-family:inherit;font-size:22px!important;line-height:1.3;font-weight:700;letter-spacing:-.025em;color:#143b2d}
html body .site-header .tw-mega .mega-intro p{margin:12px 0 25px!important;font-size:14px!important;line-height:1.7!important;color:#577065;font-weight:400}
html body .site-header .tw-mega .mega-explore{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;max-width:100%;padding:12px 16px;border-radius:999px;background:#08764f;color:#fff;font-size:13px!important;font-weight:700;line-height:1.5;text-decoration:none;white-space:normal;transition:background .18s}
html body .site-header .tw-mega .mega-explore:hover{background:#075c40}
html body .site-header .tw-mega .mega-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:center;gap:6px!important;min-width:0}
html body .site-header .tw-mega .mega-links>a{display:grid!important;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:3px 11px;min-height:83px;padding:12px!important;border:1px solid transparent;border-radius:12px;text-align:start;white-space:normal;transition:background .18s,border-color .18s;color:#153a2d}
html body .site-header .tw-mega .mega-links>a:hover{background:#f2f8f4;border-color:#e2eee5;color:#08764f;transform:none}
html body .site-header .tw-mega .mega-module-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf6f0;color:#18865a;font-style:normal}
html body .site-header .tw-mega .mega-links a>span{font-size:14px!important;line-height:1.45;font-weight:700;letter-spacing:0}
html body .site-header .tw-mega .mega-links a>small{display:block!important;grid-column:2;margin:0;font-size:12px!important;line-height:1.5;color:#698075;font-weight:400}
html body .site-header .tw-mega a:focus-visible{outline:2px solid #159265;outline-offset:2px}
html[lang="ar"] body .site-header .tw-mega{direction:rtl}
html[lang="ar"] body .site-header .tw-mega .mega-intro>b{letter-spacing:0;line-height:1.6}
html[lang="ar"] body .site-header .tw-mega .mega-links a>span{line-height:1.7}
@media(min-width:1081px){
 html body .site-header .nav-group:has(.tw-mega){position:static!important}
 html body .site-header .tw-mega{position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;right:auto!important;width:min(940px,calc(100vw - 48px))!important;margin:0!important;visibility:hidden!important;pointer-events:none;transform:translateX(-50%)!important;transition:none!important}
 html body .site-header .tw-mega:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
 html body .site-header .nav-group.open>.tw-mega{visibility:visible!important;pointer-events:auto}
 html body .site-header .nav-group:not(.open)>.discover-menu{visibility:hidden;opacity:0;pointer-events:none}
 html body .site-header .nav-group.open>.discover-menu{visibility:visible;opacity:1;pointer-events:auto;background:#fff}
}
@media(max-width:1080px){
 html body .site-header .nav-links{background:#fff!important}
 html body .site-header .nav-group>.tw-mega{display:none!important;position:static!important;width:100%!important;max-height:none;margin:6px 0 16px!important;transform:none!important;visibility:visible!important;grid-template-columns:1fr!important;box-shadow:0 8px 20px -12px #123d2920!important;gap:14px!important;padding:12px!important}
 html body .site-header .nav-group.open>.tw-mega{display:grid!important}
 html body .site-header .tw-mega .mega-intro{padding:20px!important}
 html body .site-header .tw-mega .mega-feature-icon{display:none}
 html body .site-header .tw-mega .mega-intro>b{font-size:19px!important}
 html body .site-header .tw-mega .mega-intro p{margin:7px 0 15px!important}
 html body .site-header .tw-mega .mega-links>a{min-height:76px;padding:10px!important}
}
@media(max-width:560px){html body .site-header .tw-mega .mega-links{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html body .site-header .tw-mega a{transition:none!important}}
/* Override the legacy mobile rule that explicitly made dropdowns transparent. */
html body #app .site-header .nav-group>.tw-mega{background:#fff!important;opacity:1!important}