/* Nâng cỡ chữ / nút / thẻ theo bề rộng màn hình (thiết kế gốc dành cho khung 1250px).
   Nạp ngay sau luxury.css (xem includes/luxuryStyles.php). */
:root {
  --nts-fs-btn: clamp(15px, .3vw + 10px, 19px);
  --nts-fs-label: clamp(12.5px, .2vw + 9px, 15px);
  --nts-fs-lede: clamp(17px, .5vw + 10px, 23px);
}

/* Nút */
html body :is(.ntsx-btn, .ntsx-form-submit, .nts-banner-button) { font-size: var(--nts-fs-btn); padding: clamp(14px, .5vw + 8px, 20px) clamp(24px, 1.2vw + 12px, 38px); border-radius: clamp(13px, .4vw + 8px, 18px); }
html body .ntsx-btn svg { width: 1.1em; height: 1.1em; }
html body .ntsx-toolbar .ntsx-btn-primary { padding: clamp(13px, .4vw + 8px, 18px) clamp(24px, 1vw + 12px, 34px); }

/* Hero các trang lưu trữ: chữ, panel và ô trực quan bên phải */
html body .ntsx-hero-grid { gap: clamp(32px, 4vw, 88px); }
html body .ntsx-lede { font-size: var(--nts-fs-lede); max-width: 46ch; line-height: 1.7; }
html body :is(.ntsx-eyebrow, .ntsx-status, .ntsx-crumbs, .ntsx-crumbs .current) { font-size: var(--nts-fs-label); }
html body .ntsx-btnrow { gap: clamp(12px, 1vw, 20px); margin-top: clamp(20px, 2vw, 36px); }
html body .ntsx-panel { padding: clamp(24px, 2.4vw, 48px); border-radius: clamp(20px, 1.6vw, 32px); }
html body .ntsx-panel-h { font-size: var(--nts-fs-label); margin-bottom: clamp(16px, 1.4vw, 28px); }
html body .ntsx-stat { padding: clamp(18px, 1.6vw, 34px) 10px; border-radius: clamp(15px, 1.2vw, 24px); }
html body .ntsx-stat b { font-size: clamp(34px, 2.8vw, 64px); }
html body .ntsx-stat span { font-size: var(--nts-fs-small); margin-top: 10px; }
html body .ntsx-stats3.is-single { max-width: clamp(190px, 18vw, 320px); }
html body .ntsx-panel-note { font-size: var(--nts-fs-small); gap: 12px; line-height: 1.6; }
html body .ntsx-panel-note svg { width: 1.3em; height: 1.3em; }
html body .ntsx-panel-slim .ntsx-stat b { font-size: clamp(22px, 1.8vw, 40px); }
html body .ntsx-panel-slim .ntsx-stat span { font-size: var(--nts-fs-label); }
html body .ntsx-panel-brands .lbl { font-size: var(--nts-fs-label); }
html body .ntsx-panel-step span { font-size: var(--nts-fs-small); }

/* Slider dịch vụ (hero trang Dịch vụ) */
html body .ntsx-svc-slider { margin-right: 0; }
html body .ntsx-svc-slider-label { font-size: var(--nts-fs-label); margin-bottom: 14px; }
html body .ntsx-svc-slide-track { height: clamp(300px, 24vw, 480px); }
html body .ntsx-svc-slide-card { padding: clamp(16px, 1.4vw, 28px); gap: clamp(14px, 1.2vw, 24px); border-radius: clamp(16px, 1.2vw, 24px); }
html body .ntsx-svc-slide-ico { width: clamp(52px, 4vw, 84px); height: clamp(52px, 4vw, 84px); }
html body .ntsx-svc-slide-ico svg { width: clamp(26px, 2vw, 42px); height: clamp(26px, 2vw, 42px); }
html body .ntsx-svc-slide-name { font-size: clamp(17px, .7vw + 10px, 26px); }
html body .ntsx-svc-slide-tag { font-size: var(--nts-fs-small); }
html body .ntsx-svc-slide-arrow { width: clamp(34px, 2.6vw, 52px); height: clamp(34px, 2.6vw, 52px); }
html body .ntsx-svc-slide-arrow svg { width: 45%; height: 45%; }

/* Thẻ: dịch vụ, "Vì sao chọn", tính năng */
html body .ntsx-svccard-body { padding: clamp(36px, 3vw, 52px) clamp(22px, 2vw, 40px) clamp(22px, 2vw, 36px); gap: 14px; }
html body .ntsx-svccard-body p { line-height: 1.7; }
html body .ntsx-svccard-fact { font-size: var(--nts-fs-label); padding: 7px 13px; }
html body .ntsx-svccard-foot-label { font-size: var(--nts-fs-small); }
html body .ntsx-svccard-foot-btn { width: clamp(34px, 2.4vw, 46px); height: clamp(34px, 2.4vw, 46px); }
html body .ntsx-svccard-ribbon { font-size: var(--nts-fs-label); padding: 7px 14px; }
html body .ntsx-svccard-frame { aspect-ratio: 16 / 10; }
html body .ntsx-str { padding: clamp(26px, 2.4vw, 46px) clamp(22px, 2vw, 40px); }
html body .ntsx-str h3 { font-size: var(--nts-fs-card-title); margin-bottom: 12px; }
html body .ntsx-str p { font-size: var(--nts-fs-small); line-height: 1.7; }
html body .ntsx-str-ico { width: clamp(56px, 4.2vw, 84px); height: clamp(56px, 4.2vw, 84px); border-radius: clamp(16px, 1.2vw, 24px); margin-bottom: clamp(18px, 1.6vw, 30px); }
html body .ntsx-str-ico svg { width: 44%; height: 44%; }
html body .ntsx-strengths { gap: clamp(18px, 2vw, 36px); }
html body :is(.ntsx-feature-row, .ntsx-tab-card p, .ntsx-faq-a-inner, .ntsx-form-file-name, .ntsx-form-feedback) { font-size: var(--nts-fs-small); }
html body :is(.ntsx-tab-card h3, .ntsx-tab-panel-item h4, .ntsx-cardpair-rail h3) { font-size: var(--nts-fs-card-title); }
html body .ntsx-cardpair-tag { font-size: var(--nts-fs-label); }

/* Form (liên hệ, báo giá, tuyển dụng) */
html body .ntsx-form { padding: clamp(26px, 2.6vw, 52px); border-radius: clamp(22px, 1.8vw, 34px); max-width: min(880px, 100%); }
html body .ntsx-form label { font-size: var(--nts-fs-small); margin-bottom: 8px; }
html body .ntsx-form :is(input, textarea, select), html body .ntsx-field :is(input, select) { font-size: var(--nts-fs-body); padding: clamp(13px, .5vw + 8px, 18px) 16px; border-radius: 13px; }
html body .ntsx-form-group { margin-bottom: clamp(16px, 1.4vw, 26px); }
html body .ntsx-form-row { gap: clamp(16px, 1.4vw, 26px); }
html body .ntsx-toolbar { padding: clamp(14px, 1.2vw, 24px); gap: clamp(12px, 1vw, 20px); }
html body .ntsx-toolbar-reset { font-size: var(--nts-fs-small); }

