.legal {
  padding: 40px 0 80px;
}

.legal-title {
  margin: 0;
  font-size: 46px;
  line-height: 1.05;
}

.legal-meta {
  margin: 10px 0 0;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

.legal-card {
  margin-top: 18px;
}

.legal-card .product-card__body {
  padding: 22px 22px 24px;
}

.legal h2 {
  margin: 18px 0 10px;
  font-size: 18px;
}

.legal p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #111;
}

.legal p + p {
  margin-top: 10px;
}

.legal ul {
  margin: 8px 0 0;
  padding-left: 18px;
  color: #666;
  font-size: 13px;
  line-height: 1.6;
}

.legal li {
  margin: 6px 0;
}

@media (max-width: 520px) {
  .legal-title {
    font-size: 36px;
  }

  .legal-card .product-card__body {
    padding: 18px;
  }
}