@charset "UTF-8";
/* ==========================================================================
   TMT VISUAL SYSTEM V2 (Task 71) — Phase A: token toàn cục + khung (header, menu tuyển chọn, drawer, thanh dưới, chân trang).
   Nạp SAU tmt-design-system.css và tmt-nav.css (layouts/theme.bwt). Hướng: THƯƠNG HIỆU SƯU TẦM CAO CẤP + bảo tàng/lưu trữ biên tập + thương mại thân thiện.
   Bảng màu CEO duyệt: kem ấm · navy đậm · đỏ di sản · vàng cổ/champagne · xám ấm · bề mặt trắng. KHÔNG dùng xanh rừng trong UI mới.
   Quy ước: biến mới --tmt-*; component mới .tmt-mm__* (menu), .tmt-ft__* (chân trang). Các trang CHƯA được thiết kế lại (trang chủ, danh mục, sản phẩm…) vẫn dùng token cũ (--color-*) cho tới phase của chúng:
   vì vậy việc "bỏ xanh" ở Phase A áp trên KHUNG (header/drawer/thanh dưới/chân trang) bằng cách ánh xạ lại token cũ trong phạm vi các vùng đó (mục 1b).
   ========================================================================== */

/* ---------- 1a. TOKEN V2 (toàn cục, chưa đổi bất kỳ trang nào) ---------- */
:root {
  /* màu */
  --tmt-bg: #faf6ee;          /* kem ấm: nền trang */
  --tmt-bg-alt: #f3ecdd;      /* kem đậm: dải xen kẽ */
  --tmt-surface: #ffffff;     /* bề mặt thẻ/panel */
  --tmt-navy: #0f1c33;        /* navy đậm: chữ chính, nút, khối tối */
  --tmt-navy-2: #142a4d;
  --tmt-navy-deep: #0a1426;   /* nền chân trang / banner lưu trữ */
  --tmt-red: #a31f2a;         /* đỏ di sản: tiêu đề mục, giá, trạng thái đang xem */
  --tmt-red-dark: #8a1822;
  --tmt-gold: #b08a3e;        /* vàng cổ */
  --tmt-gold-deep: #7a5f22;   /* vàng cổ cho chữ nhỏ trên nền sáng (≥ 4.5:1) */
  --tmt-champagne: #d9c590;   /* champagne: chữ/đường kẻ trên nền navy */
  --tmt-text: #25282d;
  --tmt-text-strong: #0f1c33;
  --tmt-muted: #566074;       /* xám ấm-lạnh, ≥ 5:1 trên kem */
  --tmt-border: rgba(15, 28, 51, 0.14);
  --tmt-border-soft: rgba(15, 28, 51, 0.08);
  --tmt-focus: #1d4ed8;
  /* chữ */
  --tmt-font-display: Cambria, "Noto Serif", "Times New Roman", serif;  /* không dùng Georgia: lệch dấu tiếng Việt */
  --tmt-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --tmt-fs-label: 13px;       /* nhãn in hoa, siêu dữ liệu: KHÔNG nhỏ hơn 12px ở bất kỳ đâu */
  --tmt-fs-caption: 13px;
  --tmt-fs-body: 16px;
  --tmt-fs-h3: 20px; --tmt-fs-h2: 28px; --tmt-fs-h1: 36px;
  --tmt-fs-price: 18px;
  /* khoảng cách */
  --tmt-gutter: 16px; --tmt-sec: 56px; --tmt-card-gap: 16px; --tmt-max: 1200px;
  /* bo góc: 4 mức */
  --tmt-r-btn: 8px; --tmt-r-img: 10px; --tmt-r-card: 14px; --tmt-r-panel: 18px;
  /* bóng: tinh tế */
  --tmt-sh-card: 0 1px 2px rgba(15, 28, 51, 0.06), 0 8px 22px rgba(15, 28, 51, 0.06);
  --tmt-sh-pop: 0 22px 48px rgba(10, 20, 38, 0.2);
}
@media (min-width: 768px) { :root { --tmt-gutter: 24px; --tmt-sec: 80px; --tmt-card-gap: 20px; --tmt-fs-h2: 34px; --tmt-fs-h1: 44px; --tmt-fs-price: 19px; } }
@media (min-width: 992px) { :root { --tmt-gutter: 32px; --tmt-sec: 104px; --tmt-card-gap: 24px; --tmt-fs-h2: 40px; --tmt-fs-h1: 52px; --tmt-fs-price: 20px; } }

/* ---------- 1b. Ánh xạ lại token CŨ trong phạm vi KHUNG: xanh rừng → navy; vàng đồng thau → vàng cổ; son ấn → đỏ di sản ---------- */
.tmt-site-header-wrap, .tmt-drawer, .tmt-bottomnav, .tmt-bottomnav-spacer, .tmt-ft, .tmt-seo-geo-foundation, .tmt-catindex {
  --color-brand-900: #0a1426; --color-brand-800: #0f1c33; --color-brand-700: #0f1c33; --color-brand-600: #1b3158; --color-brand-500: #2d4a7a;
  --color-brand-100: #e8dfc8; --color-brand-50: #f3ecdd;
  --color-accent-700: #7a5f22; --color-accent-600: #9a7a30; --color-accent-500: #b08a3e; --color-accent-100: #f1e6cc;
  --color-seal-700: #8a1822; --color-seal-600: #a31f2a; --color-seal-100: #f6dedb;
  --color-text-strong: #0f1c33; --color-text: #25282d; --color-text-muted: #566074;
  --color-bg-page: #faf6ee; --color-bg-subtle: #f3ecdd; --color-bg-surface: #ffffff;
  --color-border: rgba(15, 28, 51, 0.14); --color-border-strong: rgba(15, 28, 51, 0.24); --color-border-control: #858b99; --color-focus: #1d4ed8;
  --font-display: var(--tmt-font-display);
}

