/* One scoped top navigation on static and edge-rendered pages. */
html[data-site-shell] { --site-nav-offset: 104px; scroll-padding-top: 116px; scrollbar-gutter: stable; }
html[data-site-shell] body { padding-top: var(--site-nav-offset) !important; }
html[data-site-shell] .sidebar { top: var(--site-nav-offset); max-height: calc(100dvh - var(--site-nav-offset)); }
html[data-site-shell] header.top { top: var(--site-nav-offset); }
#siteNavigation { position: fixed; inset: 12px 0 auto; z-index: 1500; direction: rtl; font-family: Tajawal,Arial,sans-serif; line-height: 1.5; pointer-events: none; color: #244033; }
#siteNavigation *, #siteNavigation *::before, #siteNavigation *::after { box-sizing: border-box; }
#siteNavigation .sn-bar { width: min(1440px,calc(100% - 28px)); margin: 0 auto; min-height: 76px; padding: 10px 20px; display: grid; grid-template-columns: 60px minmax(0,1fr) 104px; align-items: center; gap: 12px; direction: ltr; border: 1px solid #d7ebdf; border-radius: 44px; background: rgba(255,255,255,.94); box-shadow: 0 8px 28px #1e4d3010; pointer-events: auto; }
@supports (backdrop-filter: blur(1px)) {
 #siteNavigation .sn-bar { background: rgba(255,255,255,.6); backdrop-filter: blur(20px) saturate(115%); -webkit-backdrop-filter: blur(20px) saturate(115%); }
 #siteNavigation.sn-scrolled .sn-bar { background: rgba(255,255,255,.5); }
}
#siteNavigation a, #siteNavigation button { font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: normal; text-decoration: none; }
#siteNavigation .sn-brand { grid-column: 3; grid-row: 1; justify-self: center; display: flex; align-items: center; border: 0; padding: 0; background: transparent; }
#siteNavigation .sn-brand img { display: block; width: 94px; height: 45px; object-fit: contain; filter: url(#snLogoTransparent); opacity: 1; border: 0; border-radius: 0; }
#siteNavigation .sn-links { grid-column: 2; grid-row: 1; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 4px; direction: rtl; margin: 0; padding: 0; position: static; width: auto; background: none; box-shadow: none; }
#siteNavigation .sn-links a { color: #34493e; padding: 10px 12px; border-radius: 26px; white-space: nowrap; }
#siteNavigation .sn-links a:hover, #siteNavigation .sn-links a[aria-current] { background: #55b878; color: #fff; }
#siteNavigation .sn-links a.sn-search { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; flex: none; }
#siteNavigation .sn-account { grid-column: 1; grid-row: 1; justify-self: start; direction: rtl; }
#siteNavigation .sn-account .aw-menu { position: absolute; inset-inline-end: auto; left: 0; }
#siteNavigation .sn-toggle, #siteNavigation .sn-ivy { display: none; }
#siteNavigation .sn-backdrop { position: fixed; inset: 0; z-index: -1; background: #16342330; pointer-events: auto; }
#siteNavigation .sn-drawer { position: fixed; top: 88px; right: 16px; width: min(340px,calc(100vw - 32px)); max-height: calc(100dvh - 100px); overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; touch-action: pan-y; padding: 14px; border: 1px solid #dcece2; border-radius: 28px; background: #f7fcf9; box-shadow: 0 20px 55px #173e3226; pointer-events: auto; direction: rtl; scrollbar-width: thin; scrollbar-color: #55b878 transparent; }
#siteNavigation .sn-drawer::-webkit-scrollbar { width: 5px; }
#siteNavigation .sn-drawer::-webkit-scrollbar-thumb { background: #55b878; border-radius: 10px; }
#siteNavigation .sn-drawer * { touch-action: pan-y; }
/* Reset legacy page-wide nav grids/flex rows: the mobile drawer is a list. */
#siteNavigation .sn-drawer { display: block; height: auto; grid-template-columns: none; grid-auto-flow: row; }
#siteNavigation .sn-drawer > a { display: block; width: 100%; text-align: right; color: #244033; padding: 16px 20px; border-radius: 16px; user-select: none; -webkit-user-select: none; }
#siteNavigation .sn-drawer > a:hover, #siteNavigation .sn-drawer > a:focus-visible { background: #e6f4eb; }
#siteNavigation .sn-mobile-account { border-top: 1px solid #dcece2; margin: 10px 0 0; padding: 16px 10px 6px; }
#siteNavigation .sn-mobile-account > p { color: #496251; margin: 0 0 10px; font-size: 14px; user-select: none; -webkit-user-select: none; }
#siteNavigation .sn-mobile-account > p:hover { color: #2e7048; }
#siteNavigation .sn-mobile-account .aw-menu { position: static; width: 100%; max-width: none; box-shadow: none; margin-top: 10px; }
#siteNavigation .sn-mobile-account .aw-wrap { display: block; width: 100%; }
#siteNavigation [hidden] { display: none !important; }
#siteNavigation a:focus-visible, #siteNavigation button:focus-visible { outline: 3px solid #2e7048; outline-offset: 4px; }
.site-legacy-print { display: none !important; }
body.sn-menu-open { overflow: hidden !important; }
@media(max-width:1024px) {
 html[data-site-shell] { --site-nav-offset: 96px; }
 #siteNavigation .sn-bar { grid-template-columns: minmax(0,1fr) 88px 46px; gap: 8px; min-height: 68px; padding: 9px 12px; }
 #siteNavigation .sn-brand { grid-column: 2; }
 #siteNavigation .sn-brand img { width: 82px; height: 40px; }
 #siteNavigation .sn-links, #siteNavigation .sn-account { display: none; }
 #siteNavigation .sn-toggle { display: grid; place-items: center; grid-column: 3; grid-row: 1; width: 46px; height: 46px; border: 1px solid #bfe4cf; border-radius: 50%; cursor: pointer; background: #eaf8f0; color: #368c55; padding: 0; box-shadow: inset 0 1px 0 #fff9,0 3px 10px #2455380d; transition: background .25s,transform .25s; }
 #siteNavigation .sn-toggle:hover { transform: translateY(-1px); }
 #siteNavigation .sn-toggle:active { transform: scale(.95); }
 #siteNavigation .sn-glyph { width: 20px; height: 16px; position: relative; display: block; }
 #siteNavigation .sn-glyph span { position: absolute; left: 0; width: 20px; height: 2px; background: currentColor; border-radius: 2px; transition: transform .25s,opacity .2s; }
 #siteNavigation .sn-glyph span:nth-child(1) { top: 0; }
 #siteNavigation .sn-glyph span:nth-child(2) { top: 7px; }
 #siteNavigation .sn-glyph span:nth-child(3) { top: 14px; }
 #siteNavigation.sn-open .sn-toggle { color: white; background: #368c55; }
 #siteNavigation.sn-open .sn-glyph span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
 #siteNavigation.sn-open .sn-glyph span:nth-child(2) { opacity: 0; }
 #siteNavigation.sn-open .sn-glyph span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
 #siteNavigation .sn-ivy { display: block; grid-column: 1; grid-row: 1; width: min(100%,168px); height: 46px; justify-self: start; overflow: hidden; pointer-events: none; }
 #siteNavigation .sn-ivy svg { width: 100%; height: 100%; transform-origin: 15% 70%; }
}
@media(max-width:1024px) and (prefers-reduced-motion:no-preference) {
 #siteNavigation .sn-ivy svg { animation: sn-breeze 7s ease-in-out infinite alternate; }
 #siteNavigation .sn-leaf { transform-box: fill-box; transform-origin: center bottom; animation: sn-leaf 4s ease-in-out infinite alternate; }
 #siteNavigation .sn-leaf:nth-child(2n) { animation-delay: -2s; }
 #siteNavigation.sn-open .sn-ivy svg, #siteNavigation.sn-open .sn-leaf { animation-play-state: paused; }
}
@keyframes sn-breeze { from { transform: rotate(-1deg); } to { transform: rotate(2deg) translateY(-1px); } }
@keyframes sn-leaf { from { transform: rotate(-3deg); } to { transform: rotate(4deg); } }
@media(prefers-reduced-motion:reduce) { #siteNavigation .sn-toggle, #siteNavigation .sn-glyph span { transition: none; } }
@media(prefers-reduced-transparency:reduce) { #siteNavigation .sn-bar { background: #fff; backdrop-filter: none; } }
@media print { #siteNavigation { display: none !important; } html[data-site-shell] body { padding-top: 0 !important; } }