/* Shared phone scale: page-specific styles should use these same values so
   headings and body copy stay visually consistent across the site. */
@media (max-width: 760px) {
  :root {
    --mobile-page-title-size: clamp(2rem, 9vw, 2.85rem);
    --mobile-section-title-size: clamp(1.85rem, 8vw, 2.9rem);
    --mobile-body-size: .92rem;
    --mobile-small-body-size: .84rem;
    --mobile-button-size: .8rem;
  }

  .hero__content h1,
  .technology-hero__content h1,
  .partner-hero h1,
  .contact-intro h1,
  .tag-order-config h1,
  .simple-order-config h1,
  .beekeeping-order-config h1 {
    font-size: var(--mobile-page-title-size) !important;
    line-height: 1.02;
  }

  .intro h2,
  .section-heading h2,
  .technology-panel h2,
  .contact-card h2,
  .technology-product__intro h2,
  .electronic-product__intro h2,
  .beekeeping-product h2,
  .produce-crates-product h2,
  .vaccines-product h2,
  .partner-network__heading h2,
  .partner-section-heading h2,
  .partner-closing h2,
  .contact-form__heading h2 {
    font-size: var(--mobile-section-title-size) !important;
    line-height: 1.02;
  }

  .hero__content > p,
  .technology-hero__body,
  .technology-product__intro > p,
  .electronic-product__intro > p,
  .beekeeping-product__intro > p:not(.technology-product__eyebrow),
  .produce-crates-product__content > p:not(.technology-product__eyebrow),
  .vaccines-product__content > p:not(.technology-product__eyebrow),
  .partner-hero__body,
  .contact-intro__body,
  .simple-order-config__body,
  .tag-order-config__body,
  .beekeeping-order-config__body,
  .partner-closing__row p {
    font-size: var(--mobile-body-size) !important;
    line-height: 1.45;
  }

  .partner-path-card p,
  .contact-support li,
  .contact-consent,
  .simple-order-product-info li,
  .electronic-product__description,
  .electronic-product__highlights li {
    font-size: var(--mobile-small-body-size) !important;
    line-height: 1.45;
  }

  .hero__button,
  .partner-button,
  .technology-product__order .button--order,
  .simple-order-submit,
  .tag-order-submit,
  .contact-form__button {
    font-size: var(--mobile-button-size) !important;
  }
}