body {
  background-color: var(--pts-color__background__secondary);
  color: var(--pts-color__text);
  font-family: var(--pts-font-family);
  font-size: var(--pts-font-size__base);
  line-height: var(--pts-line-height__base);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--pts-color__primary);
  font-size: var(--pts-font-size__heading__base);
  font-weight: 700;
  line-height: 1.2;
}

.pts-terminal-errors span {
  color: var(--pts-color__text);
  font-size: var(--pts-font-size__body__base);
}

.stf-visually-hidden {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  white-space: nowrap;
  /* added line */
  width: 1px;
}

.stf-viewport-reference {
  border: none;
  box-sizing: border-box;
  display: block;
  height: 100vh;
  left: 0;
  max-height: 100%;
  max-width: 100%;
  padding: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100vw;
  z-index: -9999999;
}

.stf-storefront{
  box-sizing: border-box;
  width: 100%;
}

.stf-link,
a.stf-link {
  color: var(--pts-color__primary);
}

.stf-link,
a.stf-link:hover {
  color: var(--pts-color__hover);
}

.stf-show-desktop {
  display: none;
}

.stf-show-mobile {
  display: block;
}

@media screen and (min-width: 640px) {
  .stf-show-mobile {
    display: none;
  }
  .stf-show-desktop {
    display: block;
  }
  .stf-order-summary__wrapper {
    margin-bottom: 0;
  }
}