/* MCPL v9 - phones only (<= 600 px, the existing phone breakpoint).
   Removes the four feature rows + the FITNESS | SWIMMING | PEOPLE | PROGRESS line
   from the login hero and the small animated MCPL wordmark inside the login card,
   and closes the space they used. Tablet / laptop presentation is unchanged. */
@media(max-width:600px){
 #login .mcplh-stage .mcplh-feature{display:none!important}
 #login .mcplh-stage{height:calc(158 * var(--u))!important}
 #login .login-card .logo{display:none!important}
 #login .login-card::before{margin-bottom:4px!important}
}

/* Install invitation (all sizes; shown only when relevant) */
#mcplPwaInvite{
 position:fixed;z-index:300;left:50%;top:calc(10px + env(safe-area-inset-top,0px));
 transform:translateX(-50%);width:min(440px,calc(100vw - 20px));
 background:#ffffff;color:#102b46;border:1px solid #cfe1f1;border-radius:14px;
 box-shadow:0 10px 30px rgba(3,30,56,.28);padding:12px 14px;font:14px/1.4 Arial,Segoe UI,sans-serif;
}
#mcplPwaInvite[hidden]{display:none!important}
#mcplPwaInvite .mi-row{display:flex;align-items:center;gap:12px}
#mcplPwaInvite img{width:40px;height:40px;border-radius:9px;flex:none}
#mcplPwaInvite b{display:block;font-size:15px;color:#082f52}
#mcplPwaInvite p{margin:2px 0 0;font-size:13px;color:#46627a}
#mcplPwaInvite .mi-steps{margin:10px 0 0;padding:10px 12px;background:#f2f8fd;border-radius:10px;font-size:13px;color:#1d3b56}
#mcplPwaInvite .mi-steps[hidden]{display:none}
#mcplPwaInvite .mi-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
#mcplPwaInvite button{min-height:40px;padding:0 16px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}
#mcplPwaInvite .mi-later{background:#fff;border:1px solid #c8dbea;color:#244e70}
#mcplPwaInvite .mi-install{background:linear-gradient(90deg,#138cf3,#0756b6);border:0;color:#fff}
@media(prefers-reduced-motion:no-preference){#mcplPwaInvite:not([hidden]){animation:mcplPwaIn .35s ease-out both}}
@keyframes mcplPwaIn{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}