/* Longer shop name, using the existing colours and typography. */
.brand { min-width: 0; }
.brand-mark { flex: 0 0 auto; letter-spacing: 0; font-size: 1.35rem; }
.brand > span:last-child { min-width: 0; }
.brand strong { letter-spacing: .015em; line-height: 1.25; }
.site-header .brand strong { max-width: 15rem; }
.site-header nav, .main-nav, .mobile-menu { flex-shrink: 0; }
@media (max-width: 1100px) and (min-width: 901px) {
  .site-header .nav-wrap { gap: 16px; }
  .site-header .main-nav { gap: 16px; }
}
@media (max-width: 640px) {
  .site-header .brand { gap: 8px; }
  .site-header .brand strong { max-width: 9rem; font-size: .86rem; }
  .site-header .brand-mark { width: 34px; height: 34px; font-size: 1.1rem; }
}
@media (max-width: 390px) {
  .site-header .nav-wrap { gap: 6px; }
  .site-header .brand { gap: 6px; }
  .site-header .brand strong { max-width: 7.4rem; font-size: .78rem; }
  .site-header .brand-mark { width: 28px; height: 32px; }
  .site-header .main-nav { gap: 4px; }
  .site-header .cart-link { padding: 10px 8px; }
  .site-header .admin-nav-button { width: 34px; }
  .site-header .mobile-menu { width: 34px; }
}