.footer-logo {
  display: inline-flex;
  width: max-content;
  margin-bottom: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #fff;
}

.footer-logo img {
  margin: 0;
}

.hero-grid > *,
.hero-copy,
.hero-visual,
.product-layout > *,
.category-hero .shell > * {
  min-width: 0;
}

.hero-copy h1,
.hero-copy p,
.product-summary h1 {
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .hero-copy h1 {
    font-size: clamp(2.05rem, 10vw, 2.65rem);
  }
}