@media (min-width: 1000px){

  /* v1.0.7.1 finetune:
     - Keep v1.0.7 behaviour.
     - Do NOT touch #header-outer::before (Salient draws glass there).
     - Reduce perceived rounding when expanded by adding a bottom safe-area.
  */

  #header-outer.bo-mega-ready{
    overflow: hidden !important;
    height: auto !important;
    border-radius: 28px !important;
  }

  #header-outer.bo-mega-expanded{
    padding-bottom: calc(var(--bo-mega-extra, 72px) + 16px) !important;
  }

  #header-outer .bo-header-mega{
    position: absolute !important;
    bottom: 0 !important;
    left: var(--bo-mega-left, 0px) !important;
    padding: 6px 0 30px 0 !important; /* safe-area bottom */
    display: none !important;
    pointer-events: none !important;
  }

  #header-outer.bo-mega-expanded .bo-header-mega{
    display: block !important;
    pointer-events: auto !important;
  }

  #header-outer .bo-header-mega ul{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #header-outer .bo-header-mega a{
    display: block !important;
    padding: 8px 20px !important;
    border-radius: 18px !important;
    background: transparent !important;
    text-decoration: none !important;
    color: inherit !important;
    font: inherit !important;
    transition: opacity .18s ease, background .18s ease !important;
    white-space: nowrap !important;
  }

  #header-outer .bo-header-mega a:hover,
  #header-outer .bo-header-mega a:focus{
    opacity: .9 !important;
    background: rgba(255,255,255,0.14) !important;
    outline: none !important;
    text-decoration: none !important;
  }

  #header-outer .bo-header-mega a:before,
  #header-outer .bo-header-mega a:after{
    display:none !important;
  }

  #header-outer nav ul.sf-menu li.bo-mega-source > ul.sub-menu{
    display:none !important;
  }
}

@media (min-width: 1000px){
  .bo-mega-pre #header-outer nav ul.sf-menu li > ul.sub-menu{ display:none !important; }
}