.brand {
  gap: 10px;
  color: #111;
}

.brand > img {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px;
  border: 1px solid #111;
  border-radius: 8px;
  background: #fff;
  object-fit: cover;
}

.brand > strong {
  display: block !important;
  color: #111 !important;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: -.02em;
  line-height: 1;
  white-space: nowrap;
}

.brand > span {
  display: inline-block !important;
  flex: 0 0 auto;
  border-color: #111;
  background: #f3c34f;
  color: #111 !important;
  font-weight: 900;
}

.shop-footer-wordmark img {
  width: 46px !important;
  height: 46px !important;
  border-radius: 8px;
  background: #fff;
  object-fit: cover;
}

.shop-footer-wordmark strong {
  color: #fff !important;
}

@media (max-width: 650px) {
  .brand { gap: 7px; }
  .brand > img { width: 40px !important; height: 40px !important; flex-basis: 40px; }
  .brand > strong {
    max-width: 72px;
    font-size: 11px;
    line-height: 1.05;
    white-space: normal;
  }
  .brand > span { padding: 3px 5px; font-size: 8px; letter-spacing: .16em; }
}

@media (max-width: 430px) {
  .brand > span { display: none !important; }
}