/* Trang chủ: banner — slider bên phải rộng, bo tròn, sát cột chữ */
html body .nts-banner-visual { max-width: none; width: 100%; margin: 0; padding: clamp(40px, 3.6vw, 72px) 0 clamp(60px, 4.6vw, 88px) clamp(0px, 1.5vw, 32px); }
html body .nts-slide-track { height: auto; aspect-ratio: 16 / 11; max-height: 640px; }
html body .nts-slide img { border-radius: clamp(22px, 2vw, 40px); }
html body .nts-float-card { max-width: clamp(190px, 15vw, 280px); padding: clamp(14px, 1vw, 22px) clamp(18px, 1.3vw, 28px); gap: 14px; border-radius: clamp(16px, 1.2vw, 24px); }
html body .nts-float-card-icon { width: clamp(38px, 3vw, 58px); height: clamp(38px, 3vw, 58px); }
html body .nts-float-card-icon .nts-icon { width: 46%; height: 46%; }
html body .nts-float-card-value { font-size: clamp(18px, 1.4vw, 28px); }
html body .nts-float-card-label { font-size: var(--nts-fs-label); }
@media (max-width: 849px) {
  html body .nts-banner-visual { max-width: 560px; margin: 24px auto 0; padding: 40px 12px 60px; }
  html body .nts-slide-track { aspect-ratio: 4 / 3; }
}

/* Trang chủ: Câu chuyện của chúng tôi */
html body .nts-about-story-heading { font-size: clamp(28px, 2.2vw + 8px, 56px); }
html body .nts-about-story-text, html body .nts-about-story-text p { font-size: clamp(17px, .6vw + 10px, 24px); line-height: 1.8; }

/* Trang chủ: Lĩnh vực hoạt động */
html body .nts-linhvuc-section .nts-linhvuc-header { max-width: min(980px, 100%); margin-bottom: clamp(48px, 4.5vw, 88px); }
html body .nts-linhvuc-section .nts-linhvuc-title { font-size: clamp(32px, 3.2vw, 64px); }
html body .nts-linhvuc-section .nts-linhvuc-subtitle { font-size: var(--nts-fs-lede); }
html body .nts-linhvuc-item .linhvuc-thumb { height: auto; aspect-ratio: 16 / 10; }
html body .nts-linhvuc-item .linhvuc-content { padding: 4px clamp(22px, 2vw, 40px) clamp(26px, 2.2vw, 44px); }
html body .nts-linhvuc-item.has-thumb .linhvuc-content { margin-top: clamp(-52px, -3vw, -36px); }
html body .nts-linhvuc-item .linhvuc-icon { width: clamp(60px, 4.2vw, 84px); height: clamp(60px, 4.2vw, 84px); border-radius: clamp(16px, 1.2vw, 24px); }
html body .nts-linhvuc-item .linhvuc-icon .nts-icon { width: 46%; height: 46%; }
html body .nts-linhvuc-item .linhvuc-title { font-size: var(--nts-fs-card-title); line-height: 1.3; margin-bottom: 10px; }
html body .nts-linhvuc-item .linhvuc-desc { font-size: var(--nts-fs-small); line-height: 1.7; }
html body .nts-linhvuc-item .linhvuc-number { font-size: var(--nts-fs-label); padding: 7px 14px; }
html body .nts-linhvuc-panel-frame { padding: clamp(26px, 3vw, 64px); }
html body .nts-linhvuc-main-img { height: auto; aspect-ratio: 4 / 3; max-height: 560px; }
html body .nts-linhvuc-text-col { padding: 10px clamp(10px, 1vw, 20px) 10px clamp(20px, 2.4vw, 56px); }
html body .nts-linhvuc-panel-heading { font-size: clamp(24px, 1.6vw + 8px, 44px); margin-bottom: 22px; }
html body .nts-linhvuc-bullets li { font-size: var(--nts-fs-body); padding: clamp(14px, 1.1vw, 22px) clamp(16px, 1.3vw, 26px); margin-bottom: 12px; gap: 14px; border-radius: 14px; }
html body .nts-linhvuc-bullet-icon { width: clamp(24px, 1.8vw, 34px); height: clamp(24px, 1.8vw, 34px); }
html body .nts-linhvuc-bullet-icon .nts-icon { width: 55%; height: 55%; }
html body .nts-linhvuc-float-1 { width: clamp(100px, 9vw, 190px); height: auto; aspect-ratio: 4 / 3; }
html body .nts-linhvuc-float-2 { width: clamp(130px, 12vw, 250px); height: auto; aspect-ratio: 4 / 3; }
html body .nts-linhvuc-float-3 { width: clamp(64px, 5.6vw, 120px); height: clamp(64px, 5.6vw, 120px); }
@media (max-width: 849px) { html body .nts-linhvuc-main-img { aspect-ratio: 16 / 11; } }

/* Footer: thẳng hàng với mọi section phía trên, chữ và biểu tượng lớn hơn */
html body #footer { background: #132445; }
html body #footer .nts-footer-main { padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; padding-top: clamp(56px, 5vw, 100px) !important; padding-bottom: clamp(36px, 3.4vw, 68px) !important; }
html body #footer .wp-block-columns { gap: clamp(28px, 3.4vw, 80px); }
html body #footer :is(.nts-footer-desc, .nts-footer-need-help, .nts-nav-menu-list a, .nts-footer-contact-text, .nts-footer-contact-text *) { font-size: var(--nts-fs-small); line-height: 1.85; }
html body #footer .nts-nav-menu-list li { margin-bottom: clamp(8px, .7vw, 14px); }
html body #footer .nts-footer-heading { font-size: clamp(18px, .6vw + 10px, 28px); margin-bottom: clamp(14px, 1.2vw, 24px); }
html body #footer .nts-social-title { font-size: var(--nts-fs-small); margin-bottom: 14px; }
html body #footer .nts-social-links { gap: clamp(12px, 1vw, 20px); }
html body #footer .nts-social-link { width: clamp(44px, 3.2vw, 64px); height: clamp(44px, 3.2vw, 64px); }
html body #footer .nts-social-link svg { width: 48%; height: 48%; }
html body #footer .nts-footer-contact-icon { width: clamp(38px, 2.8vw, 54px); height: clamp(38px, 2.8vw, 54px); }
html body #footer :is(.absolute-footer, .absolute-footer a, .copyright-footer) { font-size: var(--nts-fs-small); line-height: 1.8; }
html body #footer .absolute-footer { padding: clamp(14px, 1.2vw, 24px) 0; }

