/* v12.10.204 - two-row mobile header: full brand above, actions slightly lower. */
@media (max-width:620px){
  .m2-main{padding-top:170px!important;}
  .m2-glass-header{
    padding:calc(8px + env(safe-area-inset-top)) 10px 8px!important;
    overflow:visible!important;
  }
  .m2-glass-inner{
    width:100%!important;
    min-height:128px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .m2-glass-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:84px!important;
    padding-right:4px!important;
    overflow:visible!important;
    align-items:center!important;
  }
  .m2-glass-brand span{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .m2-glass-brand strong{
    max-width:none!important;
    font-size:clamp(17px,4.8vw,20px)!important;
    line-height:1!important;
    letter-spacing:.005em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .m2-glass-brand em{
    max-width:none!important;
    font-size:clamp(6.5px,1.8vw,8px)!important;
    letter-spacing:.22em!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .m2-glass-actions{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    margin-top:-4px!important;
    padding-left:94px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    overflow:visible!important;
  }
  .m2-glass-actions button,
  .m2-glass-actions .m2-theme-toggle{
    display:inline-flex!important;
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

@media (max-width:390px){
  .m2-main{padding-top:164px!important;}
  .m2-glass-inner{min-height:116px!important;}
  .m2-glass-brand{min-height:76px!important;gap:6px!important;}
  .m2-glass-brand .m2-dwarf-logo{
    width:60px!important;
    height:76px!important;
    flex:0 0 60px!important;
    transform:translateY(12px) scale(1.08)!important;
  }
  .m2-glass-brand strong{font-size:clamp(15px,4.7vw,18px)!important;}
  .m2-glass-brand em{font-size:6.3px!important;letter-spacing:.16em!important;}
  .m2-glass-actions{
    min-height:33px!important;
    padding-left:74px!important;
    gap:4px!important;
  }
  .m2-glass-actions button,
  .m2-glass-actions .m2-theme-toggle{
    flex-basis:33px!important;
    width:33px!important;
    min-width:33px!important;
    height:33px!important;
    border-radius:12px!important;
  }
}

/* v12.10.211 - keep the larger glowing logo after the two-row header rules. */
@media (max-width:620px){
  .m2-glass-brand .m2-dwarf-logo{
    width:74px!important;
    height:90px!important;
    flex:0 0 74px!important;
    box-sizing:border-box!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:drop-shadow(0 0 2px rgba(255,255,255,.95)) drop-shadow(0 0 7px rgba(255,255,255,.46)) drop-shadow(0 12px 22px rgba(0,0,0,.55))!important;
    transform:translateY(12px) scale(1.06)!important;
  }
  .m2-glass-actions{
    padding-left:108px!important;
  }
}

@media (max-width:390px){
  .m2-glass-brand .m2-dwarf-logo{
    width:66px!important;
    height:82px!important;
    flex-basis:66px!important;
    padding:0!important;
    transform:translateY(10px) scale(1.04)!important;
  }
  .m2-glass-actions{
    padding-left:88px!important;
  }
}