/* =========================================================================
 * TYPOGRAPHY SCALE – thang chữ thống nhất toàn site (đã duyệt theo mẫu "Đồng hồ Nam").
 * Token dùng chung; Desktop / Tablet / Mobile có thang riêng.
 * Product Card đọc trực tiếp các token --tw-type-card-* (product-card.css).
 * Nạp sau product-card.css (setup.php, priority 100).
 * ========================================================================= */
:root {
  /* Desktop ≥1024px */
  --tw-type-nav: 14px;
  --tw-type-nav-weight: 700;
  --tw-type-nav-active-weight: 700;
  --tw-type-section-title: 27px;
  --tw-type-section-title-weight: 600;
  --tw-type-section-title-line: 1.25;
  --tw-type-section-eyebrow: 12px;
  --tw-type-section-eyebrow-weight: 500;
  --tw-type-section-gap: 24px;            /* heading → carousel / lưới sản phẩm */
  --tw-type-card-title: 14px;
  --tw-type-card-title-weight: 500;
  --tw-type-card-title-line: 1.45;
  --tw-type-card-price: 17px;
  --tw-type-card-price-weight: 700;
  --tw-type-card-footer: 11px;
  --tw-type-card-badge: 10px;
  /* Reading/list content roles, shared by news cards, rails and sidebars. */
  --tw-type-post-title: 16px;
  --tw-type-copy: 16px;
  --tw-type-meta: 14px;
}
/* Tablet 768–1023px */
@media (max-width: 1023px) {
  :root {
    --tw-type-section-title: 21px;
    --tw-type-section-eyebrow: 11px;
    --tw-type-section-gap: 18px;
    --tw-type-card-title: 13px;
    --tw-type-card-price: 15px;
    --tw-type-card-footer: 10px;
    --tw-type-card-badge: 9.5px;
    --tw-type-post-title: 15px;
    --tw-type-copy: 15px;
    --tw-type-meta: 13px;
  }
}
/* Mobile ≤767px */
@media (max-width: 767px) {
  :root {
    --tw-type-section-title: 18px;
    --tw-type-section-eyebrow: 11px;
    --tw-type-section-gap: 14px;
    --tw-type-card-title: 12.5px;
    --tw-type-card-title-line: 1.4;
    --tw-type-card-price: 14px;
    --tw-type-card-footer: 9px;
    --tw-type-card-badge: 9px;
    --tw-type-post-title: 14px;
    --tw-type-copy: 14px;
    --tw-type-meta: 12px;
  }
}
/* Mobile nhỏ ≤374px */
@media (max-width: 374px) {
  :root {
    --tw-type-section-title: 17px;
    --tw-type-card-title: 12px;
    --tw-type-card-price: 13px;
    --tw-type-card-footer: 8.5px;
    --tw-type-card-badge: 8px;
  }
}

/* ---- Header & Navigation (menu desktop) ---- */
#om-hdr-top nav > :is(a, button) {
  font-size: var(--tw-type-nav);
  font-weight: var(--tw-type-nav-weight);
  line-height: 1;
}
#om-hdr-top nav > [aria-current="page"] { font-weight: var(--tw-type-nav-active-weight); }
/* Link cấp 1 trong dropdown (Đồng hồ, Phụ kiện, Tin tức) dùng cùng cỡ chữ với menu */
[data-tw-dropdown] :is(.d-a5695f6792, .d-55d0e0bcac) {
  font-size: var(--tw-type-nav);
  font-weight: var(--tw-type-nav-weight);
}

/* ---- Section heading: mọi heading section dùng chung style clamp(22px, 2.4vw, 32px) cũ ---- */
:is(.d-0118e2bcef, .d-076ef9f513, .d-1196588433, .d-25c26a6dae, .d-37e6af1f40, .d-486dcf1e8d,
    .d-57bd2616f6, .d-70abffbcd0, .d-80e27c6f31, .d-926943ad4a, .d-9c1f864b63, .d-9d1946d7c4,
    .d-9f2a64151e, .d-a29e1bcba2, .d-b271d83a5f, .d-d025ca4a2d, .d-eeabf66f91, .d-f2cf4e5432,
    .tw-section-heading h2, .tw-section-title, .tw-catalog-heading h2) {
  font-size: var(--tw-type-section-title);
  font-weight: var(--tw-type-section-title-weight);
  line-height: var(--tw-type-section-title-line);
  letter-spacing: .01em;
}
/* Heading phụ (nhãn nhỏ phía trên heading chính) */
:is(.d-ca960f0082, .tw-collection-label) {
  font-size: var(--tw-type-section-eyebrow);
  font-weight: var(--tw-type-section-eyebrow-weight);
  line-height: 1.4;
  letter-spacing: .02em;
  margin-bottom: 6px;
}
/* Khoảng cách heading → carousel / lưới sản phẩm */
@media (min-width: 1025px) {
  :is(.d-08b45d2346, .tw-section-heading) { margin-bottom: var(--tw-type-section-gap); }
}

/* News cards, homepage/related rails and sidebars share these content roles. */
.tw-post-card h3,
.tw-editorial .tw-post-card h3,
.tw-editorial.tw-blog-index .tw-post-card h3,
.tw-rail-post h3,
.home #om-blog-track h3,
.tw-sidebar-widget > h2 {
  font-size: var(--tw-type-post-title);
}
.tw-post-card p,
.tw-post-card-copy > p,
.tw-editorial .tw-post-card-copy > p,
.tw-editorial.tw-blog-index .tw-post-card-copy > p {
  font-size: var(--tw-type-copy);
}
.tw-post-read-more,
.tw-editorial.tw-blog-index .tw-post-read-more,
.tw-post-card-meta,
.tw-editorial.tw-blog-index .tw-post-card-meta,
.tw-article-meta,
.tw-article .tw-post-header-meta,
.tw-sidebar-category,
.tw-sidebar-post strong,
.tw-sidebar-post time {
  font-size: var(--tw-type-meta);
}