/* Khối Tư vấn / FAQ + form: cột chữ bên trái (đang bị inline 15px) */
html body .ntsx-faq-contact { gap: clamp(32px, 4vw, 88px); align-items: start; }
html body .ntsx-faq-col h2 { font-size: clamp(30px, 2.6vw + 6px, 58px) !important; line-height: 1.15; letter-spacing: -.03em; }
html body .ntsx-faq-col > p { font-size: var(--nts-fs-lede) !important; line-height: 1.75 !important; }
html body .ntsx-faq-col .ntsx-tick { font-size: var(--nts-fs-body); gap: 12px; }
html body .ntsx-faq-col .ntsx-tick i { width: clamp(24px, 1.8vw, 34px); height: clamp(24px, 1.8vw, 34px); }
html body .ntsx-faq-col .ntsx-ticks { gap: clamp(12px, 1vw, 18px) !important; margin-top: clamp(20px, 2vw, 32px) !important; }
html body .ntsx-contact-phone { font-size: var(--nts-fs-body); padding: clamp(14px, 1vw, 20px) clamp(20px, 1.6vw, 30px); }
html body .ntsx-contact-card { padding: clamp(26px, 2.6vw, 52px); }
html body .ntsx-contact-card .ntsx-form { font-size: var(--nts-fs-body); }

/* Đối tác & khách hàng: thẻ logo lớn hơn */
html body .ntsx-pc-group h3 { font-size: var(--nts-fs-label); }
html body .ntsx-pc-logo { width: clamp(150px, 14vw, 250px); height: clamp(88px, 8vw, 136px); }
html body .ntsx-contact-card .ntsx-form { max-width: none; padding: 0; border-radius: 0; }

/* Thanh điều hướng + mega menu (desktop) */
@media (min-width: 1300px) {
  html body .water-header .desktop-nav { margin: 0 clamp(16px, 2vw, 48px); }
  html body .water-header .desktop-nav-menu { gap: clamp(2px, .4vw, 8px); }
  html body .water-header .desktop-nav-menu > li > a { font-size: clamp(15px, .22vw + 11.5px, 19px); padding: clamp(10px, .5vw + 5px, 15px) clamp(12px, .6vw + 5px, 18px); border-radius: 12px; }
  html body .water-header .nts-mega-col-title { font-size: clamp(15px, .3vw + 8px, 20px); }
  html body .water-header .nts-mega-col-list li a { font-size: clamp(14.5px, .25vw + 9px, 18px); }
  html body .water-header .nts-mega-col-viewall, html body .water-header .nts-mega-quicklink { font-size: clamp(13.5px, .2vw + 9px, 16px); }
  html body .water-header .nts-mega-col-count, html body .water-header .nts-mega-eyebrow, html body .water-header .nts-mega-col-badge { font-size: clamp(12px, .15vw + 9px, 14px); }
  html body .water-header .nts-mega-about-title { font-size: clamp(20px, .6vw + 11px, 28px); }
  html body .water-header .nts-mega-about-cta { font-size: clamp(14px, .2vw + 9px, 17px); }
}

/* Sidebar trang Tin tức / bài viết */
html body .ntsx-stats-sidebar h3 { font-size: var(--nts-fs-small); letter-spacing: .06em; }
html body .ntsx-stats-sidebar.is-blocks .ntsx-sidebar-widget, html body .ntsx-stats-sidebar.is-blocks .ntsx-sidebar-widget + .ntsx-sidebar-widget { padding: clamp(24px, 1.8vw, 36px) clamp(22px, 1.6vw, 32px); border-radius: clamp(18px, 1.3vw, 26px); }
html body .ntsx-sidebar-list a { font-size: var(--nts-fs-body); padding: clamp(10px, .8vw, 14px) 0; }
html body .ntsx-sidebar-list a span { font-size: var(--nts-fs-label); }
html body .ntsx-sidebar-postlist { gap: clamp(18px, 1.5vw, 30px); }
html body .ntsx-sidebar-postlist-thumb { width: clamp(72px, 5.6vw, 104px); height: clamp(72px, 5.6vw, 104px); border-radius: 14px; }
html body .ntsx-sidebar-postlist-body h4 { font-size: var(--nts-fs-body); line-height: 1.4; margin-bottom: 6px; }
html body .ntsx-sidebar-postlist-body time { font-size: var(--nts-fs-label); }
html body .ntsx-sidebar-tags { gap: clamp(8px, .7vw, 12px); }
html body .ntsx-sidebar-tags a, html body .ntsx-post-tags a { font-size: var(--nts-fs-small); padding: 7px 15px; }
@media (min-width: 1001px) {
  html body .ntsx-descgrid { grid-template-columns: minmax(0, 1fr) clamp(328px, 24vw, 480px); gap: clamp(32px, 3.4vw, 80px); }
}

/* Dải "Đối tác đồng hành" (marquee logo) */
html body .ntsx-strip-top { padding: clamp(28px, 2.6vw, 52px) 0 clamp(6px, .6vw, 12px); }
html body .ntsx-strip-top .lbl { font-size: clamp(14px, .35vw + 9px, 19px); letter-spacing: .2em; }
html body .ntsx-marquee { gap: clamp(48px, 5vw, 110px); padding-block: clamp(22px, 2.2vw, 44px); }
html body .ntsx-logo { height: clamp(56px, 4.6vw, 96px); }
html body .ntsx-logo img { max-height: clamp(56px, 4.6vw, 96px); max-width: clamp(130px, 11vw, 240px); }
html body .ntsx-logo-txt { font-size: var(--nts-fs-body); }

