/* ========================================================================== */
/* THE BEST OFFER 0.14.6 — DESIGN D45                                        */
/* ========================================================================== */

/*
 * A long registration form must scroll inside its own full-screen overlay.
 * Starting the card at the top avoids the inaccessible negative overflow that
 * a vertically centred grid item gets on short phone screens.  Extra space at
 * the bottom keeps the submit button above mobile browser controls.
 */
@media(max-width:800px){
  #auth.overlay{
    display:block;
    height:100%;
    height:100dvh;
    max-height:100dvh;
    overflow-x:hidden;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    padding:max(14px,env(safe-area-inset-top)) 12px calc(112px + env(safe-area-inset-bottom))!important;
    scroll-padding-top:14px;
    scroll-padding-bottom:calc(136px + env(safe-area-inset-bottom));
  }
  #auth .auth-card{
    width:min(520px,100%);
    max-height:none!important;
    margin:0 auto;
    overflow:visible!important;
  }
  #auth input,#auth select,#auth button{
    scroll-margin-bottom:calc(136px + env(safe-area-inset-bottom));
  }
  #auth #registerBtn{
    margin-bottom:8px;
  }
}