/* ---------- 2. HEADER ---------- */
.tmt-site-header-wrap { background: var(--tmt-bg); }
.tmt-site-header.tmt-header { background: var(--tmt-bg); border-bottom: 1px solid var(--tmt-border); }
.tmt-header__bar { position: relative; }
.tmt-header__wordmark { font: 700 20px/1.1 var(--tmt-font-display); color: var(--tmt-navy); letter-spacing: 0.01em; }
.tmt-header__wordmark small { font: 700 12px/1.2 var(--tmt-font-ui); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tmt-red); margin-top: 3px; }
.tmt-header__logo { height: 38px; }
.tmt-header__brand:focus-visible, .tmt-searchbtn:focus-visible { outline: 3px solid var(--tmt-focus); outline-offset: 2px; border-radius: var(--tmt-r-btn); }
.tmt-iconbtn { color: var(--tmt-navy); border-radius: 10px; }
.tmt-iconbtn:hover, .tmt-searchbtn:hover { background: rgba(15, 28, 51, 0.06); }
.tmt-iconbtn svg, .tmt-searchbtn svg { stroke-width: 1.6; }
.tmt-iconbtn__count { font: 700 12px/20px var(--tmt-font-ui); background: var(--tmt-red); box-shadow: 0 0 0 2px var(--tmt-bg); }
.tmt-header__search { background: var(--tmt-surface); border-bottom: 1px solid var(--tmt-border); box-shadow: var(--tmt-sh-pop); }
.tmt-header__search .tmt-input { border-radius: 10px 0 0 10px; border-color: var(--tmt-border); }
.tmt-header__search .tmt-btn--primary { background: var(--tmt-navy); border-color: var(--tmt-navy); border-radius: 0 10px 10px 0; }
.tmt-header__search .tmt-btn--primary:hover { background: var(--tmt-red); border-color: var(--tmt-red); }
.tmt-chip { border-color: var(--tmt-border); color: var(--tmt-navy); font-weight: 600; }
.tmt-chip:hover { background: var(--tmt-bg-alt); border-color: var(--tmt-gold); }