/* Thẻ danh mục (sản phẩm / dịch vụ / dự án / lĩnh vực / liên quan): một thang chữ thống nhất, tỷ lệ theo bề rộng cột */
:root {
  --nts-card-title: clamp(17px, .3vw + 12px, 21px);
  --nts-card-title-sm: clamp(16px, .25vw + 11px, 19px);
  --nts-card-text: clamp(14px, .2vw + 10px, 16px);
  --nts-card-meta: clamp(12px, .15vw + 9.5px, 13.5px);
  --nts-card-cta: clamp(13.5px, .2vw + 10px, 15px);
}
html body :is(.ntsx-svccard-body h3, .ntsx-projcard-body h3) { font-size: var(--nts-card-title); line-height: 1.4; }
html body :is(.ntsx-prod-body h3, .ntsx-relcard-body h3) { font-size: var(--nts-card-title-sm); line-height: 1.4; }
html body :is(.ntsx-svccard-body p, .ntsx-projcard-body p, .ntsx-prod-body p, .ntsx-relcard-body p) { font-size: var(--nts-card-text); line-height: 1.65; }
html body :is(.ntsx-svccard-fact, .ntsx-projcard-fact, .ntsx-prod-facts, .ntsx-tag, .ntsx-cert) { font-size: var(--nts-card-meta); }
html body :is(.ntsx-svccard-ribbon, .ntsx-projcard-ribbon) { font-size: var(--nts-card-meta); }
html body :is(.ntsx-projcard-fact) { padding: 7px 13px; }
html body :is(.ntsx-svccard-foot-label, .ntsx-projcard-foot-label, .ntsx-prod-foot, .ntsx-relcard-link) { font-size: var(--nts-card-cta); }
html body :is(.ntsx-projcard-body) { gap: 14px; }
html body :is(.ntsx-projcard-foot-btn) { width: clamp(34px, 2.4vw, 46px); height: clamp(34px, 2.4vw, 46px); }
html body .ntsx-relcard.is-featured .ntsx-relcard-body h3 { font-size: var(--nts-card-title); }
html body .ntsx-relcard.is-featured .ntsx-relcard-body p { font-size: var(--nts-card-text); }

/* Trang Giới thiệu: các block Về NTS / Tầm nhìn–Sứ mệnh / Mốc thời gian / Chứng nhận dùng cỡ chữ cố định trong render.php → co giãn theo viewport */
html body .nts-about-eyebrow { font-size: clamp(13px, .25vw + 8.5px, 16px); }
html body .nts-about-title { font-size: clamp(28px, 1.8vw + 12px, 52px); }
html body :is(.nts-vm-title, .nts-timeline-title, .nts-certs-title) { font-size: clamp(28px, 1.8vw + 12px, 50px); }
html body :is(.nts-vm-eyebrow, .nts-timeline-eyebrow, .nts-certs-eyebrow, .nts-abouthero-eyebrow) { font-size: clamp(13px, .25vw + 8.5px, 16px); }
html body .nts-timeline-subtitle { font-size: var(--nts-fs-body); line-height: 1.75; }
html body .nts-vm-card-title { font-size: clamp(21px, .5vw + 14px, 28px); }
html body .nts-vm-card-text { font-size: var(--nts-fs-body); line-height: 1.75; }
html body .nts-vm-values-heading { font-size: clamp(24px, .6vw + 14px, 32px); }
html body .nts-vm-value-title { font-size: clamp(16px, .4vw + 10px, 21px); }
html body .nts-vm-value-desc { font-size: var(--nts-fs-small); line-height: 1.7; }
html body .nts-timeline-rail-year { font-size: clamp(19px, .5vw + 12px, 26px); }
html body .nts-timeline-rail-label { font-size: var(--nts-fs-label); }
html body .nts-timeline-chapter-title { font-size: clamp(27px, .8vw + 17px, 38px); }
html body .nts-timeline-chapter-desc { font-size: var(--nts-fs-body); line-height: 1.75; max-width: 62ch; }
html body .nts-cert-title { font-size: var(--nts-fs-card-title); }
html body .nts-cert-desc { font-size: var(--nts-fs-small); line-height: 1.7; }
html body .nts-about-cta, html body .nts-about-story-cta { font-size: var(--nts-fs-btn); }

/* Trang dịch vụ chi tiết, phần Tổng quan: câu mở đầu nhỏ lại, các tag tick xanh to hơn, xếp dọc căn trái */
html body:is(.single-service, .single-linh_vuc) .ntsx-intro3-text p:first-child { font-size: clamp(17px, 1.25vw + 3px, 24px); line-height: 1.7; }
html body:is(.single-service, .single-linh_vuc) .ntsx-intro3-bullets {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: min(1100px, 100%);
  gap: clamp(12px, .9vw, 18px);
}
html body:is(.single-service, .single-linh_vuc) .ntsx-intro3-bullets li {
  padding: clamp(22px, 1.6vw, 32px) clamp(32px, 2.5vw, 50px);
  gap: clamp(18px, 1.5vw, 30px);
  font-size: clamp(19px, .7vw + 12px, 30px);
}
html body:is(.single-service, .single-linh_vuc) .ntsx-intro3-bullets .tick { width: clamp(42px, 3.1vw, 60px); height: clamp(42px, 3.1vw, 60px); }
html body:is(.single-service, .single-linh_vuc) .ntsx-intro3-bullets .tick svg { width: 55%; height: 55%; }

/* Bảng "Đặc điểm & Lợi ích" (nền tối): chữ mảnh hơn */
html body .ntsx-section.is-dark.is-generous .ntsx-fb-text { font-weight: 400; letter-spacing: 0; }

