/* Font preview is intentionally limited to the cart and member-center views. */
body.cart-page,
body.mine-page-mode {
  --consumer-font-sans: "Noto Sans TC", "PingFang TC", sans-serif;
  --consumer-font-serif: "Noto Serif TC", "Songti TC", serif;
  font-family: var(--consumer-font-sans);
  color: #211d1f;
}

body.cart-page :is(button, input, select, textarea),
body.mine-page-mode :is(button, input, select, textarea) {
  font-family: var(--consumer-font-sans);
}

body.cart-page .cart-hero h1,
body.cart-page .cart-summary > h2,
body.cart-page .cart-recommendations h2,
body.mine-page-mode #mine-title,
body.mine-page-mode #mine-overview > h3 {
  font-family: var(--consumer-font-serif);
  font-weight: 700;
  color: #201b1e;
}

body.cart-page .cart-hero-copy p,
body.mine-page-mode .lumi-brand small {
  letter-spacing: .2em;
}

body.cart-page .cart-hero-copy > span,
body.cart-page .cart-benefits,
body.cart-page .cart-select-all strong,
body.cart-page .cart-item-copy h3,
body.cart-page .cart-summary-line strong,
body.cart-page .cart-summary-total,
body.mine-page-mode .mine-profile strong,
body.mine-page-mode .mine-account-stats strong,
body.mine-page-mode .mine-shortcuts,
body.mine-page-mode .mine-favorites-link strong,
body.mine-page-mode .mine-service-links {
  color: #292326;
}

body.cart-page .cart-summary-line,
body.cart-page .cart-item-copy p,
body.cart-page .cart-select-all > span:last-child,
body.cart-page .cart-feature-note,
body.mine-page-mode .mine-profile p,
body.mine-page-mode .mine-profile-id,
body.mine-page-mode .mine-account-stats span,
body.mine-page-mode .mine-favorites-link small,
body.mine-page-mode .mine-service-links small {
  color: #716a6e;
}

body.cart-page .cart-benefits b,
body.cart-page .cart-item-price,
body.cart-page .cart-item-mobile-price,
body.cart-page .cart-summary-total strong,
body.cart-page .cart-recommend-info > strong,
body.mine-page-mode .mine-account-stats strong {
  color: #df326d;
}

body.cart-page .cart-benefits i { background: #e8c8d3; }

body.mine-page-mode .mine-page-heading > div button,
body.mine-page-mode .mine-service-links .mine-service-icon {
  color: #df326d;
}

body.cart-page .cart-brand small,
body.mine-page-mode .lumi-brand small {
  font-family: var(--consumer-font-sans);
  letter-spacing: .2em;
}

/* Homepage module headings use the same scale and treatment as 好評推薦. */
body.home-recommendations-only:not(.mine-page-mode) .consumer-home > section[data-home-module] .section-heading h2 {
  margin-top: 5px;
  color: #5b3747;
  font-family: "Noto Serif TC", "Songti TC", serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.04em;
}

@media (min-width: 1001px) {
  body.home-recommendations-only:not(.mine-page-mode) .consumer-home > section[data-home-module] .section-heading h2 {
    font-size: 26px;
  }
}

@media (max-width: 700px) {
  body.home-recommendations-only:not(.mine-page-mode) .consumer-home > section[data-home-module] .section-heading h2 {
    font-size: 21px;
  }
}