/* =====================================================================
   F2Tech Asia — THANG CHỮ MOBILE + TABLET (< 1200px)          v05 · 28/09/2026
   ---------------------------------------------------------------------
   File này nạp CUỐI CÙNG trên mọi trang → là nguồn duy nhất quyết định
   cỡ chữ dưới 1200px. Desktop (≥1200px) không bị ảnh hưởng.
   Dưới 1200px: 1rem = 10px (baseline 390px) → 2rem = 20px.
   Muốn đổi cả site: sửa biến --m-* bên dưới.
   ===================================================================== */
@media (max-width: 1199px) {
  :root {
    --m-h1: 3.4rem;        /* 34px  Tiêu đề trang (H1 / hero)              */
    --m-h2: 2.8rem;        /* 28px  Tiêu đề section (H2)                   */
    --m-statement: 2.4rem; /* 24px  Câu tuyên bố lớn, quote, blockquote    */
    --m-h2-content: 2.4rem;/* 24px  H2 trong nội dung bài viết / sản phẩm  */
    --m-h3: 2rem;          /* 20px  Title card, H3 trong nội dung          */
    --m-num: 4.8rem;       /* 48px  Số liệu lớn (stats, năm timeline)      */
    --m-lead: 1.6rem;      /* 16px  Mô tả dưới tiêu đề trang / CTA         */
    --m-body: 1.6rem;      /* 16px  Nội dung bài viết                      */
    --m-desc: 1.4rem;      /* 14px  Mô tả card, text phụ, link footer      */
    --m-meta: 1.2rem;      /* 12px  Ngày, tác giả, breadcrumb, caption     */
    --m-tag: 1.1rem;       /* 11px  Tagline / nhãn in hoa                  */
  }

  /* ---------- H1 — tiêu đề trang ---------- */
  .hero-title, .blog-hero h1, .solution-hero h1, .article-title, .product-title,
  .ab-hero-statement, .err h1 {
    font-size: var(--m-h1); line-height: 1.15; letter-spacing: -1px;
  }

  /* ---------- H2 — tiêu đề section ---------- */
  .trust-title, .insight-title, .ai-title, .footer-cta h2,
  .ab-history-title, .ab-rewards-title, .about-head h2,
  .related-head h2, .blog-cta h2 {
    font-size: var(--m-h2); line-height: 1.2; letter-spacing: -1px;
  }

  /* ---------- Statement / quote ---------- */
  .reveal-text, .ab-quote-text, .article-body blockquote {
    font-size: var(--m-statement); line-height: 1.35; letter-spacing: -1px;
  }

  /* ---------- H2 / H3 trong nội dung ---------- */
  .article-body h2, .product-detail-body h2 { font-size: var(--m-h2-content); line-height: 1.25; letter-spacing: -.5px; }
  .article-body h3 { font-size: var(--m-h3); line-height: 1.3; }

  /* ---------- Title card (H3) ---------- */
  .data-card h3, .trust-card h3, .story-title, .insight-card h3, .feature-card h3,
  .ab-vm-item h3, .hist-card h3, .reward-card h3 {
    font-size: var(--m-h3); line-height: 1.3;
  }

  /* ---------- Số liệu lớn ---------- */
  .stat-num, .hist-year, .article-stat .n { font-size: var(--m-num); line-height: 1; letter-spacing: -1px; }

  /* ---------- Lead — mô tả dưới tiêu đề ---------- */
  .hero-desc, .blog-hero p:not(.tagline), .solution-hero p:not(.tagline), .product-lead,
  .blog-cta p, .ab-history-intro p, .err p {
    font-size: var(--m-lead); line-height: 1.6;
  }

  /* ---------- Body — nội dung bài viết ---------- */
  .article-body p, .article-body li, .product-detail-body p { font-size: var(--m-body); line-height: 1.75; }

  /* ---------- Mô tả card & text phụ ---------- */
  .data-card p, .trust-card p, .story-testimonial, .stat-desc, .feature-card p,
  .ab-vm-item p, .hist-card p, .reward-card p, .article-stat .l,
  .product-specs li, .product-spec-table td, .product-hotline,
  .footer-links a, .footer-block p, .footer-phone, .footer-underline,
  .story-author-name, .article-author-name, .ab-quote-name {
    font-size: var(--m-desc);
  }

  /* ---------- Meta ---------- */
  .story-author-role, .article-author-role, .ab-quote-role,
  .article-date, .article-read, .breadcrumb, .article-body figure figcaption,
  .blog-filter, .stats-index, .trust-num, .ai-source-label,
  .footer-bottom span, .footer-bottom-links a {
    font-size: var(--m-meta);
  }

  /* ---------- Tagline & nhãn in hoa ---------- */
  .tagline, .blog-hero p.tagline, .solution-hero p.tagline,
  .insight-date, .footer-links h4, .article-cat, .product-spec-table h3, .chip-tag {
    font-size: var(--m-tag);
  }
}

/* v2.37 · 07/10/2026 — heading H2 các trang dùng chung thông số với .reveal-text (24px · 600 · -1px · 1.35) */
@media (max-width: 1199px) {
  .sol-head h2, .related-head h2, .blog-cta h2, .insight-title, .footer-cta h2, .gp-more h2, .sw-feats h2, .sol-faq-head h2 {
    font-size: var(--m-statement); font-weight: 600; letter-spacing: -1px; line-height: 1.35; }
}