/* Thẻ ở trang danh sách Năng lực: số thứ tự, ô icon nổi, lớp phủ ảnh, nút tròn */
body.post-type-archive-linh_vuc .ntsx-prod { border-radius: 24px; border-color: rgba(27,50,93,.08); box-shadow: 0 18px 40px -26px rgba(27,50,93,.35); }
body.post-type-archive-linh_vuc .ntsx-prod:hover { transform: translateY(-10px); box-shadow: 0 34px 60px -26px rgba(27,50,93,.45); border-color: color-mix(in srgb, var(--x-accent) 45%, transparent); }
body.post-type-archive-linh_vuc .ntsx-prod-media { aspect-ratio: 4 / 3.1; overflow: visible; border-radius: 24px 24px 0 0; }
body.post-type-archive-linh_vuc .ntsx-prod-media img { border-radius: 24px 24px 0 0; }
body.post-type-archive-linh_vuc .ntsx-prod-media::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; border-radius: 24px 24px 0 0;
  background: linear-gradient(180deg, rgba(8,20,40,.18) 0%, transparent 38%, rgba(8,20,40,.55) 100%);
}
body.post-type-archive-linh_vuc .ntsx-lvcard-num {
  position: absolute; z-index: 3; top: 16px; right: 16px; padding: 6px 13px; border-radius: 999px;
  font-size: 13px; font-weight: 800; letter-spacing: .12em; color: #fff;
  background: rgba(8,20,40,.45); border: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(8px);
}
body.post-type-archive-linh_vuc .ntsx-lvcard-seal {
  position: absolute; z-index: 4; left: 24px; bottom: -28px; width: 60px; height: 60px; border-radius: 18px; color: #fff;
  display: grid; place-items: center; border: 3px solid var(--x-surface);
  background: linear-gradient(150deg, var(--x-accent), var(--x-accent-2));
  box-shadow: 0 16px 30px -12px rgba(40,163,74,.65); transition: transform .35s var(--x-ease);
}
body.post-type-archive-linh_vuc .ntsx-prod:hover .ntsx-lvcard-seal { transform: rotate(-6deg) scale(1.07); }
body.post-type-archive-linh_vuc .ntsx-lvcard-body { padding: 44px 26px 24px; gap: 12px; }
body.post-type-archive-linh_vuc .ntsx-lvcard-body h3 { font-size: clamp(19px, .4vw + 13px, 25px); line-height: 1.3; color: var(--x-ink); }
body.post-type-archive-linh_vuc .ntsx-lvcard-foot { justify-content: space-between; margin-top: auto; padding-top: 16px; }
body.post-type-archive-linh_vuc .ntsx-lvcard-foot-label { font-weight: 700; color: var(--x-accent-strong); }
body.post-type-archive-linh_vuc .ntsx-lvcard-foot-btn {
  flex: none; width: clamp(36px, 2.6vw, 46px); height: clamp(36px, 2.6vw, 46px); border-radius: 50%; display: grid; place-items: center;
  background: var(--x-accent-soft); color: var(--x-accent-strong); transition: background .3s var(--x-ease), color .3s var(--x-ease);
}
body.post-type-archive-linh_vuc .ntsx-prod:hover .ntsx-lvcard-foot-btn { background: linear-gradient(135deg, var(--x-accent), var(--x-accent-2)); color: #fff; }
body.post-type-archive-linh_vuc .ntsx-prod:hover .ntsx-lvcard-foot-btn svg { transform: translateX(3px); }
body.post-type-archive-linh_vuc .ntsx-lvcard-foot-btn svg { width: 45%; height: 45%; transition: transform .25s var(--x-ease); }
body.post-type-archive-linh_vuc .ntsx-lvcard-clip { position: absolute; inset: 0; overflow: hidden; border-radius: 24px 24px 0 0; }
body.post-type-archive-linh_vuc .ntsx-lvcard-clip img { border-radius: 0; }

/* Mục "liên quan" dạng slider (trang Lĩnh vực…): ít thẻ thì chia đều khung, không bị bó nhỏ; nhãn loại không đè huy hiệu logo */
html body .ntsx-relslider .ntsx-relgrid:has(> :nth-child(-n+3):last-child) { overflow: visible; }
html body .ntsx-relslider .ntsx-relgrid:has(> :nth-child(-n+3):last-child) > .ntsx-relcard { flex: 1 1 0; min-width: 0; max-width: none; }
html body .ntsx-relslider .ntsx-relgrid:has(> :nth-child(-n+3):last-child) ~ .ntsx-relslider-nav,
html body .ntsx-relslider:has(.ntsx-relgrid > :nth-child(-n+3):last-child) .ntsx-relslider-nav { display: none; }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); max-width: 1100px; margin: 0 auto; width: 100%; }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard { max-width: 1000px; min-height: 0; }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard .ntsx-relcard-media { aspect-ratio: 16 / 11; min-height: 0; max-height: 380px; height: auto; position: relative; }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard .ntsx-relcard-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard .ntsx-relcard-body { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; padding: clamp(24px, 3.2vw, 56px); }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard .ntsx-relcard-body h3 { font-size: clamp(22px, 1.3vw + 12px, 34px); line-height: 1.22; margin: 0; letter-spacing: -.01em; }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard .ntsx-relcard-body p { margin: 0; font-size: var(--nts-fs-small, 16px); line-height: 1.7; color: var(--x-muted); }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard .ntsx-relcard-link {
  margin-top: 6px; width: auto; border: 0; padding: 13px 24px; gap: 12px; border-radius: 999px; color: #fff; font-weight: 700;
  background: linear-gradient(135deg, var(--x-accent), var(--x-accent-2)); box-shadow: 0 18px 34px -16px rgba(40,163,74,.7);
}
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard .ntsx-relcard-link svg { width: 18px; height: 18px; padding: 0; background: none; color: #fff; }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard:hover .ntsx-relcard-link svg { background: none; transform: translateX(4px); }
html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard .ntsx-relcard-media .nts-project-logo { width: 44px; height: 44px; top: 14px; right: 14px; }
/* Thẻ "liên quan" bị chèn 2 huy hiệu logo (một do lọc ảnh đại diện) → ẩn bản lồng trong ảnh, giữ 1 huy hiệu */
html body .ntsx-relcard-media .nts-img-wrap .nts-project-logo { display: none; }
/* Trang Tin tức: thẻ bài nổi bật — tiêu đề đủ lớn cân với tiêu đề section, phần chữ canh giữa, nút rõ */
html body .ntsx-relcard.is-featured { overflow: hidden; }
html body .ntsx-relcard.is-featured .ntsx-relcard-media { min-height: clamp(260px, 26vw, 460px); height: 100%; aspect-ratio: auto; }
html body .ntsx-relcard.is-featured .ntsx-relcard-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html body .ntsx-relcard.is-featured .ntsx-relcard-body { padding: clamp(24px, 3vw, 52px); display: flex; flex-direction: column; justify-content: center; gap: 0; }
html body .ntsx-relcard.is-featured .ntsx-relcard-body h3 {
  font-size: clamp(24px, 1.5vw + 13px, 40px); line-height: 1.2; font-weight: 800; letter-spacing: -.015em; margin: 0 0 clamp(14px, 1.2vw, 22px); color: var(--x-ink);
}
html body .ntsx-relcard.is-featured .ntsx-relcard-body p { font-size: var(--nts-fs-small); line-height: 1.75; margin: 0 0 clamp(18px, 1.6vw, 28px); color: var(--x-muted); }
html body .ntsx-relcard.is-featured .ntsx-relcard-link {
  width: auto; margin-top: 0; border: 0; padding: 13px 24px; gap: 12px; border-radius: 999px; color: #fff; font-weight: 700; align-self: flex-start;
  background: linear-gradient(135deg, var(--x-accent), var(--x-accent-2)); box-shadow: 0 18px 34px -16px rgba(40,163,74,.7);
}
html body .ntsx-relcard.is-featured .ntsx-relcard-link svg { width: 18px; height: 18px; padding: 0; background: none; color: #fff; }
html body .ntsx-relcard.is-featured:hover .ntsx-relcard-link svg { background: none; transform: translateX(4px); }

/* Giá trị cốt lõi (trang Giới thiệu): tablet chia 3+2 cân đối, mobile xếp danh sách ngang (icon trái, chữ phải) thay vì 2 cột chật */
@media (max-width: 1024px) {
  html body .nts-vm-values-grid:has(> :nth-child(5):last-child) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  html body .nts-vm-values-grid:has(> :nth-child(5):last-child) > .nts-vm-value { grid-column: span 2; }
  html body .nts-vm-values-grid:has(> :nth-child(5):last-child) > .nts-vm-value:nth-child(n+4) { grid-column: span 3; }
}
@media (max-width: 599px) {
  html body .nts-vm-values { margin-top: 44px; }
  html body .nts-vm-values-heading { font-size: 22px; margin-bottom: 22px; }
  html body .nts-vm-values-grid,
  html body .nts-vm-values-grid:has(> :nth-child(5):last-child) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  html body .nts-vm-values-grid > .nts-vm-value,
  html body .nts-vm-values-grid:has(> :nth-child(5):last-child) > .nts-vm-value,
  html body .nts-vm-values-grid:has(> :nth-child(5):last-child) > .nts-vm-value:nth-child(n+4) {
    grid-column: auto; display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 16px; align-items: center;
    text-align: left; padding: 16px 18px; border-radius: 16px;
  }
  html body .nts-vm-value .nts-vm-value-icon { grid-row: 1 / span 2; width: 52px; height: 52px; margin: 0; }
  html body .nts-vm-value .nts-vm-value-title { font-size: 17px; line-height: 1.3; margin: 0 0 4px; align-self: end; }
  html body .nts-vm-value .nts-vm-value-desc { font-size: 15px; line-height: 1.55; align-self: start; }
}

/* Section "Số liệu nổi bật" (block counter): chữ co giãn theo màn hình, không còn nhỏ */
html body .nts-counter-section .nts-counter-subtitle { font-size: var(--nts-fs-body); line-height: 1.7; }
html body .nts-counter-section .counter-icon { width: clamp(64px, 4.6vw, 100px); height: clamp(64px, 4.6vw, 100px); font-size: clamp(26px, 1.8vw, 40px); border-radius: 26%; }
html body .nts-counter-section .counter-number { font-size: clamp(46px, 3.4vw + 14px, 92px); }
html body .nts-counter-section .counter-suffix { font-size: clamp(26px, 1.8vw + 8px, 52px); }
html body .nts-counter-section .counter-title { font-size: clamp(19px, .75vw + 13px, 30px); font-weight: 700; line-height: 1.3; }
html body .nts-counter-section .counter-desc { font-size: var(--nts-fs-small); line-height: 1.6; }
html body .nts-counter-section .nts-counter-item { padding: clamp(32px, 3vw, 60px) clamp(20px, 2vw, 40px); }
/* Slider nhiều thẻ (4+): thẻ gọn, tinh hơn — tiêu đề vừa cỡ, ảnh có lớp phủ, nhãn dạng viên sáng */
html body .ntsx-relslider .ntsx-relgrid:not(:has(> :nth-child(-n+3):last-child)) > .ntsx-relcard { border-radius: 22px; border: 1px solid rgba(27,50,93,.07); box-shadow: 0 14px 30px -22px rgba(27,50,93,.4); }
html body .ntsx-relslider .ntsx-relgrid:not(:has(> :nth-child(-n+3):last-child)) > .ntsx-relcard .ntsx-relcard-media { aspect-ratio: 16 / 10; }
html body .ntsx-relslider .ntsx-relgrid:not(:has(> :nth-child(-n+3):last-child)) > .ntsx-relcard .ntsx-relcard-media::after {
  content: ""; position: absolute; inset: auto 0 0 0; height: 55%; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(10,22,46,.55));
}
html body .ntsx-relslider .ntsx-relgrid:not(:has(> :nth-child(-n+3):last-child)) > .ntsx-relcard .ntsx-relcard-body { padding: 18px 20px 20px; }
html body .ntsx-relslider .ntsx-relgrid:not(:has(> :nth-child(-n+3):last-child)) > .ntsx-relcard .ntsx-relcard-body h3 {
  font-size: clamp(16px, .3vw + 11.5px, 19px); line-height: 1.4; font-weight: 700; margin-bottom: 14px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
html body .ntsx-relslider .ntsx-relgrid:not(:has(> :nth-child(-n+3):last-child)) > .ntsx-relcard .ntsx-relcard-body p { display: none; }
html body .ntsx-relslider .ntsx-relgrid:not(:has(> :nth-child(-n+3):last-child)) > .ntsx-relcard .ntsx-relcard-link { font-size: 14px; padding-top: 14px; }
html body .ntsx-relslider .ntsx-relgrid:not(:has(> :nth-child(-n+3):last-child)) > .ntsx-relcard .nts-project-logo { width: 42px; height: 42px; top: 12px; right: 12px; }
html body .ntsx-relcard-badge {
  background: rgba(255,255,255,.94); color: var(--x-ink); font-size: 12px; letter-spacing: .02em; padding: 6px 12px 6px 10px;
  box-shadow: 0 8px 18px -10px rgba(0,0,0,.45); backdrop-filter: blur(6px);
}
html body .ntsx-relcard-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--x-accent); flex: none; }
html body .ntsx-relcard-badge { top: auto; right: auto; left: 14px; bottom: 14px; z-index: 3; }
html body .ntsx-relgrid:has(> :nth-child(2):last-child) > .ntsx-relcard .ntsx-relcard-media,
html body .ntsx-relgrid:has(> :nth-child(3):last-child) > .ntsx-relcard .ntsx-relcard-media { aspect-ratio: 16 / 10; }
html body .ntsx-relcard { border-radius: 24px; transition: transform .4s var(--x-ease), box-shadow .4s var(--x-ease); display: flex; flex-direction: column; }
html body .ntsx-relcard:hover { transform: translateY(-8px); box-shadow: var(--x-shadow-lg); }
html body .ntsx-relcard-media { position: relative; overflow: hidden; }
html body .ntsx-relcard-media img { transition: transform .8s cubic-bezier(.16,1,.3,1); }
html body .ntsx-relcard:hover .ntsx-relcard-media img { transform: scale(1.06); }
html body .ntsx-relcard-body { flex: 1; display: flex; flex-direction: column; padding: clamp(20px, 1.8vw, 30px); }
html body .ntsx-relcard-body h3 { font-size: clamp(18px, .5vw + 12px, 24px); line-height: 1.3; margin-bottom: 10px; color: var(--x-ink); }
html body .ntsx-relcard-body p { font-size: var(--nts-card-text, 15px); }
html body .ntsx-relcard-link {
  margin-top: auto; padding-top: 16px; border-top: 1px solid var(--x-line); width: 100%; justify-content: space-between;
  font-size: var(--nts-card-cta, 15px); color: var(--x-accent-strong);
}
html body .ntsx-relcard-link svg { width: 34px; height: 34px; padding: 9px; border-radius: 50%; background: var(--x-accent-soft); color: var(--x-accent-strong); transition: background .3s var(--x-ease), color .3s var(--x-ease), transform .3s var(--x-ease); }
html body .ntsx-relcard:hover .ntsx-relcard-link svg { background: linear-gradient(135deg, var(--x-accent), var(--x-accent-2)); color: #fff; transform: translateX(3px); }

/* Slider "liên quan / nổi bật": vùng cuộn ngang tự cắt cả chiều dọc → thẻ nhấc lên và bóng đổ bị xén.
   Chừa đệm trong vùng cuộn rồi bù lại bằng margin âm để bố cục không đổi. */
html body .ntsx-relslider .ntsx-relgrid { padding: 28px 32px 90px; margin: -28px -32px -90px; scroll-padding-left: 32px; scroll-padding-right: 32px; }
@media (max-width: 900px) {
  html body .ntsx-relslider .ntsx-relgrid { padding: 24px 12px 70px; margin: -24px -12px -70px; scroll-padding-left: 12px; scroll-padding-right: 12px; }
}
html body .ntsx-relslider .ntsx-relgrid:has(> :nth-child(-n+3):last-child) { overflow: visible; }
@media (max-width: 899px) { html body .ntsx-relgrid:has(> :only-child) > .ntsx-relcard { display: block; } }

/* Mega menu: căn giữa theo khung header (cả màn hình), không theo mục menu chứa nó → không còn lệch/tràn trái ở màn hình nhỏ */
@media (min-width: 1300px) {
  html body .water-header .desktop-nav-menu > li.has-mega-menu { position: static; }
  html body .water-header .desktop-nav-menu > li.has-mega-menu > .mega-menu-panel {
    left: 50%;
    top: calc(100% + 6px);
    width: min(1560px, calc(100vw - 2 * var(--nts-gutter, 24px)));
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

/* Mega menu (desktop): cột "Về chúng tôi" thành thẻ nổi bật */
.water-header .offcanvas-menu-items .nts-mega-about-desc { display: none; }
@media (min-width: 1300px) {
  html body .water-header .nts-mega-about-col { display: flex; flex: 0 0 clamp(260px, 18vw, 340px); padding-right: 24px; }
  html body .water-header .desktop-nav-menu .nts-mega-about {
    position: relative; flex: 1; min-height: 100%; margin: 0; padding: 0; gap: 0; border: 0; overflow: hidden;
    border-radius: 18px; justify-content: flex-end; isolation: isolate;
    background: linear-gradient(155deg, #1B325D 0%, #223f78 55%, #1d7a34 130%);
    box-shadow: 0 22px 44px -22px rgba(27,50,93,.65);
    transition: transform .4s var(--x-ease, ease), box-shadow .4s var(--x-ease, ease);
  }
  html body .water-header .desktop-nav-menu .nts-mega-about:hover { transform: translateY(-3px); box-shadow: 0 30px 54px -22px rgba(27,50,93,.75); }
  html body .water-header .desktop-nav-menu .nts-mega-about-media {
    position: absolute; inset: 0; z-index: -2; width: auto; aspect-ratio: auto; margin: 0; border-radius: 0; background: none;
  }
  html body .water-header .desktop-nav-menu .nts-mega-about-media img { transition: transform .9s cubic-bezier(.16,1,.3,1); }
  html body .water-header .desktop-nav-menu .nts-mega-about:hover .nts-mega-about-media img { transform: scale(1.07); }
  html body .water-header .desktop-nav-menu .nts-mega-about-media-fallback { color: rgba(255,255,255,.18); }
  html body .water-header .desktop-nav-menu .nts-mega-about::before {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(180deg, rgba(14,28,56,.15) 0%, rgba(14,28,56,.55) 45%, rgba(10,22,46,.94) 100%);
  }
  html body .water-header .desktop-nav-menu .nts-mega-about-body { display: flex; flex-direction: column; gap: 10px; padding: clamp(20px, 1.6vw, 30px); }
  html body .water-header .desktop-nav-menu .nts-mega-eyebrow {
    align-self: flex-start; padding: 5px 12px; border-radius: 999px; color: #fff;
    background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(6px);
  }
  html body .water-header .desktop-nav-menu .nts-mega-about-title { color: #fff; font-size: clamp(24px, 1.2vw + 12px, 34px); line-height: 1.15; letter-spacing: -.01em; }
  html body .water-header .desktop-nav-menu .nts-mega-about-desc { color: rgba(255,255,255,.8); font-size: clamp(13.5px, .2vw + 9px, 16px); line-height: 1.55; }
  html body .water-header .desktop-nav-menu .nts-mega-about-cta {
    align-self: flex-start; margin-top: 6px; padding: 10px 18px; border-radius: 999px; background: #fff; color: #1B325D;
    box-shadow: 0 12px 24px -12px rgba(0,0,0,.5); transition: background .3s ease, color .3s ease, gap .3s ease;
  }
  html body .water-header .desktop-nav-menu .nts-mega-about:hover .nts-mega-about-cta { background: #28A34A; color: #fff; gap: 10px; }
}

/* =====================================================================
   Menu di động (offcanvas) + nút toggle — thiết kế lại gọn, sang, dễ bấm
   ===================================================================== */
html body .water-header .header-actions .menu-toggle-btn{
  width:46px;height:46px;padding:0;border-radius:14px;border:1px solid rgba(27,50,93,.14);background:#fff;
  box-shadow:0 8px 20px -12px rgba(19,36,69,.45);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
html body .water-header .header-actions .menu-toggle-btn:hover{border-color:rgba(40,163,74,.5);transform:translateY(-1px)}
html body .water-header .header-actions .menu-toggle-btn .water-droplet-icon{display:none}
html body .water-header .header-actions .menu-toggle-btn .menu-toggle-inner{width:20px;height:14px}
html body .water-header .header-actions .menu-toggle-btn .menu-toggle-inner .menu-line{height:2px;border-radius:2px;background:#1B325D;transition:transform .3s,opacity .2s,background .25s,width .25s}
html body .water-header .header-actions .menu-toggle-btn .menu-toggle-inner .menu-line-2{width:70%;margin-left:auto}
html body .water-header .header-actions .menu-toggle-btn:hover .menu-line{background:#1B325D}
html body .water-header .header-actions .menu-toggle-btn.active{background:#1B325D;border-color:#1B325D}
html body .water-header .header-actions .menu-toggle-btn.active .menu-line{background:#fff}
html body .water-header .header-actions .menu-toggle-btn.active .menu-line-1{transform:translateY(6px) rotate(45deg)}
html body .water-header .header-actions .menu-toggle-btn.active .menu-line-3{transform:translateY(-6px) rotate(-45deg)}

html body .water-header .offcanvas-menu{
  right:0;width:min(92vw,410px);transform:translateX(105%);visibility:hidden;
  background:linear-gradient(165deg,#1d3a6b 0%,#162b52 55%,#0f1f3d 100%);
  box-shadow:-30px 0 80px -20px rgba(0,0,0,.45);
  transition:transform .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .5s}
html body .water-header .offcanvas-menu.active{transform:none;visibility:visible;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility 0s}
html body .water-header .offcanvas-menu .offcanvas-header{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}
html body .water-header .offcanvas-menu .offcanvas-header .offcanvas-close{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
html body .water-header .offcanvas-menu .offcanvas-header .offcanvas-close:hover{background:rgba(255,255,255,.2)}
html body .water-header .offcanvas-menu .offcanvas-search{padding:16px 22px 6px}
html body .water-header .offcanvas-menu .offcanvas-content{padding:6px 22px 28px}
html body .water-header .offcanvas-menu .offcanvas-navigation{margin-bottom:26px}

html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items>li{border-bottom:1px solid rgba(255,255,255,.1)}
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items>li:last-child{border-bottom:0}
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items>li>a,
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items>li.has-mega-menu>a{
  display:block;width:100%;box-sizing:border-box;padding:17px 44px 17px 0;font-size:18px;font-weight:600;letter-spacing:-.005em;color:#fff;
  background:none;border-radius:0;box-shadow:none;gap:0}
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items>li>a:hover,
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items>li.has-mega-menu>a:hover{color:#7fe0a0;padding-left:0;padding-right:44px}
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items>li>a::before{display:none}
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items>li.current-menu-item>a{color:#7fe0a0}
html body .water-header .offcanvas-menu-items .menu-item-has-children .submenu-toggle{width:36px;height:36px;top:50%;height:36px;margin-top:-18px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:background .25s}
html body .water-header .offcanvas-menu-items .menu-item-has-children.submenu-open>.submenu-toggle{background:#28A34A}
html body .water-header .offcanvas-menu-items .menu-item-has-children{position:relative}
html body .water-header .offcanvas-menu-items .menu-item-has-children>a{margin-right:0}

html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items li .sub-menu{padding-left:0}
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items li .sub-menu li a{font-size:16px;font-weight:500;padding:11px 0 11px 14px;color:rgba(255,255,255,.88);border-left:2px solid rgba(255,255,255,.14)}
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items li .sub-menu li a:hover{color:#7fe0a0;border-left-color:#28A34A;padding-left:14px}
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items li .sub-menu li a::before{display:none}
html body .water-header .offcanvas-menu-items .menu-item-has-children.submenu-open>.sub-menu{margin:0 0 14px}

html body .water-header .offcanvas-menu .offcanvas-contact{padding:20px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
html body .water-header .offcanvas-menu .offcanvas-contact h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 14px;border:0;padding:0}
html body .water-header .offcanvas-menu .offcanvas-contact h3::after{display:none}
html body .water-header .offcanvas-menu .offcanvas-contact .contact-list li{font-size:15px;line-height:1.5}

html body .water-header .offcanvas-menu .offcanvas-header .site-branding a.custom-logo-link,html body .water-header .offcanvas-menu .offcanvas-header .site-branding a[rel=home]{display:inline-flex;align-items:center}
html body .water-header .offcanvas-menu .offcanvas-header .site-branding img.custom-logo{max-height:36px;width:auto}

/* ===== Menu di động: mục con (accordion mega-menu) gọn, thẳng hàng ===== */
html body .water-header .offcanvas-menu .offcanvas-menu-items li .mega-menu-panel.sub-menu{padding:0 0 10px;margin:0}
html body .water-header .offcanvas-menu-items .nts-mega-col.nts-acc{border-top:1px solid rgba(255,255,255,.09);padding:0;margin:0}
html body .water-header .offcanvas-menu-items .nts-mega-col.nts-acc>.nts-mega-col-head{padding:15px 8px 15px 16px}
html body .water-header .offcanvas-menu-items .nts-mega-col.nts-acc .nts-mega-col-title{font-size:16px;font-weight:600;color:rgba(255,255,255,.95);letter-spacing:0;text-transform:none}
html body .water-header .offcanvas-menu-items .nts-mega-col.nts-acc.is-open .nts-mega-col-title{color:#7fe0a0}
html body .water-header .offcanvas-menu-items .nts-mega-col.nts-acc>.nts-mega-col-head::after{border-color:rgba(255,255,255,.55)}
html body .water-header .offcanvas-menu-items .nts-mega-col.nts-acc.is-open>.nts-mega-col-head::after{border-color:#7fe0a0}
html body .water-header .offcanvas-menu-items .nts-mega-col.nts-acc.is-open .nts-mega-col-body-inner{padding-bottom:12px}
html body .water-header .offcanvas-menu-items .nts-mega-col-list{margin:0 0 4px 22px;padding:0;border-left:2px solid rgba(127,224,160,.3)}
html body .water-header .offcanvas-menu-items .nts-mega-col-list li{margin:0;border:0}
html body .water-header .offcanvas-menu-items .nts-mega-col-list li a,
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items li .nts-mega-col-list li a{
  display:block;padding:10px 0 10px 18px;margin:0;border:0;border-left:0;border-radius:0;background:none;font-size:15.5px;font-weight:500;color:rgba(255,255,255,.84)}
html body .water-header .offcanvas-menu-items .nts-mega-col-list li a:hover,
html body .water-header .offcanvas-menu .offcanvas-navigation .offcanvas-menu-items li .nts-mega-col-list li a:hover{color:#7fe0a0;border:0;padding-left:18px;background:none}
html body .water-header .offcanvas-menu-items .nts-mega-col-viewall{display:inline-flex;align-items:center;gap:6px;margin:6px 0 0 22px;padding:9px 18px;border-radius:999px;
  font-size:13.5px;font-weight:700;color:#7fe0a0;background:rgba(127,224,160,.1);border:1px solid rgba(127,224,160,.28)}
html body .water-header .offcanvas-menu-items .nts-mega-col-viewall:hover{background:rgba(127,224,160,.2)}
html body .water-header .offcanvas-menu-items .nts-mega-col-viewall{margin:8px 0 0 40px}

/* Mega menu: ô ảnh cột Thương hiệu = lưới 4 logo */
.water-header .nts-mega-col-media.is-brandlogos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:10px;background:linear-gradient(160deg,#eaf1fb,#f7f9fd)}
.water-header .nts-mega-col-media.is-brandlogos .nts-mega-brandlogo{display:grid;place-items:center;padding:8px 10px;border-radius:10px;background:#fff;box-shadow:0 6px 14px -10px rgba(19,36,69,.4)}
.water-header .nts-mega-col-media.is-brandlogos .nts-mega-brandlogo img{max-width:100%;max-height:100%;width:auto!important;height:auto!important;object-fit:contain}
html body .water-header .offcanvas-menu-items .nts-mega-col-media.is-brandlogos{display:none}
html body .water-header .offcanvas-menu-items .nts-mega-col-viewall{display:flex;width:fit-content;max-width:calc(100% - 40px);margin:8px 0 0 40px;padding:9px 18px}