/* =========================================================================
 * 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: 13px;
  --tw-type-nav-weight: 500;
  --tw-type-nav-active-weight: 600;
  --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: 13px;
  --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;
}
/* 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: 12px;
    --tw-type-card-price: 15px;
    --tw-type-card-footer: 10px;
    --tw-type-card-badge: 9.5px;
  }
}
/* 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: 11.5px;
    --tw-type-card-title-line: 1.4;
    --tw-type-card-price: 14px;
    --tw-type-card-footer: 9px;
    --tw-type-card-badge: 9px;
  }
}
/* Mobile nhỏ ≤374px */
@media (max-width: 374px) {
  :root {
    --tw-type-section-title: 17px;
    --tw-type-card-title: 11px;
    --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); }
#om-hdr-top nav > button svg { width: 14px; height: 14px; }

/* ---- 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); }
}