/* Phone typography: reading copy, controls, and compact labels. */
@media (max-width: 760px) {
  :root {
    --td-font-size-xs: 0.875rem;
    --td-font-size-sm: 1rem;
  }

  /* Navigation and footer. */
  .main-nav a,
  .header-cta,
  .product-page .nav-links a,
  .product-page .site-header .main-nav a,
  .footer-brand > p,
  .footer-nav a,
  .footer-contact a,
  .footer-contact address,
  .footer-contact p,
  .product-page .footer-grid p,
  .product-page .footer-grid a {
    font-size: 1rem;
    line-height: 1.5;
  }

  .footer-nav h2,
  .footer-contact h2,
  .footer-heading,
  .product-page .footer-grid h3 {
    font-size: 1rem;
    line-height: 1.3;
  }

  .footer-bottom,
  .product-page .legal {
    font-size: 0.875rem;
    line-height: 1.5;
  }

  /* Home copy that still used miniature desktop labels. */
  .products-intro > p:not(.eyebrow),
  .ingredients-lead,
  .distributors-lead,
  .final-cta__lead {
    font-size: 1.125rem;
    line-height: 1.6;
  }

  .button.button-link,
  .hero-benefits span,
  .range-copy a,
  .products-cta,
  .ingredient-values span,
  .philosophy-pillars h3,
  .distributor-benefits li,
  .distributors-cta,
  .final-cta__actions a {
    font-size: 1rem;
    line-height: 1.4;
  }

  .hero-copy .eyebrow,
  .section-heading .eyebrow,
  .range-copy small,
  .range-copy h3,
  .all-ranges small,
  .ingredients-copy .eyebrow,
  .philosophy-copy .eyebrow,
  .philosophy-visual figcaption span,
  .species-intro .eyebrow,
  .species-card__copy small,
  .distributors-content .eyebrow,
  .final-cta .eyebrow,
  .product-slider__status,
  .products-intro .eyebrow {
    font-size: 0.875rem;
    line-height: 1.3;
  }

  .ingredient-note {
    max-width: 45%;
    font-size: 0.875rem;
    line-height: 1.25;
    white-space: normal;
  }

  /* Product cards and catalog controls. */
  .product-info h3,
  .product-info > a,
  .species-tab,
  .filter-group label,
  .filter-group input,
  .filter-group select,
  .filter-group--actions button,
  .filter-group--actions a,
  .catalog-results-bar,
  .catalog-pagination a,
  .catalog-pagination span {
    font-size: 1rem;
  }

  .product-tag,
  .super-premium-catalog .product-tag,
  .product-info small,
  .product-visual__range,
  .active-filter-tag,
  .clear-all-link {
    font-size: 0.875rem;
  }

  /* Product detail labels, data, actions, and questions. */
  .pd-subtitle,
  .pd-thumb--more small,
  .pd-faq summary,
  .pd-tabs a,
  .pd-primary,
  .pd-spec-card dt,
  .pd-spec-card dd,
  .pd-spec-note,
  .pd-spec-card--dark li,
  .pd-calculator button,
  .pd-related article > div > a {
    font-size: 1rem;
    line-height: 1.5;
  }

  .pd-ingredients h3,
  .pd-guide h3,
  .pd-trust h3,
  .pd-related > h2,
  .pd-related h3 {
    font-size: 1.125rem;
    line-height: 1.3;
  }

  .pd-spec-card dl {
    grid-template-columns: 1fr;
  }

  .pd-spec-card dl div {
    gap: 12px;
  }

  .pd-calculator button {
    width: min(100%, 190px);
    height: auto;
    min-height: 44px;
    padding: 8px 14px;
  }

  .pd-formats button {
    height: auto;
    min-height: 44px;
  }

  .pd-breadcrumbs,
  .product-page .pd-mobile-heading .eyebrow,
  .product-page .pd-summary .eyebrow,
  .pd-nutrition__copy .eyebrow,
  .pd-spec-card .eyebrow,
  .pd-benefit-card--full .eyebrow,
  .pd-faq__intro .eyebrow,
  .pd-final .eyebrow,
  .pd-related small,
  .pd-calculator output small {
    font-size: 0.875rem;
    line-height: 1.3;
  }

  /* Corporate pages, professional area, and interactive tools. */
  .form-group label,
  .distributor-btn,
  .gamas-catalog-group h2,
  .gamas-species-tile a,
  .library-pagination .page-numbers,
  .advisor-step button,
  .feeding-calculator label,
  .feeding-calculator select,
  .feeding-calculator input {
    font-size: 1rem;
  }

  .gamas-catalog-hero .td-breadcrumbs,
  .gamas-catalog-hero .eyebrow {
    font-size: 0.875rem;
  }
}