.intro {
  background-color: var(--orange-back);
  background: var(--orange-peach-gradient);
  border: 1px solid var(--orange-border);
  width: 100%;
  box-shadow: var(--shadow-elevation-medium-with-inset);
  position: relative;
  display: grid;
  gap: var(--size-default);
  padding: var(--size-default);
  grid-template-columns: 1fr 180px;
  grid-auto-flow: column;
}

.intro h2,
.intro p:has(.buy) {
  grid-column: 1 / -1;
  margin-block-start: 0;
}

.intro p {
  grid-column: 1 / 2;
}

.intro p:first-of-type:has(img) {
  grid-column: 2 / 3;
  height: 3rem;
}

.intro .buy {
  font-size: var(--font-size-large);
  font-weight: 900;
  text-align: left;
  display: block;
  margin-block-start: var(--size-l2);
  line-height: 1;
  text-wrap: balance;
}