@import url("font-stack.css");
@import url("brand.css");
/* Preserve the shared buyer logo geometry while using the approved brand asset. */
.customer-logo {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: .55rem;
  color: transparent;
  position: relative;
  background: var(--brand-logo) left center / contain no-repeat;
  white-space: nowrap;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
}
.customer-logo::before {
  content: 's';
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 32px;
  height: 36px;
  border-radius: 12px 12px 12px 3px;
  background: transparent;
  color: transparent;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}
.customer-logo::after {
  content: '셀바임';
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -.1rem;
}
/* Keep the wordmark legible on each existing footer background. */
.site-footer .customer-logo { background-image: var(--brand-logo-dark); }
.revamp .brand .customer-logo { display: none; }
.buyer-page .buyer-logo, .buyer-page .buyer-logo:hover { text-decoration: none; }
@media (max-width: 767px) {
  .customer-logo::before {
    width: 25px;
    height: 29px;
    font-size: 21px;
    border-radius: 9px 9px 9px 2px;
  }
  .customer-logo::after { font-size: 1.5rem; }
}