/* công tắc VI | EN: viên thuốc trắng, mục đang chọn tô navy (không còn xanh rừng) */
.tmt-lang { padding: 0; gap: 0; border: 1px solid var(--tmt-border); background: var(--tmt-surface); }
.tmt-lang__btn { min-width: 44px; min-height: 44px; font: 700 12.5px/1 var(--tmt-font-ui); letter-spacing: 0.04em; color: var(--tmt-navy); }
.tmt-lang__btn[aria-current="true"] { background: var(--tmt-navy); color: #fff; }
a.tmt-lang__btn:hover { background: var(--tmt-bg-alt); }
.tmt-lang__btn:focus-visible { outline: 3px solid var(--tmt-focus); outline-offset: 2px; }
.tmt-lang__btn--soon { color: var(--tmt-muted); }
.tmt-lang__btn--soon::before { inset: 5px; border-color: rgba(15, 28, 51, 0.3); }
.tmt-lang__note { font-size: 13px; color: var(--tmt-muted); }
.tmt-langbox--header .tmt-lang__note { border-color: var(--tmt-border); border-radius: 12px; box-shadow: var(--tmt-sh-pop); }

/* ≥ 768: gutter + chữ thương hiệu lớn hơn */
@media (min-width: 768px) { .tmt-header__logo { height: 42px; } .tmt-header__wordmark { font-size: 22px; } }

/* ---------- 3. ĐIỀU HƯỚNG DESKTOP + MENU TUYỂN CHỌN (≥ 992) ---------- */
@media (min-width: 992px) {
  .tmt-site-header .tmt-header__bar { min-height: 76px; gap: 24px; }
  .tmt-header__wordmark small { display: block; }
  .tmt-nav__row { height: 76px; }
  .tmt-nav__link { padding: 0 14px; font: 700 13.5px/1.2 var(--tmt-font-ui); letter-spacing: 0.09em; color: var(--tmt-navy); border-radius: 0; position: relative; }
  .tmt-nav__link, .tmt-nav__link:hover { text-decoration: none; }
  .tmt-nav__link:hover { color: var(--tmt-red); background: transparent; }
  .tmt-nav__link[aria-current="true"] { color: var(--tmt-red); box-shadow: none; }
  .tmt-nav__link[aria-current="true"]::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 14px; height: 2px; background: var(--tmt-red); }
  .tmt-nav__toggle { flex: 0 0 44px; width: 44px; margin-left: -16px; color: rgba(15, 28, 51, 0.62); }
  .tmt-nav__toggle:hover { background: transparent; color: var(--tmt-red); }
  .tmt-nav__toggle[aria-expanded="true"] { color: var(--tmt-red); }

  /* Bảng xổ: bề mặt trắng, bo 18, bóng nổi. Mục có bảng rộng (Sưu tầm, Quà tặng) neo theo thanh header và căn giữa; còn lại neo theo mục. */
  .tmt-nav__sub {
    top: 100%; width: 320px; padding: 10px; max-height: none; overflow: visible;
    background: var(--tmt-surface); border: 1px solid var(--tmt-border); border-top: 0; border-radius: 0 0 var(--tmt-r-panel) var(--tmt-r-panel); box-shadow: var(--tmt-sh-pop);
  }
  .tmt-nav__sub .tmt-nt__item { border-top: 0; }
  .tmt-nav__item:has(> #tmt-sub-s1), .tmt-nav__item:has(> #tmt-sub-s2) { position: static; }
  #tmt-sub-s1:not(.tmt-nt__list--panel), #tmt-sub-s2 { left: 50%; transform: translateX(-50%); }
  #tmt-sub-s1:not(.tmt-nt__list--panel) { width: min(860px, calc(100vw - 2 * var(--tmt-gutter))); display: grid; grid-template-columns: 250px minmax(0, 1fr) minmax(0, 1fr); gap: 6px 10px; padding: 16px; }
  #tmt-sub-s2 { width: min(640px, calc(100vw - 2 * var(--tmt-gutter))); display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 6px 10px; padding: 16px; }
  #tmt-sub-s1:not(.tmt-nt__list--panel) > .tmt-mm__brand { grid-column: 1; grid-row: 1 / span 5; }
  #tmt-sub-s2 > .tmt-mm__brand { grid-column: 1; grid-row: 1 / span 4; }
  #tmt-sub-s1:not(.tmt-nt__list--panel) > .tmt-mm__utils { grid-column: 2 / -1; }
  #tmt-sub-s4 { left: auto; right: 0; }
  .tmt-nav__item:last-child .tmt-nav__sub { left: auto; right: 0; }
}

/* thẻ thương hiệu đầu bảng (Sưu tầm: navy; Quà tặng: kem-vàng). Reset luật cũ của tmt-nav.css (#tmt-sub-s1 .tmt-cm__brand: nền navy phẳng + viền trái vàng) */
#tmt-sub-s1 .tmt-mm__brand, #tmt-sub-s2 .tmt-mm__brand { margin: 0; background: none; border: 0; border-radius: 0; }
.tmt-mm__brand { border: 0; list-style: none; }
#tmt-sub-s1 .tmt-mm__brand > .tmt-nt__link, #tmt-sub-s2 .tmt-mm__brand > .tmt-nt__link { align-items: flex-start; justify-content: flex-end; gap: 4px; }
.tmt-mm__brand > .tmt-nt__link {
  position: relative; height: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 4px; min-height: 150px; padding: 18px 18px 16px; overflow: hidden;
  border-radius: var(--tmt-r-card); text-decoration: none; color: #fbf7ea; background: linear-gradient(155deg, #16305a 0%, #0a1426 78%); box-shadow: inset 0 0 0 1px rgba(217, 197, 144, 0.28);
}
.tmt-mm__brand > .tmt-nt__link:hover { background: linear-gradient(155deg, #1b3a6c 0%, #0c1a30 78%); color: #fff; }
.tmt-mm__brand > .tmt-nt__link[aria-current="page"] { box-shadow: inset 0 0 0 2px var(--tmt-champagne); }
.tmt-mm__brand .tmt-cm__mark { position: absolute; top: 14px; left: 16px; width: 56px; padding: 4px; background: #f3eee2; border-radius: 6px; }
.tmt-mm__brand .tmt-cm__txt { display: flex; flex-direction: column; gap: 5px; margin-top: 64px; min-width: 0; }
.tmt-mm__brand .tmt-cm__name, .tmt-mm__brand .tmt-gm__name { font: 700 13px/1.2 var(--tmt-font-ui); letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmt-champagne); }
.tmt-mm__brand .tmt-cm__sub, .tmt-mm__brand .tmt-gm__sub { font: 700 20px/1.2 var(--tmt-font-display); letter-spacing: 0; text-transform: none; color: #fbf7ea; }
.tmt-mm__cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font: 700 13.5px/1.2 var(--tmt-font-ui); letter-spacing: 0.04em; color: var(--tmt-champagne); }
.tmt-mm__cta::after { content: "\2192"; transition: transform 0.18s ease; }
.tmt-mm__brand > .tmt-nt__link:hover .tmt-mm__cta::after { transform: translateX(4px); }
.tmt-mm__brand--gift > .tmt-nt__link { justify-content: flex-end; background: linear-gradient(155deg, #f5ecd6 0%, #e7d6a8 100%); color: var(--tmt-navy); box-shadow: inset 0 0 0 1px rgba(122, 95, 34, 0.35); }
.tmt-mm__brand--gift > .tmt-nt__link:hover { background: linear-gradient(155deg, #f8f0dc 0%, #ecdcb0 100%); color: var(--tmt-navy); }
.tmt-mm__brand--gift .tmt-gm__name { margin-top: 64px; color: var(--tmt-gold-deep); }
.tmt-mm__brand--gift .tmt-gm__sub { color: var(--tmt-navy); }
.tmt-mm__brand--gift .tmt-mm__cta { color: var(--tmt-red); }
/* 2026-10-28: ảnh logo thật (.tmt-gm__mark) đã có chữ TMT; bỏ ô "TMT" giả bằng ::before vì nó đè lên logo */

/* mục có ảnh nhỏ */
.tmt-mm__item { list-style: none; }
.tmt-mm__link { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 6px 10px 6px 6px; border-radius: 12px; font: 600 15px/1.3 var(--tmt-font-ui); color: var(--tmt-navy); text-decoration: none; }
.tmt-mm__link:hover { background: var(--tmt-bg); color: var(--tmt-red); }
.tmt-mm__link[aria-current="page"] { background: var(--tmt-bg-alt); color: var(--tmt-red); box-shadow: none; }
.tmt-mm__thumb { flex: 0 0 64px; width: 64px; height: 48px; object-fit: cover; border-radius: var(--tmt-r-btn); border: 1px solid var(--tmt-border-soft); background: var(--tmt-bg-alt); }
.tmt-mm__name { min-width: 0; overflow-wrap: anywhere; }
.tmt-mm__utils { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 4px; padding: 10px 6px 0; border-top: 1px solid var(--tmt-border-soft); }
.tmt-mm__util { flex: 0 0 auto; display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font: 700 14px/1.2 var(--tmt-font-ui); letter-spacing: 0.02em; color: var(--tmt-muted); text-decoration: none; }
.tmt-mm__util:hover { color: var(--tmt-red); }
.tmt-mm__util::after { content: "\00a0\2192"; color: var(--tmt-gold); }
.tmt-nav__sub .tmt-mm__all > .tmt-nt__link { font-weight: 700; color: var(--tmt-red); }
.tmt-mm__all .tmt-nt__link::after { content: "\00a0\2192"; }
.tmt-nav__sub .tmt-mm__topic > .tmt-nt__link { position: relative; padding-left: 34px; }
.tmt-nav__sub .tmt-mm__topic > .tmt-nt__link::before { content: ""; position: absolute; left: 16px; top: 50%; width: 6px; height: 6px; margin-top: -3px; background: var(--tmt-gold); transform: rotate(45deg); }
.tmt-mm__group { margin-top: 6px; padding: 14px 14px 4px; border-top: 1px solid var(--tmt-border-soft); list-style: none; }
.tmt-mm__group span { font: 700 12.5px/1.2 var(--tmt-font-ui); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tmt-gold-deep); }
.tmt-nav__sub .tmt-nt__link { color: var(--tmt-navy); }
.tmt-nav__sub .tmt-nt__item--l1 > .tmt-nt__link:not(.tmt-mm__link) { min-height: 44px; padding: 10px 14px; border-radius: 10px; font: 500 15px/1.3 var(--tmt-font-ui); }
.tmt-nav__sub .tmt-nt__item--l1 > .tmt-nt__link:not(.tmt-mm__link):hover { background: var(--tmt-bg); color: var(--tmt-red); }
.tmt-nav__sub .tmt-nt__link[aria-current="page"] { box-shadow: none; color: var(--tmt-red); }
.tmt-nt__note-title { color: var(--tmt-navy); }
.tmt-nt__note-text { color: var(--tmt-muted); font-size: 13.5px; }
.tmt-vitag { font-size: 12px; color: var(--tmt-muted); background: var(--tmt-bg-alt); border-color: var(--tmt-border); }
.tmt-nt__link:focus-visible, .tmt-nt__toggle:focus-visible, .tmt-nav__link:focus-visible, .tmt-nav__toggle:focus-visible, .tmt-mm__link:focus-visible, .tmt-mm__util:focus-visible { outline: 3px solid var(--tmt-focus); outline-offset: -3px; border-radius: 10px; }

/* ---------- 4. DRAWER MOBILE / TABLET (< 992) ---------- */
@media (max-width: 991.98px) {
  .tmt-drawer { width: min(92vw, 420px); background: var(--tmt-bg); }
  .tmt-drawer__head { min-height: 64px; border-bottom: 1px solid var(--tmt-border); background: var(--tmt-bg); }
  .tmt-drawer__title { font: 700 20px/1.2 var(--tmt-font-display); color: var(--tmt-navy); }
  .tmt-drawer__overlay { background: rgba(10, 20, 38, 0.55); }
  .tmt-nav__item { border-bottom: 1px solid var(--tmt-border-soft); }
  .tmt-nav__item--has-sub > .tmt-nav__row > .tmt-nav__toggle, .tmt-nav__link { min-height: 58px; font: 700 15px/1.2 var(--tmt-font-ui); letter-spacing: 0.1em; color: var(--tmt-navy); }
  .tmt-nav__item--has-sub > .tmt-nav__row > .tmt-nav__toggle[aria-expanded="true"] { color: var(--tmt-red); background: var(--tmt-bg-alt); }
  .tmt-nav__toggle svg { color: var(--tmt-gold-deep); }
  .tmt-nav__sub { background: var(--tmt-surface); border-top: 1px solid var(--tmt-border-soft); padding: 12px; }
  .tmt-nav__sub .tmt-nt__item { border-top: 0; }
  /* bảng Sưu tầm / Quà tặng: lưới 2 cột thẻ ảnh (ảnh trên, tên dưới); thẻ thương hiệu và hàng tiện ích chiếm cả hàng */
  #tmt-sub-s1:not(.tmt-nt__list--panel), #tmt-sub-s2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #tmt-sub-s1:not(.tmt-nt__list--panel)[hidden], #tmt-sub-s2[hidden] { display: none; }
  #tmt-sub-s1 > .tmt-mm__brand, #tmt-sub-s2 > .tmt-mm__brand, #tmt-sub-s1 > .tmt-mm__utils { grid-column: 1 / -1; }
  .tmt-mm__brand > .tmt-nt__link { min-height: 120px; padding: 16px; }
  .tmt-mm__brand .tmt-cm__mark { top: 12px; left: 14px; width: 48px; }
  .tmt-mm__brand .tmt-cm__txt, .tmt-mm__brand--gift .tmt-gm__name { margin-top: 52px; }
  .tmt-mm__brand--gift .tmt-gm__name { margin-top: 52px; }
  .tmt-mm__brand--gift > .tmt-nt__link { min-height: 120px; }
  #tmt-sub-s1 .tmt-mm__link, #tmt-sub-s2 .tmt-mm__link { flex-direction: column; align-items: stretch; gap: 8px; min-height: 120px; padding: 6px 6px 10px; border: 1px solid var(--tmt-border-soft); border-radius: var(--tmt-r-card); background: var(--tmt-surface); }
  #tmt-sub-s1 .tmt-mm__thumb, #tmt-sub-s2 .tmt-mm__thumb { flex: none; width: 100%; height: 78px; border-radius: 10px; }
  #tmt-sub-s1 .tmt-mm__name, #tmt-sub-s2 .tmt-mm__name { padding: 0 4px; font-size: 14px; line-height: 1.25; }
  .tmt-mm__utils { padding-top: 6px; margin-top: 0; }
  /* Câu chuyện: một lượt chạm tới trang chính — bấm cả hàng; chủ đề vẫn có ở trang đó (nếu trình duyệt không hỗ trợ :has thì hiện dạng gập, vẫn dùng được) */
  .tmt-nav__item:has(> .tmt-nav__row > .tmt-nav__toggle[aria-controls="tmt-sub-s3"]) > .tmt-nav__row > .tmt-nav__toggle { display: none; }
  .tmt-nav__item:has(> .tmt-nav__row > .tmt-nav__toggle[aria-controls="tmt-sub-s3"]) > .tmt-nav__row > .tmt-nav__link { display: flex; }
  .tmt-nav__item:has(> .tmt-nav__row > .tmt-nav__toggle[aria-controls="tmt-sub-s3"]) > .tmt-nav__sub { display: none !important; }
  .tmt-drawer__foot { background: var(--tmt-bg-alt); border-top: 1px solid var(--tmt-border); }
  .tmt-drawer__phone::before { color: var(--tmt-muted); }
}
.tmt-btn--secondary { color: var(--tmt-navy); border-color: var(--tmt-navy); }
.tmt-site-header-wrap .tmt-btn--secondary:hover, .tmt-drawer .tmt-btn--secondary:hover { background: rgba(15, 28, 51, 0.06); }
.tmt-drawer .tmt-link, .tmt-drawer__phone { color: var(--tmt-navy); }

/* ---------- 5. THANH ĐIỀU HƯỚNG DƯỚI (mobile/tablet) ---------- */
.tmt-bottomnav { background: rgba(250, 246, 238, 0.97); border-top: 1px solid var(--tmt-border); box-shadow: 0 -6px 20px rgba(15, 28, 51, 0.07); -webkit-backdrop-filter: saturate(1.2) blur(8px); backdrop-filter: saturate(1.2) blur(8px); }
.tmt-bottomnav__item { gap: 3px; color: #4a5468; }
.tmt-bottomnav__item svg { stroke-width: 1.6; }
.tmt-bottomnav__item span { font-size: 12px; font-weight: 600; letter-spacing: 0; white-space: nowrap; }
.tmt-bottomnav__item[aria-current="page"] { color: var(--tmt-red); box-shadow: inset 0 3px 0 var(--tmt-red); background: rgba(163, 31, 42, 0.05); }
.tmt-bottomnav__item[aria-current="page"] span { font-weight: 700; }
.tmt-bottomnav__item:focus-visible { outline: 3px solid var(--tmt-focus); outline-offset: -3px; }
.tmt-vitag--bn { font: 700 12px/16px var(--tmt-font-ui); padding: 0 5px; background: var(--tmt-navy); border-radius: 8px; }
.tmt-bottomnav-spacer { background: var(--tmt-bg); }

/* ---------- 6. KHỐI GẬP "TẤT CẢ DANH MỤC" (trước chân trang; giữ liên kết nội bộ tới mọi collection) ---------- */
.tmt-catindex { background: var(--tmt-bg); border-top: 1px solid var(--tmt-border); }
.tmt-catindex .tmt-container { max-width: var(--tmt-max); }
.tmt-catindex .tmt-tree { max-width: none; }
.tmt-tree > summary { min-height: 56px; font: 700 14px/1.2 var(--tmt-font-ui); letter-spacing: 0.1em; text-transform: uppercase; color: var(--tmt-navy); }
.tmt-tree > summary::after { color: var(--tmt-gold-deep); }
.tmt-catindex .tmt-nt__list--index { border-top: 1px solid var(--tmt-border); padding-bottom: 12px; }
@media (min-width: 992px) { .tmt-catindex .tmt-nt__list--index { column-count: 3; column-gap: 32px; } .tmt-catindex .tmt-nt__list--index > .tmt-nt__item { break-inside: avoid; } }
.tmt-catindex .tmt-nt__item { border-top-color: var(--tmt-border-soft); }
.tmt-catindex .tmt-nt__link, .tmt-catindex .tmt-nt__toggle--row { color: var(--tmt-navy); }
.tmt-catindex .tmt-nt__link:hover, .tmt-catindex .tmt-nt__toggle:hover { color: var(--tmt-red); background: transparent; }

/* ---------- 7. CHÂN TRANG V2 ---------- */
.tmt-ft { background: var(--tmt-navy-deep); color: #e9e3d3; font: 400 15px/1.6 var(--tmt-font-ui); }
.tmt-ft * { box-sizing: border-box; }
.tmt-ft a { color: inherit; text-decoration: none; }
.tmt-ft p { margin: 0; }
.tmt-ft__wrap { width: 100%; max-width: calc(var(--tmt-max) + 2 * var(--tmt-gutter)); margin-inline: auto; padding-inline: var(--tmt-gutter); }
.tmt-ft__top { padding: 44px 0 20px; background: linear-gradient(180deg, #112447 0%, #0a1426 100%); border-top: 3px solid var(--tmt-gold); }
.tmt-ft__lead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px; padding-bottom: 28px; border-bottom: 1px solid rgba(217, 197, 144, 0.24); }
.tmt-ft__brand { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; }
.tmt-ft__mark { flex: none; display: block; width: 72px; padding: 6px 8px; background: #f3eee2; border-radius: 8px; }
.tmt-ft__mark img { display: block; width: 100%; height: auto; }
.tmt-ft__brandtxt { display: flex; flex-direction: column; gap: 4px; }
.tmt-ft__name { font: 700 26px/1.1 var(--tmt-font-display); color: #fbf7ea; letter-spacing: 0.01em; }
.tmt-ft__slogan { font: 700 13px/1.3 var(--tmt-font-ui); letter-spacing: 0.14em; text-transform: uppercase; color: var(--tmt-champagne); }
.tmt-ft__quick { display: flex; flex-wrap: wrap; gap: 12px; }
.tmt-ft__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: var(--tmt-r-btn); font: 700 14.5px/1.2 var(--tmt-font-ui); letter-spacing: 0.02em; border: 1.5px solid transparent; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }
.tmt-ft__btn--gold { background: var(--tmt-champagne); color: var(--tmt-navy-deep) !important; }
.tmt-ft__btn--gold:hover { background: #e8d9a8; }
.tmt-ft__btn--line { border-color: rgba(217, 197, 144, 0.7); color: #fbf7ea; }
.tmt-ft__btn--line:hover { background: rgba(217, 197, 144, 0.14); border-color: var(--tmt-champagne); }
.tmt-ft__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; padding-top: 28px; padding-bottom: 12px; }
.tmt-ft__h { margin: 0 0 6px; font: 700 13px/1.3 var(--tmt-font-ui); letter-spacing: 0.16em; text-transform: uppercase; color: var(--tmt-champagne); }
.tmt-ft__col { margin-bottom: 16px; min-width: 0; }
.tmt-ft__col ul { margin: 0; padding: 0; list-style: none; }
.tmt-ft__col li a { display: flex; align-items: center; min-height: 44px; padding: 4px 0; color: #e9e3d3; font-size: 15px; line-height: 1.35; }
.tmt-ft__col li a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--tmt-gold); text-underline-offset: 4px; text-decoration-thickness: 2px; }
.tmt-ft__note { margin-top: 8px; padding: 10px 12px; font-size: 13.5px; line-height: 1.5; color: #cfc8b6; border: 1px dashed rgba(217, 197, 144, 0.4); border-radius: 10px; }
.tmt-ft a:focus-visible { outline: 3px solid #9bbcff; outline-offset: 2px; border-radius: 4px; }
@media (min-width: 768px) { .tmt-ft__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 32px; } .tmt-ft__cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .tmt-ft__top { padding-top: 56px; } }

/* dải "Ghé cửa hàng": thông tin cửa hàng · hai mã QR WhatsApp · bản đồ */
.tmt-ft__visit { background: var(--tmt-bg-alt); padding: 36px 0 40px; color: var(--tmt-text); }
.tmt-ft__visit a { color: var(--tmt-navy); text-decoration: underline; text-decoration-color: rgba(176, 138, 62, 0.7); text-underline-offset: 3px; }
.tmt-ft__visit a:hover { color: var(--tmt-red); }
.tmt-ft__visit a:focus-visible { outline: 3px solid var(--tmt-focus); }
.tmt-ft__visitgrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.tmt-ft__card { min-width: 0; padding: 22px; background: var(--tmt-surface); border: 1px solid var(--tmt-border-soft); border-radius: var(--tmt-r-card); box-shadow: var(--tmt-sh-card); }
.tmt-ft__h--dark { color: var(--tmt-gold-deep); margin-bottom: 12px; }
.tmt-ft__store p { margin-bottom: 8px; font-size: 15px; line-height: 1.55; }
.tmt-ft__store b { color: var(--tmt-navy); }
.tmt-ft__fb { margin-top: 12px; }
.tmt-ft__qrlead { margin-bottom: 14px; font-weight: 700; color: var(--tmt-navy); font-size: 14px; }
.tmt-ft__qrrow { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.tmt-ft__qritem { text-align: center; }
.tmt-ft__qritem a { display: block; text-decoration: none; }
.tmt-ft__qritem img { display: block; width: 120px; height: 120px; padding: 6px; background: #fff; border: 1px solid var(--tmt-border); border-radius: 12px; }
.tmt-ft__qritem p { margin-top: 8px; font: 700 14px/1.2 var(--tmt-font-ui); color: var(--tmt-navy); }
.tmt-ft__map { padding: 0; overflow: hidden; min-height: 240px; }
.tmt-ft__map iframe { display: block; width: 100% !important; height: 100% !important; min-height: 240px; border: 0; }
@media (min-width: 768px) { .tmt-ft__visitgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tmt-ft__map { grid-column: 1 / -1; } }
@media (min-width: 992px) { .tmt-ft__visitgrid { grid-template-columns: 1.05fr 1.05fr 1.3fr; } .tmt-ft__map { grid-column: auto; } }

/* khối SEO: giữ nguyên chữ, hạ độ ưu tiên thị giác (nền kem, chữ nhỏ vừa, thẻ nhẹ) */
.tmt-seo-geo-foundation { background: var(--tmt-bg); border-top: 1px solid var(--tmt-border); padding: 34px 0 30px; color: var(--tmt-muted); font: 400 14.5px/1.7 var(--tmt-font-ui); }
.tmt-seo-geo-foundation .tmt-seo-wrap { max-width: calc(var(--tmt-max) + 2 * var(--tmt-gutter)); margin: 0 auto; padding: 0 var(--tmt-gutter); }
.tmt-seo-geo-foundation h2 { margin: 0 0 10px; font: 700 20px/1.35 var(--tmt-font-display); color: var(--tmt-navy); }
.tmt-seo-geo-foundation p { max-width: 78ch; margin: 0 0 14px; }
.tmt-seo-geo-foundation .tmt-seo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.tmt-seo-geo-foundation .tmt-seo-item { padding: 16px; background: var(--tmt-surface); border: 1px solid var(--tmt-border-soft); border-radius: 12px; font-size: 14px; line-height: 1.6; }
.tmt-seo-geo-foundation .tmt-seo-item strong { display: block; margin-bottom: 4px; color: var(--tmt-navy); }
@media (max-width: 767px) { .tmt-seo-geo-foundation { padding: 26px 0 22px; } .tmt-seo-geo-foundation .tmt-seo-grid { grid-template-columns: 1fr; } .tmt-seo-geo-foundation h2 { font-size: 18px; } }

/* thanh bản quyền */
.tmt-ft__legal { background: var(--tmt-navy-deep); color: #cfc8b6; font: 400 13px/1.5 var(--tmt-font-ui); }
.tmt-ft__legalrow { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 24px; padding-block: 14px; }
.tmt-ft__legal a { display: inline-flex; align-items: center; min-height: 44px; color: var(--tmt-champagne); text-decoration: none; }
.tmt-ft__legal a:hover { color: #fff; text-decoration: underline; }
.tmt-ft__legal .list-inline { display: flex; gap: 18px; margin: 0; padding: 0; list-style: none; }
.tmt-ft__legal .fot-line { margin: 0 6px; opacity: 0.6; }
.tmt-ft__legal a:focus-visible { outline: 3px solid #9bbcff; outline-offset: 2px; }
@media (max-width: 991.98px) { .tmt-ft__legalrow { padding-bottom: 14px; } }

@media (prefers-reduced-motion: reduce) { .tmt-mm__cta::after, .tmt-ft__btn { transition: none; } }
@media print { .tmt-ft__quick, .tmt-ft__map { display: none; } }

/* ==========================================================================
   COMPONENT (Phase B): TIÊU ĐỀ MỤC dùng chung  .tmt-sh  — tiêu đề serif + dòng phụ + "Xem tất cả →" cùng hàng.
   <header class="tmt-sh [tmt-sh--red]"><h2 class="tmt-sh__title">…</h2><p class="tmt-sh__sub">…</p><a class="tmt-sh__more" href>Xem tất cả <span aria-hidden>→</span></a></header>
   Mặc định tiêu đề navy; --red = đỏ di sản (dùng cho khối Quà tặng / biên tập). Mobile: tiêu đề + liên kết cùng hàng, dòng phụ xuống dưới.
   ========================================================================== */
.tmt-sh { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 4px 16px; margin: 0 0 16px; }
.tmt-sh__title { grid-column: 1; grid-row: 1; margin: 0; font: 700 var(--tmt-fs-h2)/1.12 var(--tmt-font-display); letter-spacing: -0.005em; color: var(--tmt-navy); text-wrap: balance; }
.tmt-sh--red .tmt-sh__title { color: var(--tmt-red); }
.tmt-sh__sub { grid-column: 1 / -1; grid-row: 2; margin: 0; font: 400 15px/1.5 var(--tmt-font-ui); color: var(--tmt-muted); }
.tmt-sh__more { grid-column: 2; grid-row: 1; align-self: center; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font: 700 14px/1.2 var(--tmt-font-ui); letter-spacing: 0.02em; color: var(--tmt-navy); text-decoration: none; white-space: nowrap; }
.tmt-sh__more span { display: inline-block; transition: transform .18s; }
.tmt-sh__more:hover { color: var(--tmt-red); }
.tmt-sh__more:hover span { transform: translateX(4px); }
.tmt-sh__more:focus-visible { outline: 3px solid var(--tmt-focus); outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) { .tmt-sh__more span { transition: none; } .tmt-sh__more:hover span { transform: none; } }
@media (min-width: 768px) {
  .tmt-sh { grid-template-columns: auto minmax(0, 1fr) auto; align-items: baseline; gap: 0 22px; margin-bottom: 20px; }
  .tmt-sh__sub { grid-column: 2; grid-row: 1; min-width: 0; font-size: 15px; }
  .tmt-sh__more { grid-column: 3; align-self: center; }
}

/* ---- Sửa tràn header ở 992–1099px (Phase A để lọt: logo chạm menu, công tắc VI/EN đè "GIỚI THIỆU"): thu khoảng cách và cỡ chữ menu ở dải này ---- */
@media (min-width: 992px) and (max-width: 1099.98px) {
  .tmt-site-header .tmt-header__bar { gap: 10px; }
  .tmt-header__wordmark { font-size: 18px; }
  .tmt-nav__link { padding: 0 8px; font-size: 12.5px; letter-spacing: 0.05em; }
}

/* ==========================================================================
   Task 71 — F0 (SỬA CỤC BỘ, chưa lên Sapo): đưa bảng màu V2 vào TOÀN SITE (trước đây chỉ áp trong khung header/footer).
   Mục tiêu: danh mục, sản phẩm, tìm kiếm, giỏ hàng, tài khoản không còn xanh lá; thống nhất navy / đỏ di sản / vàng cổ, bo góc và nút.
   Thay đổi ở tầng TOKEN (--color-*, --radius-*), nên mọi component .tmt-* tự theo. Các trang tự có token riêng (.pt- trang chủ, .cho- Sưu tầm, .gho- Quà tặng, .tmt-jn Câu chuyện) không bị ảnh hưởng.
   ========================================================================== */
:root {
  --color-brand-900: #0a1426; --color-brand-800: #0f1c33; --color-brand-700: #0f1c33; --color-brand-600: #1b3158; --color-brand-500: #2d4a7a;
  --color-brand-100: #e8dfc8; --color-brand-50: #f3ecdd;
  --color-accent-700: #7a5f22; --color-accent-600: #9a7a30; --color-accent-500: #b08a3e; --color-accent-100: #f1e6cc;
  --color-seal-700: #8a1822; --color-seal-600: #a31f2a; --color-seal-100: #f6dedb;
  --color-text-strong: #0f1c33; --color-text: #25282d; --color-text-muted: #566074;
  --color-bg-page: #faf6ee; --color-bg-subtle: #f3ecdd; --color-bg-inverse: #0a1426;
  --color-border: rgba(15, 28, 51, 0.14); --color-border-strong: rgba(15, 28, 51, 0.24); --color-border-control: #858b99;
  --font-display: Cambria, "Noto Serif", "Times New Roman", serif;
  --radius-md: 8px; --radius-lg: 12px;
}
/* Nút chính: navy, di chuột đỏ (giống nút trang chủ). Nút phụ: viền navy. */
.tmt-btn--primary:hover { background: var(--color-seal-600); border-color: var(--color-seal-600); }
.tmt-btn--primary:active { background: var(--color-seal-700); border-color: var(--color-seal-700); }
/* Thẻ: bo 12 như trang chủ */
.tmt-card { border-radius: var(--radius-lg); }

/* Task 71 IA (SỬA CỤC BỘ): liên kết cấp 2 dưới mỗi mục của mega menu Sưu tầm / Quà tặng (.tmt-mm__subs). Dùng chung desktop + drawer mobile. */
.tmt-mm__item--subs { display: flex; flex-direction: column; }
.tmt-mm__subs { display: flex; flex-wrap: wrap; gap: 0 14px; margin: -4px 0 4px; padding: 0 10px 2px 84px; }
.tmt-mm__sub { display: inline-flex; align-items: center; min-height: 30px; font: 600 13px/1.2 var(--tmt-font-ui); color: var(--tmt-muted); text-decoration: none; }
.tmt-mm__subgroup { display: block; margin-left: 14px; padding-left: 10px; border-left: 1px solid var(--tmt-border-soft); }
.tmt-mm__sub--child { font-size: 13px; }
.tmt-mm__sub:hover { color: var(--tmt-red); text-decoration: underline; text-underline-offset: 3px; }
.tmt-mm__sub:focus-visible { outline: 3px solid var(--tmt-focus); outline-offset: 2px; border-radius: 4px; }
@media (max-width: 991.98px) {
  .tmt-mm__subs { margin: 0; padding: 0 8px 6px; gap: 0 12px; }
  .tmt-mm__sub { min-height: 44px; padding: 0 2px; }
}

/* ---- Task 71 (CEO 2026-10-14): MENU ĐIỆN THOẠI = cây thư mục kiểu cũ (nút +/−, không ảnh). Desktop giữ mega menu có ảnh. Một <ul> chứa cả hai: .tmt-dsk (mega menu) và .tmt-mob (cây Sapo/cây tĩnh qua tmt-nav-node). ---- */
.tmt-mob { display: none; }
@media (max-width: 991.98px) {
  .tmt-dsk { display: none !important; }
  .tmt-mob { display: block; list-style: none; margin: 0; padding: 0; }
  #tmt-sub-s1:not(.tmt-nt__list--panel), #tmt-sub-s2 { display: block; padding: 0; }
  .tmt-nav__sub#tmt-sub-s1, .tmt-nav__sub#tmt-sub-s2 { padding: 0; background: var(--tmt-surface); }
  .tmt-mob__tree { margin: 0; padding: 0; list-style: none; }
  /* Câu chuyện: mở lại nút xổ (5 chủ đề), không còn "bấm một lần" */
  .tmt-nav__item:has(> .tmt-nav__row > .tmt-nav__toggle[aria-controls="tmt-sub-s3"]) > .tmt-nav__row > .tmt-nav__toggle { display: flex; }
  .tmt-nav__item:has(> .tmt-nav__row > .tmt-nav__toggle[aria-controls="tmt-sub-s3"]) > .tmt-nav__row > .tmt-nav__link { display: none; }
  .tmt-nav__item:has(> .tmt-nav__row > .tmt-nav__toggle[aria-controls="tmt-sub-s3"]) > .tmt-nav__sub:not([hidden]) { display: block !important; }
}
/* bỏ gạch đầu dòng vàng thừa ở mục con của menu Quà tặng trên điện thoại (chỉ còn thụt lề như menu Sưu tầm) */
@media (max-width: 991.98px) {
  #tmt-sub-s2 .tmt-nt__item--l2 .tmt-nt__link::before { content: none; display: none; }
  #tmt-sub-s2 .tmt-nt__item--l2 .tmt-nt__link { padding-left: 24px; }
}

/* ---- 2026-10-14 (sửa trực tiếp theo CEO): thẻ thương hiệu "TMT Collection" / "TMT COLLECTION Gift" đầu menu Sưu tầm / Quà tặng trên điện thoại (để phân biệt hai nhóm) ---- */
@media (max-width: 991.98px) {
  #tmt-sub-s1 > .tmt-mm__brand, #tmt-sub-s2 > .tmt-mm__brand { display: block; margin: 0; padding: 10px 12px 6px; border-bottom: 0; }
  #tmt-sub-s1 .tmt-mm__brand > .tmt-nt__link, #tmt-sub-s2 .tmt-mm__brand > .tmt-nt__link { display: flex; }
}

/* ---- 2026-10-14 (sửa trực tiếp): menu Câu chuyện — chấm thoi vàng không còn đè lên chữ (luật padding chung ghi đè padding-left của mục chủ đề) ---- */
.tmt-nav__sub .tmt-nt__item--l1.tmt-mm__topic > .tmt-nt__link:not(.tmt-mm__link) { padding-left: 34px; }


/* ---- 2026-10-14 (sửa trực tiếp): menu Sưu tầm desktop nay có nhiều mục con nên cao hơn màn hình thấp: bảng cuộn được trong khung nhìn; thẻ thương hiệu dính ở đầu để luôn thấy chữ + nút ---- */
@media (min-width: 992px) {
  #tmt-sub-s1:not(.tmt-nt__list--panel) { max-height: calc(100vh - 100px); overflow-y: auto; overscroll-behavior: contain; }
  #tmt-sub-s1:not(.tmt-nt__list--panel) > .tmt-mm__brand { align-self: start; position: sticky; top: 0; height: min(430px, calc(100vh - 140px)); }
  #tmt-sub-s1:not(.tmt-nt__list--panel) > .tmt-mm__brand > .tmt-nt__link { height: 100%; }
}

/* ---- 2026-10-17 (sửa trực tiếp theo CEO): mega menu desktop Sưu tầm / Quà tặng gọn lại. Bỏ thẻ thương hiệu (khoảng trống lớn, không có nội dung) và ảnh đại diện danh mục; mỗi danh mục thành một cột: tên in đậm + đường kẻ, mục con xếp dọc. Drawer điện thoại: danh mục cha in đậm. ---- */
@media (min-width: 992px) {
  #tmt-sub-s1:not(.tmt-nt__list--panel) > .tmt-mm__brand, #tmt-sub-s2 > .tmt-mm__brand, #tmt-sub-s1 .tmt-mm__thumb, #tmt-sub-s2 .tmt-mm__thumb { display: none; }
  #tmt-sub-s1:not(.tmt-nt__list--panel) { width: min(980px, calc(100vw - 2 * var(--tmt-gutter))); display: block; column-count: 4; column-gap: 32px; padding: 24px 28px 16px; }
  #tmt-sub-s2 { width: min(780px, calc(100vw - 2 * var(--tmt-gutter))); display: block; column-count: 3; column-gap: 32px; padding: 24px 28px 18px; }
  #tmt-sub-s1 > .tmt-mm__item, #tmt-sub-s2 > .tmt-mm__item { display: block; break-inside: avoid; margin: 0 0 20px; }
  #tmt-sub-s1 .tmt-mm__link, #tmt-sub-s2 .tmt-mm__link { display: block; min-height: 0; margin: 0 0 6px; padding: 0 0 9px; border-radius: 0; border-bottom: 1px solid var(--tmt-border); background: none; font: 700 15px/1.3 var(--tmt-font-ui); color: var(--tmt-navy); }
  #tmt-sub-s1 .tmt-mm__link:hover, #tmt-sub-s2 .tmt-mm__link:hover, #tmt-sub-s1 .tmt-mm__link[aria-current="page"], #tmt-sub-s2 .tmt-mm__link[aria-current="page"] { background: none; color: var(--tmt-red); }
  #tmt-sub-s1 .tmt-mm__subs, #tmt-sub-s2 .tmt-mm__subs { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 0; margin: 0; padding: 0; }
  #tmt-sub-s1 .tmt-mm__sub, #tmt-sub-s2 .tmt-mm__sub { min-height: 30px; padding: 3px 0; font: 500 14px/1.35 var(--tmt-font-ui); color: var(--tmt-muted); }
  #tmt-sub-s1 .tmt-mm__sub:hover, #tmt-sub-s2 .tmt-mm__sub:hover { color: var(--tmt-red); }
  #tmt-sub-s1:not(.tmt-nt__list--panel) > .tmt-mm__utils { column-span: all; margin: 0; padding: 12px 0 0; }
}
@media (max-width: 991.98px) {
  .tmt-nav__sub .tmt-mob__tree > .tmt-nt__item--l1 > .tmt-nt__row > .tmt-nt__link, .tmt-nav__sub .tmt-mob__tree > .tmt-nt__item--l1 > .tmt-nt__row > .tmt-nt__toggle--row, .tmt-nav__sub .tmt-mob__tree > .tmt-nt__item--l1 > .tmt-nt__link { font-weight: 700; font-size: 16px; color: var(--tmt-navy); }
}