/* Compact typography for every public SmartBuy page outside the homepage. */
body {
  font-size: 15px;
}

.hero h1,
.title {
  font-size: clamp(32px, 4.2vw, 46px);
}

.lead,
.intro {
  font-size: 15px;
  line-height: 1.65;
}

.detail-info h1 {
  font-size: 38px;
}

.detail-info .meta {
  font-size: 14px;
}

.account-head h1 {
  font-size: 36px;
}

.policy-copy h2 {
  font-size: clamp(26px, 3.4vw, 40px);
}

@media (max-width: 680px) {
  body {
    font-size: 14px;
  }

  .hero h1,
  .title {
    font-size: 31px;
  }

  .lead,
  .intro {
    font-size: 14px;
    line-height: 1.6;
  }

  .detail-info h1,
  .account-head h1 {
    font-size: 29px;
  }

  .policy-copy h2 {
    font-size: 27px;
  }

  .product-body h2 {
    font-size: 13px;
  }

  .product-price {
    font-size: 15px;
  }
}