/* MSN Global Mobile Drawer Stable Panel Fix v3.4 */

@media(max-width:960px){

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden !important;
  }

  body.msn-menu-open{
    overflow:hidden !important;
  }

  .primary-nav{
    display:none;
    position:fixed !important;
    z-index:999999;

    top:var(--msn-mobile-nav-top, 68px) !important;
    left:0 !important;
    right:0 !important;

    width:100vw !important;
    max-width:100vw !important;
    height:calc(100dvh - var(--msn-mobile-nav-top, 68px)) !important;
    max-height:calc(100dvh - var(--msn-mobile-nav-top, 68px)) !important;

    margin:0 !important;
    padding:10px 18px 28px !important;

    background:#fff !important;
    border-top:1px solid var(--msn-line);
    box-shadow:0 18px 35px rgba(16,49,88,.16);

    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;

    transform:none !important;
  }

  .primary-nav.msn-nav-open{
    display:block !important;
  }

  .msn-main-menu{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }

  .msn-main-menu > li{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .msn-main-menu > li > a{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    padding:14px 44px 14px 2px !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }

  .msn-dropdown,
  .msn-menu-right > .msn-dropdown{
    display:none;
    position:static !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 0 10px 10px !important;

    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    border:0 !important;
    box-shadow:none !important;

    overflow-x:hidden !important;
    overflow-y:visible !important;
  }

  .menu-item-has-children.msn-submenu-open > .msn-dropdown{
    display:block !important;
  }

  .msn-dropdown > a{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }

  .msn-mobile-cta{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    margin:16px 0 0 !important;
  }
}