/* DDB V45: keep the login/register customer-service icon at its intended compact size.
   The cloned uni-image component can otherwise fall back to a very large intrinsic box. */
body.pages-login-register .nav-header .right-box,
body.pages-login-login .nav-header .right-box {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  position: relative !important;
  overflow: visible !important;
}
body.pages-login-register .nav-header .right-box .icon-box,
body.pages-login-login .nav-header .right-box .icon-box {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
body.pages-login-register .nav-header .right-box .icon-box uni-image.icon,
body.pages-login-login .nav-header .right-box .icon-box uni-image.icon,
body.pages-login-register .nav-header .right-box .icon-box v-uni-image.icon,
body.pages-login-login .nav-header .right-box .icon-box v-uni-image.icon {
  display: block !important;
  position: relative !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  flex: 0 0 20px !important;
  box-sizing: border-box !important;
}
body.pages-login-register .nav-header .right-box .icon-box uni-image.icon > div,
body.pages-login-login .nav-header .right-box .icon-box uni-image.icon > div,
body.pages-login-register .nav-header .right-box .icon-box v-uni-image.icon > div,
body.pages-login-login .nav-header .right-box .icon-box v-uni-image.icon > div {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
body.pages-login-register .nav-header .right-box .icon-box img[src*="kefu.png"],
body.pages-login-login .nav-header .right-box .icon-box img[src*="kefu.png"] {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* The formal registration flow has no verification-code row. Keep the two
   required agreements and submit control compact after that row is removed. */
body.pages-login-register .login.page-public .form > .checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 25px !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
}
body.pages-login-register .login.page-public .form > .checkbox-label + .checkbox-label {
  margin-top: 3px !important;
}
body.pages-login-register .login.page-public .form > .checkbox-label > .product-checkbox {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 25px !important;
  width: 25px !important;
  height: 25px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
body.pages-login-register .login.page-public .form > .checkbox-label > .product-checkbox > uni-text,
body.pages-login-register .login.page-public .form > .checkbox-label > .product-checkbox > v-uni-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 25px !important;
  height: 25px !important;
  line-height: 1 !important;
}
body.pages-login-register .login.page-public .form + uni-button {
  margin-top: 14px !important;
}