form[data-merc-ready] .merc-helper{font-size:14px;line-height:1.6;color:#555;margin:0 0 16px;text-align:left}
form[data-merc-ready] label[for^="merc-email-"]{display:block;font-size:14px;font-weight:600;margin:0 0 8px;text-align:left;color:#333}
form[data-merc-ready] .merc-status{font-size:14px;line-height:1.5;text-align:left;color:#555;margin:12px 0 0}
form[data-merc-ready] .merc-status:empty{display:none}
form[data-merc-ready][aria-busy="true"] [type="submit"]{opacity:.65;cursor:wait!important}
form[data-merc-ready][aria-busy="true"] .button-next-login{pointer-events:none;opacity:.5}
form[data-merc-ready][aria-busy="true"] .merc-status:before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid #ddd;border-top-color:#762a43;border-radius:50%;vertical-align:-2px;animation:merc-spin .8s linear infinite}
@keyframes merc-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){form[data-merc-ready][aria-busy="true"] .merc-status:before{animation:none}}

/* Mafoil popup: constrain the outer panel; let only the content scroll if necessary. */
.form-login-register .box-form-login.merc-account-dialog{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  width:calc(100% - 24px)!important;max-width:500px!important;
  max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;
  left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  padding:0!important;overflow:hidden!important;
}
.form-login-register .merc-account-dialog>.sign__in--img{flex:0 0 auto;overflow:hidden}
.form-login-register .merc-account-dialog>.box-content{
  flex:0 1 auto!important;min-height:0!important;height:auto!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.form-login-register .merc-account-dialog>.box-content::-webkit-scrollbar{width:4px}
.form-login-register .merc-account-dialog>.box-content::-webkit-scrollbar-thumb{background:#c8c1bd;border-radius:4px}
.form-login-register .merc-account-dialog>.box-content>.form-login,
.form-login-register .merc-account-dialog>.box-content>.form-register{
  display:none!important;position:relative!important;top:auto!important;left:auto!important;
  height:auto!important;transform:none!important;transition:none!important;
}
.form-login-register .merc-account-dialog>.box-content>.active{display:block!important}
.form-login-register .merc-account-dialog.merc-register-open>.sign__in--img{
  height:clamp(80px,18vh,130px);height:clamp(80px,18dvh,130px);
}
.form-login-register .merc-register-open>.sign__in--img img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:cover;object-position:center top;
}
.form-login-register .merc-register-open>.sign__in--img h2{
  top:50%!important;bottom:auto!important;left:24px!important;width:auto!important;
  transform:translateY(-50%)!important;padding:0!important;margin:0!important;
  font-size:15px!important;letter-spacing:3px!important;
}
.form-login-register .merc-register-open>.box-content>.form-register>form{padding:0!important;margin:0!important}
.form-login-register .merc-register-open .sign__in--content{padding:20px 24px 22px!important}
.form-login-register .merc-register-open .content .email{margin-bottom:12px!important}
.form-login-register .merc-register-open form[data-merc-ready] .merc-helper{font-size:13px;line-height:1.5;margin:0 0 12px}
.form-login-register .merc-register-open form[data-merc-ready] label[for^="merc-email-"]{margin-bottom:6px}
.form-login-register .merc-register-open .content input[type="email"]{box-sizing:border-box;height:46px;line-height:24px;padding:10px 14px}
.form-login-register .merc-register-open .woocommerce-privacy-policy-text{font-size:12px!important;line-height:1.5!important;margin:0 0 14px!important}
.form-login-register .merc-register-open .woocommerce-privacy-policy-text p{font-size:inherit!important;line-height:inherit!important;margin:0!important}
.form-login-register .merc-register-open .button-register input[type="submit"]{min-height:44px;height:auto;padding:10px 14px!important;line-height:24px!important}
.form-login-register .merc-register-open .button-next-login{box-sizing:border-box;margin-top:10px!important;padding:8px 14px!important;line-height:24px!important;min-height:40px}
@media(max-height:500px){
 .form-login-register .merc-account-dialog.merc-register-open>.sign__in--img{height:72px}
 .form-login-register .merc-register-open .sign__in--content{padding:14px 20px 16px!important}
}