/* Loaded only by the separate HAPP checkout. */
.checkout-page[class*=co-selected-design-] .co-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.checkout-page[class*=co-selected-design-] .co-brand .happ-checkout-logo {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
.checkout-page[class*=co-selected-design-] .co-brand span {
  margin-left: 0;
  color: inherit !important;
  font-size: 20px !important;
  font-weight: 800;
}
.co-brand span,
.co-steps li,
.co-steps li span,
.co-back,
.co-hero-kicker,
.co-order p:not(.co-overline),
.co-features span,
.co-change,
.co-access-guide strong,
.co-access-guide p,
.co-assurances span,
.checkout-tg-button,
.checkout-tg-change,
.co-label,
.co-form-card input,
.co-agree,
.co-agree a,
.co-method-choice strong,
.co-method-choice p,
.co-method-choice .co-method-price,
.co-help strong,
.co-help p,
.co-help a,
#checkout-theme-controls button {
  font-size: 16px !important;
  line-height: 1.45;
}

@media (max-width: 600px) {
  .co-header-inner { flex-wrap: wrap; gap: 12px; }
  .co-steps { flex-wrap: wrap; }
}
@media (max-width: 380px) {
  .co-access-guide ol { grid-template-columns: 1fr !important; gap: 18px; }
}