/*
 * Site-wide desktop typography.
 * Loaded after page-specific styles so text remains readable on large screens.
 */
@media (min-width: 992px) {
  body {
    font-size: 17px;
    line-height: 1.8;
  }

  p,
  li,
  td,
  th,
  label,
  input,
  textarea,
  select,
  button,
  summary,
  figcaption {
    font-size: 16px !important;
    line-height: 1.75;
  }

  small,
  .small,
  .text-muted,
  .copyright {
    font-size: 14px !important;
    line-height: 1.65;
  }

  .custom-navbar .custom-navbar-nav li a,
  .custom-navbar .nav-link,
  .btn,
  button.btn {
    font-size: 16px !important;
  }

  .section-title {
    font-size: 36px;
    line-height: 1.35;
  }

  .feature h3,
  .product-item h3,
  .product-title,
  .blog-entry h2,
  .blog-entry h3,
  .product-related-card h3 {
    font-size: 21px !important;
    line-height: 1.5;
  }

  .feature p,
  .product-item p,
  .blog-entry p,
  .article-detail-content p,
  .product-detail-description,
  .product-description-content,
  .contact-section p,
  .footer-section p,
  .footer-section li,
  .footer-section a {
    font-size: 16px !important;
    line-height: 1.8;
  }

  .product-detail-label,
  .product-detail-code,
  .product-detail-meta,
  .product-category-eyebrow,
  .product-category-count {
    font-size: 15px !important;
  }

  .product-detail-select,
  .product-detail-quantity select,
  .product-detail-cart-btn {
    font-size: 16px !important;
  }

  /* Towai Baikeaw page */
  .tw4-label,
  .tw4-heading > p,
  .tw4-formula-label {
    font-size: 14px !important;
  }

  .tw4-hero-copy > p:not(.tw4-label),
  .tw4-benefit-grid p,
  .tw4-formula-copy > p:last-child,
  .tw4-usage .tw4-heading > span,
  .tw4-faq details p,
  .tw4-order-box > div > p:not(.tw4-label) {
    font-size: 17px !important;
    line-height: 1.8;
  }

  .tw4-hero-benefits li {
    font-size: 19px !important;
    line-height: 1.6;
  }

  .tw4-meta span,
  .tw4-hero-product figcaption {
    font-size: 14px !important;
  }

  .tw4-benefit-grid h3,
  .tw4-formula-copy h3 {
    font-size: 25px !important;
  }

  .tw4-benefit-list li {
    font-size: 16px !important;
    line-height: 1.65;
  }

  .tw4-usage-table th,
  .tw4-usage-table td {
    font-size: 16px !important;
  }

  .tw4-usage-tabs button {
    font-size: 15px !important;
  }

  .tw4-usage-panel > h3 {
    font-size: 25px !important;
  }

  .tw4-panel-note {
    font-size: 15px !important;
  }

  .tw4-usage-table td strong {
    font-size: 17px !important;
  }

  .tw4-usage-table td small,
  .tw4-note {
    font-size: 14px !important;
  }

  .tw4-faq summary {
    font-size: 18px !important;
  }

  .tw4-reference p {
    font-size: 12px !important;
  }
}