.hero-mobile {
  display: grid;
  min-height: 220px;
  margin-bottom: 22px;
  align-items: end;
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 50% 20%, rgba(168, 182, 106, .76), transparent 42%),
    linear-gradient(145deg, var(--color-green-deep), var(--color-green-main));
  color: #fff;
  padding: 22px;
  box-shadow: var(--shadow-soft);
}

.hero-mobile__content {
  display: grid;
  gap: 8px;
}

.hero-mobile .eyebrow {
  color: var(--color-stone-light);
}

.hero-mobile p:not(.eyebrow) {
  color: rgba(255, 255, 255, .88);
}

.page-shell {
  padding-top: 10px;
}

.product-showcase {
  display: grid;
  gap: 10px;
}

.product-showcase + .product-showcase {
  margin-top: 18px;
}

.showcase-separator {
  display: grid;
  grid-template-columns: minmax(18px, 1fr) auto minmax(18px, 1fr);
  align-items: center;
  gap: 10px;
  color: var(--color-purple-deep);
}

.showcase-separator span {
  height: 1px;
  border-radius: 999px;
  background: rgba(91, 38, 150, .26);
}

.showcase-separator h3 {
  color: inherit;
  font-size: .88rem;
  font-weight: 900;
}

.showcase-separator--muted {
  color: var(--color-green-deep);
}

.showcase-separator--muted span {
  background: rgba(79, 95, 47, .22);
}