/* Test-only co-brand lockup v4. Preserve the partner PNG's transparent background. */
.home-brand-mark {
  width: auto !important;
  min-width: 0 !important;
  height: 64px !important;
  padding: 6px 20px 6px 28px !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 12px !important;
}

.home-brand-mark > * {
  display: none !important;
}

.home-brand-mark::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  background: transparent url("/brand/partner-mark-20260804.png") center / 36px 36px no-repeat;
}

.home-brand-mark > .home-brand-name {
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  align-items: center !important;
  justify-content: center !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.home-brand-mark > .home-brand-name::before {
  content: "×";
  color: #9ca3af;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
}

.home-brand-mark::after {
  content: "";
  display: block;
  width: 132px;
  height: 40px;
  flex: 0 0 132px;
  background: url("/brand/cehua-ppt-logo.svg") left center / contain no-repeat;
}

@media (max-width: 620px) {
  .home-brand-mark {
    height: 40px !important;
    padding: 2px 0 !important;
    gap: 8px !important;
  }

  .home-brand-mark::before {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    background-size: 28px 28px;
  }

  .home-brand-mark > .home-brand-name::before {
    font-size: 14px;
  }

  .home-brand-mark::after {
    width: 108px;
    height: 32px;
    flex-basis: 108px;
  }
}