/* Shared desktop/sticky navigation; mobile keeps the parent accordion. */
#page.az-site .az-child-sticky-header .az-sticky-bottom { overflow: visible; }
#page.az-site :is(.az-steel-menu, .az-sticky-menu) > .az-mega-menu { position: relative; display: flex; align-items: stretch; }
#page.az-site .az-mega-menu > a { padding-right: 6px; }
#page.az-site .az-mega-menu__toggle { display: grid; place-items: center; flex: 0 0 26px; width: 26px; min-width: 26px; min-height: 0; margin: 0; padding: 0 6px 0 2px; border: 0; border-radius: 0; background: transparent; color: inherit; cursor: pointer; }
#page.az-site .az-mega-menu__toggle svg { width: 14px; height: 14px; transition: transform .15s; }
#page.az-site .az-mega-menu__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
#page.az-site .az-mega-menu__panel { display: none; position: absolute; z-index: 60; top: 100%; left: var(--az-mega-offset, 0px); box-sizing: border-box; width: min(480px, calc(100vw - 48px)); max-height: min(65vh, 560px); overflow: auto; padding: 14px 18px; border: 1px solid var(--az-color-border, #e5e7eb); border-radius: var(--az-radius-md, 8px); background: var(--az-color-surface, #fff); color: var(--az-color-text, #555); box-shadow: 0 10px 26px #00000014; text-transform: none; }
#page.az-site .az-mega-menu__panel--image { width: min(880px, calc(100vw - 32px)); grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 32px; }
#page.az-site .az-mega-menu.is-open > .az-mega-menu__panel,
#page.az-site .az-mega-menu:not(.az-mega-menu--ready):hover > .az-mega-menu__panel,
#page.az-site .az-mega-menu:not(.az-mega-menu--ready):focus-within > .az-mega-menu__panel { display: grid; }
#page.az-site .az-mega-menu__panel .sub-menu { display: block; position: static; width: auto; min-width: 0; margin: 0; padding: 0; list-style: none; border-radius: 0; box-shadow: none; background: transparent; color: inherit; }
#page.az-site .az-mega-menu__panel .sub-menu li { min-width: 0; margin: 0; padding: 0; }
#page.az-site .az-mega-menu__panel .sub-menu a { display: block; padding: 7px 8px; border-radius: var(--az-radius-sm, 4px); background: transparent; color: inherit; white-space: normal; overflow-wrap: anywhere; font-family: var(--az-font-main, Arial, sans-serif); font-size: calc(var(--az-body-size, 16px) * .875); font-weight: var(--az-font-weight, 400); line-height: 1.5; text-transform: none; text-decoration: none; transition: color .15s ease, background-color .15s ease; }
#page.az-site .az-mega-menu__panel .sub-menu a:hover,
#page.az-site .az-mega-menu__panel .sub-menu a:focus-visible,
#page.az-site .az-mega-menu__panel .sub-menu .current-menu-item > a { background: var(--az-color-page, #f5f7f9); color: var(--az-color-primary, #009dd5); text-decoration: none; }
#page.az-site .az-mega-menu__panel .sub-menu a:focus-visible { outline: 2px solid var(--az-color-primary, #009dd5); outline-offset: -2px; }
#page.az-site .az-mega-menu__panel .sub-menu .sub-menu { padding-left: 20px; border-left: 1px solid #e5e7eb; }
#page.az-site .az-mega-menu__art { align-self: start; display: flex; justify-content: center; padding-top: 22px; }
#page.az-site .az-mega-menu__art .az-mega-menu__image { display: block; width: 100%; max-width: 300px; height: auto; max-height: 300px; object-fit: contain; }
/* Two or more nested groups form columns in the saved WordPress menu order. */
#page.az-site .az-mega-menu--columns { --az-mega-columns: 4; }
#page.az-site .az-mega-menu--columns-2 { --az-mega-columns: 2; --az-mega-width: 520px; }
#page.az-site .az-mega-menu--columns-3 { --az-mega-columns: 3; --az-mega-width: 740px; }
#page.az-site .az-mega-menu--columns > .az-mega-menu__panel { width: min(var(--az-mega-width, 960px), calc(100vw - 48px)); }
#page.az-site .az-mega-menu--columns > .az-mega-menu__panel--image { grid-template-columns: minmax(0, 1fr) minmax(120px, 180px); gap: 24px; }
#page.az-site .az-mega-menu--columns > .az-mega-menu__panel > .sub-menu { display: grid; grid-template-columns: repeat(var(--az-mega-columns), minmax(0, 1fr)); gap: 12px 18px; align-items: start; }
#page.az-site .az-mega-menu--columns .az-mega-menu__panel .sub-menu a { font-size: clamp(12px, calc(var(--az-body-size, 16px) * .8125), 13px); }
#page.az-site .az-mega-menu--columns > .az-mega-menu__panel > .sub-menu > li > a { display: block; box-sizing: border-box; min-height: 3em; padding: 10px 6px; border-bottom: 1px solid var(--az-color-border, #e5e7eb); border-radius: 0; color: var(--az-color-heading, #222); font-size: clamp(12px, calc(var(--az-navigation-size, 16px) * .8125), 14px); font-weight: var(--az-heading-weight, 600); line-height: 1.4; letter-spacing: 0; text-transform: uppercase; white-space: nowrap; overflow-wrap: normal; overflow: hidden; text-overflow: ellipsis; }
#page.az-site .az-mega-menu--columns .az-mega-menu__panel .sub-menu .sub-menu { padding: 0; border-left: 0; }
#page.az-site .az-mega-menu--columns .az-mega-menu__panel .sub-menu .sub-menu > li + li { border-top: 1px solid var(--az-color-border, #e5e7eb); }
#page.az-site .az-mega-menu--columns .az-mega-menu__panel .sub-menu .sub-menu .sub-menu { padding-left: 12px; }
@media (max-width: 1100px) {
  #page.az-site .az-mega-menu--columns { --az-mega-columns: 2; }
  #page.az-site .az-mega-menu--columns > .az-mega-menu__panel { width: min(var(--az-mega-width, 960px), 620px, calc(100vw - 48px)); }
  #page.az-site .az-mega-menu--columns > .az-mega-menu__panel > .sub-menu { column-gap: 18px; }
}
@media (max-width: 782px) {
  #page.az-site .az-mega-menu__panel { padding: 18px 22px; }
  #page.az-site .az-mega-menu__panel--image { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #page.az-site .az-mega-menu__art { padding-top: 0; }
  #page.az-site .az-mega-menu__art .az-mega-menu__image { max-width: 180px; max-height: 180px; }
  #page.az-site .az-mega-menu--columns > .az-mega-menu__panel--image { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  #page.az-site .az-mega-menu--columns { --az-mega-columns: 1; }
}
@media (prefers-reduced-motion: reduce) { #page.az-site .az-mega-menu__toggle svg, #page.az-site .az-mega-menu__panel .sub-menu a { transition: none; } }
