/* Neutralize suite-pages.css overrides inside product pages so HTML CSS wins. */

.product-page.product-page--portal .wrap,
.product-page.product-page--factory .wrap,
.product-page.product-page--taskeen .wrap,
.portal-page .wrap,
.fct-page .wrap,
.portal .wrap,
.tsk .wrap {
  width: auto !important;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
  box-sizing: border-box;
}

@media (max-width: 760px) {
  .product-page.product-page--portal .wrap,
  .product-page.product-page--factory .wrap,
  .product-page.product-page--taskeen .wrap,
  .portal-page .wrap,
  .fct-page .wrap,
  .portal .wrap,
  .tsk .wrap {
    padding-left: 22px;
    padding-right: 22px;
  }
}

.product-page h1,
.product-page h2,
.product-page h3 {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  font-family: inherit;
}

.product-page .eyebrow {
  display: revert;
  gap: revert;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  margin-bottom: 0;
}

.product-page .btn,
.product-page .btn-primary,
.product-page .btn-ghost,
.product-page .btn-ghost-d,
.product-page .btn-pri {
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  gap: inherit;
  padding: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  border: inherit;
  cursor: pointer;
  background: inherit;
  color: inherit;
}

.product-page .lead {
  max-width: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}