.terpene-lines {
  display: grid;
  gap: 3px;
  line-height: 1.35;
}

.terpene-lines span {
  display: block;
}

.sidecard > div.terpene-detail {
  align-items: flex-start;
}

@media (max-width: 560px) {
  .reviewgrid .sidecard > div {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .reviewgrid .sidecard strong {
    max-width: none;
    text-align: left;
  }

  .terpene-lines {
    width: 100%;
  }
}