/* Compatibility for deployed wordmarks. Source templates use the same panda image. */
:is(.commerce-wordmark, .registration-brand, .mobile-brand, .join-wordmark, .register-brand, .complete-brand, .registration-success > p):not(:has(img)):not(:has(uni-image)) {
  box-sizing: border-box;
  width: 144px;
  height: 96px;
  min-height: 96px;
  flex-shrink: 0;
  padding: 0;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  color: transparent !important;
  background: url('/brand/yingkei-panda-20261102.png') center / contain no-repeat !important;
}
:is(.commerce-wordmark, .registration-brand, .join-wordmark):not(:has(img)) { display: inline-block; }
.registration-success > p:not(:has(img)), :is(.register-brand, .complete-brand):not(:has(img)):not(:has(uni-image)) { margin-inline: auto; }
.yk-mobile-brand > uni-text, .yk-mobile-brand > text { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.join-site .footer-brand:not(:has(img)) { font-size: 0 !important; display: inline-flex; align-items: center; }
.join-site .footer-brand:not(:has(img))::before {
  content: '';
  display: inline-block;
  flex: 0 0 120px;
  width: 120px;
  height: 80px;
  background: url('/brand/yingkei-panda-20261102.png') center / contain no-repeat;
}
.join-site .footer-bottom > span:first-child:not(:has(img)) {
  font-size: 0;
  display: inline-block;
  width: 90px;
  height: 60px;
  background: url('/brand/yingkei-panda-20261102.png') center / contain no-repeat;
}
@media (max-width: 760px) {
  :is(.commerce-wordmark, .registration-brand, .mobile-brand, .join-wordmark):not(:has(img)) { width: 114px; height: 76px; min-height: 76px; }
}
/* Registration has a compact fixed-height header; preserve its clearance. */
.registration-header .registration-brand:not(:has(img)) { width: 96px; height: 64px; min-height: 64px; }
.registration-header .registration-brand img { width: 96px; max-height: 64px; }
.join-site .head-inner { min-height: 112px; }
@media (max-width: 760px) {
  .registration-header .registration-brand:not(:has(img)) { width: 78px; height: 52px; min-height: 52px; }
  .registration-header .registration-brand img { width: 78px; max-height: 52px; }
}