/* NORTIA responsive menu — single owner.
   MOBILE <=767: current app drawer preserved.
   TABLET 768–1199: one native ETS trigger + the same drawer.
   DESKTOP >=1200: native ETS menu only. */

@media (max-width: 1199px) {
  html body.noscroll .ets_mm_megamenu::after {
    content: "" !important;
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15,23,31,.45) !important;
    z-index: 10000 !important;
  }

  html body .ets_mm_megamenu .mm_menus_ul,
  html body .ets_mm_megamenu.transition_floating .mm_menus_ul {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(86vw,430px) !important;
    min-width: 0 !important;
    max-width: 430px !important;
    height: auto !important;
    min-height: var(--nortia-menu-viewport-height, 100dvh) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 28px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 10px 0 30px rgba(0,0,0,.16) !important;
    z-index: 10001 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(-102%, var(--nortia-drawer-y, 0px), 0) !important;
    transition: transform .24s cubic-bezier(.22,.61,.36,1), opacity .16s ease !important;
  }

  html body .ets_mm_megamenu .mm_menus_ul.active,
  html body .ets_mm_megamenu.transition_floating .mm_menus_ul.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, var(--nortia-drawer-y, 0px), 0) !important;
  }

  html body .ets_mm_megamenu .ets_mm_megamenu_content,
  html body .ets_mm_megamenu .ets_mm_megamenu_content_content,
  html body .ets_mm_megamenu .container,
  html body .ets_mm_megamenu .mm_menus_ul,
  html body .ets_mm_megamenu .mm_menus_ul > li,
  html body .ets_mm_megamenu .mm_menus_ul > li > a,
  html body .ets_mm_megamenu .mm_columns_ul,
  html body .ets_mm_megamenu .mm_columns_li,
  html body .ets_mm_megamenu .nortia-mobile-extras,
  html body .ets_mm_megamenu .nortia-mobile-account-links,
  html body .ets_mm_megamenu .nortia-mobile-extra-row {
    border-radius: 0 !important;
  }

  html body .ets_mm_megamenu .mm_menus_ul > li.close_menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    width: calc(100% + 56px) !important;
    max-width: none !important;
    min-height: 86px !important;
    height: 86px !important;
    margin: 0 -28px 8px !important;
    padding: 0 28px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 0 !important;
    border-bottom: 1px solid #e9edf1 !important;
    cursor: pointer !important;
    flex: 0 0 auto !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-menu-head {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 86px !important;
    min-height: 86px !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-close {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
    display: flex !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    background: transparent !important;
    color: #151c22 !important;
    font: 300 40px/1 Arial,sans-serif !important;
    appearance: none !important;
  }

  html body .ets_mm_megamenu .nortia-legacy-mobile-head,
  html body .ets_mm_megamenu .nortia-mobile-brand {
    display: none !important;
  }

  html body .ets_mm_megamenu .mm_menus_ul > .mm_menus_li {
    display: block !important;
    visibility: visible !important;
    float: none !important;
    width: 100% !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #eceff2 !important;
    background: #fff !important;
    flex: 0 0 auto !important;
  }

  html body .ets_mm_megamenu .mm_menus_li.nortia-has-description {
    min-height: 82px !important;
  }

  html body .ets_mm_megamenu .mm_menus_li > a.ets_mm_url,
  html body .ets_mm_megamenu .mm_menus_li:first-of-type > a.ets_mm_url,
  html body .ets_mm_megamenu .mm_menus_li.current > a.ets_mm_url,
  html body .ets_mm_megamenu .mm_menus_li.active > a.ets_mm_url {
    display: flex !important;
    width: 100% !important;
    min-height: 76px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #151c22 !important;
    text-decoration: none !important;
  }

  html body .ets_mm_megamenu .mm_menus_li.nortia-has-description > a.ets_mm_url {
    min-height: 82px !important;
  }

  html body .ets_mm_megamenu .mm_menu_content_title {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    gap: 0 !important;
  }

  html body .ets_mm_megamenu .nortia-desktop-menu-content {
    display: none !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-menu-text {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-menu-label {
    display: block !important;
    overflow: hidden !important;
    color: #111820 !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-menu-description {
    display: block !important;
    overflow: hidden !important;
    color: #8a939d !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-cat-icon {
    display: inline-flex !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 46px !important;
    margin-right: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111820 !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-cat-icon i.fa {
    display: inline-block !important;
    font-style: normal !important;
    font-size: 27px !important;
    line-height: 1 !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-row-chevron {
    display: flex !important;
    width: 32px !important;
    min-width: 32px !important;
    margin-left: auto !important;
    align-items: center !important;
    justify-content: center !important;
    color: #687580 !important;
    font-size: 27px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  html body .ets_mm_megamenu .mm_bubble_text {
    display: none !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-extras {
    display: block !important;
    width: auto !important;
    margin: auto -28px 0 !important;
    padding: 18px 28px max(18px,env(safe-area-inset-bottom)) !important;
    background: #f6f8fa !important;
    border: 0 !important;
    border-top: 1px solid #e6ebef !important;
    flex: 0 0 auto !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-account-title {
    display: block !important;
    padding: 0 2px 10px !important;
    color: #7a8792 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .17em !important;
    line-height: 1 !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-account-links {
    display: flex !important;
    flex-direction: column !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-extra-row {
    display: flex !important;
    min-height: 49px !important;
    padding: 0 2px !important;
    gap: 13px !important;
    align-items: center !important;
    color: #1a2730 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 0 !important;
    border-bottom: 1px solid #e8ecef !important;
    background: transparent !important;
    text-decoration: none !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-extra-row:last-child {
    border-bottom: 0 !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-extra-icon {
    display: inline-flex !important;
    width: 28px !important;
    min-width: 28px !important;
    justify-content: center !important;
    color: #24343f !important;
    font-size: 18px !important;
  }

  html body .ets_mm_megamenu .nortia-mobile-extra-chevron {
    margin-left: auto !important;
    color: #687580 !important;
    font-size: 24px !important;
    line-height: 1 !important;
  }

  html body .ets_mm_megamenu .nortia-drill-screen {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    right: auto !important;
    width: min(86vw,430px) !important;
    max-width: 430px !important;
    height: auto !important;
    min-height: var(--nortia-menu-viewport-height, 100dvh) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 28px 24px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    z-index: 10020 !important;
    transform: translate3d(-102%, var(--nortia-drawer-y, 0px), 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform .28s cubic-bezier(.22,.61,.36,1),opacity .20s ease !important;
  }

  html body .ets_mm_megamenu .nortia-drill-screen.is-open {
    transform: translate3d(0, var(--nortia-drawer-y, 0px), 0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body .ets_mm_megamenu .nortia-drill-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: 34px 1fr 34px !important;
    align-items: center !important;
    min-height: 82px !important;
    margin: 0 -28px 8px !important;
    padding: 0 28px !important;
    background: #fff !important;
    border-bottom: 1px solid #e7ebef !important;
  }

  html body .ets_mm_megamenu .nortia-drill-title {
    display: block !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #18232d !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    text-align: left !important;
  }

  html body .ets_mm_megamenu .nortia-drill-back,
  html body .ets_mm_megamenu .nortia-drill-close {
    display: flex !important;
    width: 34px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #18232d !important;
    appearance: none !important;
  }

  html body .ets_mm_megamenu .nortia-drill-back {
    font: 300 38px/1 Arial,sans-serif !important;
    justify-content: flex-start !important;
  }

  html body .ets_mm_megamenu .nortia-drill-close {
    font: 300 34px/1 Arial,sans-serif !important;
    justify-content: flex-end !important;
  }

  html body .ets_mm_megamenu .nortia-drill-list {
    display: block !important;
    width: 100% !important;
  }

  html body .ets_mm_megamenu .nortia-drill-row {
    display: flex !important;
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid #eceff2 !important;
    background: #fff !important;
    color: #18232d !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  html body .ets_mm_megamenu button.nortia-drill-row {
    appearance: none !important;
    text-align: left !important;
    font-family: inherit !important;
    cursor: pointer !important;
  }

  html body .ets_mm_megamenu .nortia-drill-row-text {
    display: block !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    color: #18232d !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
  }

  html body .ets_mm_megamenu .nortia-drill-chevron {
    display: inline-block !important;
    margin-left: 12px !important;
    color: #4a5964 !important;
    font-size: 25px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
  }

  html body .ets_mm_megamenu .mm_menus_ul > .mm_menus_li > .arrow,
  html body .ets_mm_megamenu .mm_menus_ul > .mm_menus_li > a .mm_arrow {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body .ets_mm_megamenu .mm_menus_ul > .mm_menus_li > .mm_columns_ul,
  html body .ets_mm_megamenu .mm_menus_ul > .mm_menus_li > .mm_columns_ul.active,
  html body .ets_mm_megamenu .mm_menus_ul > .mm_menus_li > .mm_columns_ul.open {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    pointer-events: none !important;
  }
}



@media (max-width: 1199px) {
  /*
   * Whole-drawer vertical movement.
   * No inner scroller: the entire panel is taller than the viewport when needed
   * and is moved up/down by --nortia-drawer-y.
   */
  html body .ets_mm_megamenu .mm_menus_ul,
  html body .ets_mm_megamenu .nortia-drill-screen {
    touch-action: none !important;
    will-change: transform !important;
  }

  /* The whole panel moves, so the header moves with it too. */
  html body .ets_mm_megamenu .mm_menus_ul > li.close_menu,
  html body .ets_mm_megamenu .nortia-drill-head {
    position: relative !important;
    top: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {

  html body .ets_mm_megamenu.nortia-tablet-secondary {
    display: none !important;
  }

  html body .ets_mm_megamenu.nortia-tablet-primary {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

  }

  html body .ets_mm_megamenu.nortia-tablet-primary .ets_mm_megamenu_content,
  html body .ets_mm_megamenu.nortia-tablet-primary .ets_mm_megamenu_content_content,
  html body .ets_mm_megamenu.nortia-tablet-primary .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .ets_mm_megamenu.nortia-tablet-primary .ybc-menu-toggle {
    display: flex !important;
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 22px !important;
    align-items: center !important;

    color: #fff !important;
    border: 0 !important;
  }

  html body .ets_mm_megamenu.nortia-tablet-primary .ybc-menu-toggle .icon-bar {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    margin: 4px 0 !important;
    background: #fff !important;
  }

  html body .ets_mm_megamenu .mm_menus_ul,
  html body .ets_mm_megamenu .nortia-drill-screen {
    width: 430px !important;
    max-width: min(430px,86vw) !important;
  }
}

@media (min-width: 1200px) {
  .nortia-mobile-menu-head,
  .nortia-mobile-cat-icon,
  .nortia-mobile-menu-text,
  .nortia-mobile-menu-label,
  .nortia-mobile-menu-description,
  .nortia-mobile-row-chevron,
  .nortia-mobile-extras,
  .nortia-drill-screen {
    display: none !important;
  }

  html body .ets_mm_megamenu .nortia-desktop-menu-content {
    display: inline !important;
  }
}