/* Frontend type roles. Scoped overrides bridge the imported !important rules;
   prices, section labels and compact UI copy keep their own scale. */
:root {
  --duli-body-size: 1rem;
  --duli-body-leading: 1.7;
  --duli-mobile-title: 2rem;
  --duli-mobile-section: 1.5rem;
  --duli-card-title: 1.25rem;
}

.home main p.text-muted,
.home main .home-hero-description,
main .duli-card-excerpt,
.duli-info p:where(:not(.uppercase):not(.info-privacy)),
.duli-info li,
.duli-info-profile p:where(:not(.uppercase)),
.duli-info-profile li,
.duli-shop-intro,
.duli-shop-guide p,
.duli-solutions-intro,
.duli-solutions-steps p,
.duli-solutions-support p,
.duli-library-intro,
.duli-library-help p,
.duli-policy .policy-hero-description,
.duli-policy .policy-content-card p,
.duli-policy .policy-list li,
.duli-order-intro,
.duli-order-help p,
.duli-account-intro,
.duli-account-help,
.cultivation-article-page .article-paragraph,
.cultivation-article-page .article-hero-excerpt,
.cultivation-article-page .article-content-section li,
main :is(.gel-multi-page, .animated-gel-page) .product-description,
main :is(.gel-multi-page, .animated-gel-page) .content-card p:not(.section-label):not(.nutrient-amount),
main :is(.gel-multi-page, .animated-gel-page) .nutrient-role,
main .stage-description,
main .stage-node p:last-child,
main .combo-text,
main .combo-result {
  font-size: var(--duli-body-size) !important;
  line-height: var(--duli-body-leading) !important;
}

/* Introductory copy may be larger without changing ordinary paragraphs. */
.duli-info p.info-lead { font-size: 1.125rem !important; }
.duli-info p.info-privacy { font-size: .875rem !important; line-height: 1.6 !important; }
main .duli-card-price { font-size: 1.25rem !important; font-weight: 700 !important; line-height: 1.4 !important; }

/* A card title stays subordinate to the surrounding section on every screen. */
main .product-card h3,
.duli-solutions .duli-card h3,
.duli-solutions-steps h3 {
  font-size: var(--duli-card-title) !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  .home main .home-hero-title {
    font-size: clamp(1.875rem, 8.2vw, 2.125rem) !important;
    line-height: 1.22 !important;
    max-width: 100%;
    letter-spacing: -.025em !important;
  }
  .home main .home-hero-title span { white-space: normal; }

  .duli-info h1,
  .duli-info-profile h1,
  .duli-shop h1,
  .duli-library h1,
  .duli-solutions h1,
  .duli-policy .policy-hero-title,
  .cultivation-article-page .article-hero-title {
    font-size: var(--duli-mobile-title) !important;
    line-height: 1.25 !important;
  }
  main :is(.gel-multi-page, .animated-gel-page) .product-title {
    font-size: 2.125rem !important;
    line-height: 1.2 !important;
  }
  .home main h2,
  .duli-info h2,
  .duli-info-profile h2,
  .duli-solutions h2,
  .duli-library-help h2,
  .duli-policy .policy-heading-2,
  .cultivation-article-page .article-content-section > h2 {
    font-size: var(--duli-mobile-section) !important;
    line-height: 1.35 !important;
  }
  .home main .duli-card h2,
  .duli-shop .duli-card h2,
  .duli-library .duli-card h2 {
    font-size: var(--duli-card-title) !important;
    line-height: 1.35 !important;
  }
  .cultivation-article-page .article-content-section h3 {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
  }
  .duli-info p.info-lead { font-size: 1.0625rem !important; }
}

/* The imported tablet breakpoint also shrank the hero below its sections. */
@media (min-width: 768px) and (max-width: 1023px) {
  .home main .home-hero-title {
    font-size: 2.75rem !important;
    line-height: 1.2 !important;
    max-width: 100%;
  }
  .home main .home-hero-title span { white-space: normal; }
  .home main h2 { font-size: 2rem !important; line-height: 1.3 !important; }
  .cultivation-article-page .article-hero-title { font-size: 2rem !important; line-height: 1.25 !important; }
  .cultivation-article-page h2:not(.article-toc-title) { font-size: 1.75rem !important; line-height: 1.35 !important; }
  .cultivation-article-page .article-content-section > h2 { font-size: 1.75rem !important; line-height: 1.35 !important; }
  .cultivation-article-page .article-content-section h3 { font-size: 1.25rem !important; line-height: 1.4 !important; }
}