/* ==========================================================================
   TYPE SCALE - follows the elitemaids.ae template (Elite Maids, measured 8 Oct 2026):
     body 16px / secondary 14px / small 13px / eyebrow 12px caps / button 15px semibold / card title 19-20px
     lead 17px mobile, 20px desktop / headline sizes keep their own tokens (tokens.css).
   This file is loaded last. `:root` in front of each selector makes it win over the per-block stylesheets
   without !important, so every size on the site can be tuned here in one place.
   ========================================================================== */
:root { --mf-fs-button: 15px; }

/* small caps labels */
:root .mf-eyebrow { font-size: 12px; letter-spacing: .14em; }

/* card / step / option titles: 20px (19px on phones), like Elite Maids' 19-20px card titles */
:root .mf-fcard h3, :root .mf-timeline h3, :root .mf-cmp h3, :root .mf-post h3, :root .mf-blogcta h3, :root .mf-upsell h3 { font-size: 20px; line-height: 1.25; }
:root .mf-press__item strong, :root .mf-mega__feature strong { font-size: 18px; }
:root .mf-faq summary { font-size: 17px; }
:root .mf-prose p, :root .mf-prose li { font-size: 16px; }
:root .mf-prose h2 { font-size: 28px; }
:root .mf-prose h3 { font-size: 21px; }
:root .mf-review blockquote { font-size: 15.5px; }
:root .mf-timeline p { font-size: 16px; }

/* big display numerals: calmer, still clearly a number */
:root .mf-numbers b { font-size: clamp(38px, 4.6vw, 64px); }
:root .mf-pack__price b { font-size: 60px; }
:root .mf-stats b { font-size: clamp(30px, 3.2vw, 44px); }
:root .mf-visa__stat b { font-size: clamp(38px, 4vw, 54px); }
:root .mf-cmp__total b { font-size: 28px; }
:root .mf-ticker li { font-size: clamp(28px, 3.6vw, 46px); }
:root .mf-pills a { font-size: clamp(18px, 1.9vw, 26px); }
:root .mf-revsum__score { font-size: 44px; }
:root .mf-footer__big { font-size: clamp(30px, 4.2vw, 52px); }

@media (max-width: 767px) {
  :root .mf-fcard h3, :root .mf-timeline h3, :root .mf-cmp h3, :root .mf-post h3, :root .mf-blogcta h3, :root .mf-upsell h3 { font-size: 19px; }
  :root .mf-faq summary { font-size: 16px; padding-right: 58px; }
  :root .mf-prose h2 { font-size: 24px; }
  :root .mf-prose h3 { font-size: 19px; }
  :root .mf-prose p, :root .mf-prose li { font-size: 16px; }
  :root .mf-numbers b { font-size: clamp(30px, 9vw, 44px); }
  :root .mf-pack__price b { font-size: 48px; }
  :root .mf-stats b { font-size: 30px; }
  :root .mf-visa__stat b { font-size: 40px; }
  :root .mf-cmp__total b { font-size: 24px; }
  :root .mf-ticker li { font-size: 28px; }
  :root .mf-pills a { font-size: 20px; }
  :root .mf-revsum__score { font-size: 38px; }
  :root .mf-footer__big { font-size: 30px; }
  :root .mf-lead { font-size: 17px; }
}