/* The mark in every header: the red 티나는베가스 square (the same one dolxing.com uses), kept small.
   It took the place of the wide wordmark, and the older sheets size `.brand` / `.app-brand` for that
   wordmark at several breakpoints, hence the !important on the sizes below. */
.brand:has(> .brand-icon),
.app-brand:has(> .brand-icon) {
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto;
}

.brand > img.brand-icon,
.app-brand > img.brand-icon {
  display: block;
  flex: none;
  width: 40px !important;
  height: 40px !important;
  max-width: none;
  object-fit: contain;
}

@media (max-width: 719px) {
  .brand > img.brand-icon,
  .app-brand > img.brand-icon { width: 36px !important; height: 36px !important; }
}