/* ==========================================================================
   NMT – Gói G: thống nhất màu/nền theo góp ý (child theme oceanwp-child)
   Bảng màu: #0B2229 (nền tối) · #0F4C5C · #007A91 · vàng nhấn #FFC20B. Nền mạng lưới dạng vector (nmt-net-bg.svg) nên luôn nét.
   Gỡ nhanh: bỏ tệp này khỏi functions.php.
   ========================================================================== */

/* G1. Khối "Liên hệ" + chân trang + bản quyền: cùng một dải màu tối (trước: xanh-lá/xanh dương, xanh dầu, xanh navy) */
[data-id="bce8cea"] {
	background: url("nmt-net-bg.svg") center / cover no-repeat, linear-gradient(135deg, #0B2229 0%, #0F4C5C 52%, #007A91 100%) !important;
}
[data-id="bce8cea"]::before { display: none !important; }
[data-id="901bf89"] { background: #0B2229 !important; }
[data-id="c0043b6"] { background: #071A20 !important; border-top: 1px solid rgba(255, 255, 255, .08); }
[data-id="c0043b6"] * { color: #B7CBD1 !important; }
/* ô form trong khối liên hệ: kính mờ đồng bộ tông tối */
[data-id="cd7fa90"] { background: rgba(255, 255, 255, .07) !important; border: 1px solid rgba(255, 255, 255, .22) !important; }

/* G2. "Đối tác hàng đầu": tiêu đề và đoạn giới thiệu căn giữa như khối "Khách hàng tiêu biểu"; logo to hơn */
.elementor-12 [data-id="8aaf101"] { align-items: center !important; text-align: center; padding-right: 0 !important; }
.elementor-12 [data-id="8aaf101"] :is(.premium-title-wrapper, .premium-title-container, .premium-title-header, .premium-title-text) { text-align: center !important; justify-content: center !important; }
.elementor-12 [data-id="8aaf101"] .elementor-widget-text-editor { margin-left: auto; margin-right: auto; text-align: center; }
.elementor-12 [data-id="89fdfd9"] .elementor-image-box-img img { height: 84px !important; max-width: 78%; width: auto; }

/* G4. "Những con số ấn tượng": dải nền chạy từ mép trái tới ~92% bề ngang, đầu phải vát chéo và bo tròn nhẹ; nền vector nét (thay ảnh cũ bị vỡ) */
[data-id="0eccc9a"] { background: none !important; position: relative; overflow: hidden; padding-top: 24px !important; padding-bottom: 24px !important; }
[data-id="0eccc9a"]::before {
	content: ""; position: absolute; z-index: 0; top: 24px; bottom: 24px; left: -80px; right: 9%;
	background: url("nmt-net-bg.svg") center / cover no-repeat, linear-gradient(120deg, #0B2229 0%, #0F4C5C 55%, #007A91 100%);
	border-radius: 0 34px 34px 0; transform: skewX(14deg); transform-origin: center; box-shadow: 0 18px 40px rgba(11, 34, 41, .22);
}
[data-id="0eccc9a"] > .e-con-inner { position: relative; z-index: 1; background: none !important; padding: 56px 72px !important; }
@media (max-width: 767px) {
	[data-id="0eccc9a"]::before { left: 0; right: 12px; top: 12px; bottom: 12px; border-radius: 0 28px 28px 0; transform: none; }
	[data-id="0eccc9a"] > .e-con-inner { padding: 36px 24px !important; }
}

/* G6. Lưới logo khách hàng: logo to hơn (máy tính +34% so với trước gói G… tính theo ô; ô được nới rộng bằng cách thu khe giữa các ô 30 → 12px
   để không cắt chữ/logo). Riêng logo Tài Tâm rất rộng (76% bề ngang ảnh) phóng ít hơn để vẫn lọt trong ô. Chiều cao khối gần như giữ nguyên. */
.elementor-12 [data-id="69ab098"], .elementor-91 [data-id="fdef616"], .elementor-12 [data-id="69ab098"] .elementor-gallery__container, .elementor-91 [data-id="fdef616"] .elementor-gallery__container { --hgap: 12px !important; --vgap: 12px !important; column-gap: 12px !important; row-gap: 12px !important; }
.elementor-12 [data-id="69ab098"] .e-gallery-image, .elementor-91 [data-id="fdef616"] .e-gallery-image { background-size: 134% auto !important; }
.elementor-12 [data-id="69ab098"] .e-gallery-image[data-thumbnail*="/2_11zon"], .elementor-91 [data-id="fdef616"] .e-gallery-image[data-thumbnail*="/2_11zon"] { background-size: 120% auto !important; }
@media (max-width: 1024px) {
	.elementor-12 [data-id="69ab098"] .e-gallery-image, .elementor-91 [data-id="fdef616"] .e-gallery-image { background-size: 120% auto !important; }
	.elementor-12 [data-id="69ab098"] .e-gallery-image[data-thumbnail*="/2_11zon"], .elementor-91 [data-id="fdef616"] .e-gallery-image[data-thumbnail*="/2_11zon"] { background-size: 110% auto !important; }
}

/* G5. Banner các trang con: nền mới (cùng bảng màu), đường kẻ vàng, chữ mô tả dịu hơn */
:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"], [data-id="1e9266d"], [data-id="5015551"], [data-id="a5499cc"], [data-id="6f82020"]) {
	background: url("nmt-net-bg.svg") center / cover no-repeat, linear-gradient(135deg, #0B2229 0%, #0E3F4D 48%, #007A91 100%) !important;
}
:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"], [data-id="1e9266d"], [data-id="5015551"], [data-id="a5499cc"], [data-id="6f82020"])::before { display: none !important; }
:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) .elementor-widget-text-editor,
:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) .elementor-heading-title ~ * { color: #D3E7EC; }
:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) .elementor-divider-separator { border-top-color: #FFC20B !important; }
/* menu máy tính: mục đang xem/trỏ chuột màu vàng (đọc rõ trên nền tối; trước: xanh teal trên nền xanh navy). Menu điện thoại nền trắng nên không đổi. */
@media (min-width: 1025px) {
	#nmt-header li:not(.nmt-menu-cta).current-menu-item > a.premium-menu-link,
	#nmt-header li:not(.nmt-menu-cta).current-menu-ancestor > a.premium-menu-link,
	#nmt-header li:not(.nmt-menu-cta) > a.premium-menu-link:hover { color: #FFC20B !important; }
}

/* Điện thoại: chữ banner và tiêu đề "Những con số" gọn hơn */
@media (max-width: 767px) {
	:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) .elementor-widget-text-editor,
	:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) .elementor-heading-title ~ * { font-size: 15px !important; line-height: 1.6 !important; font-weight: 400 !important; }
	[data-id="16c4d1e"] .elementor-heading-title { font-size: 28px !important; line-height: 1.2 !important; }
}

/* Trang Liên hệ (#1370): tiêu đề "Liên hệ với chúng tôi" nằm trên nền TRẮNG nên dùng chữ tối (trước: trắng, không đọc được);
   khối chân trang/bản quyền riêng của trang này cùng tông với các trang khác */
.elementor-1370 [data-id="65f66b5"] :is(.premium-title-header, .premium-title-text, .premium-title-style9-letter) { color: #0B2229 !important; -webkit-text-fill-color: #0B2229 !important; }
.elementor-1370 [data-id="b89bd6c"] { background: #0B2229 !important; }
.elementor-1370 [data-id="467a63b"] { background: #071A20 !important; border-top: 1px solid rgba(255, 255, 255, .08); }
.elementor-1370 [data-id="467a63b"] * { color: #B7CBD1 !important; }

/* I1. Khối dịch vụ (Dịch vụ, Marketing): ảnh minh họa to bằng khung cột phải (cột chữ 48% / ảnh 52%, ảnh 4:3, đệm thẻ 16px) */
@media (min-width: 1025px) {
	:is(.elementor-96, .elementor-686) :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) > .e-con-inner > .e-con:has(.elementor-widget-text-editor) { flex: 0 0 48% !important; max-width: 48% !important; --width: 48%; }
	:is(.elementor-96, .elementor-686) :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) > .e-con-inner > .e-con:has(.elementor-widget-image) { flex: 0 0 52% !important; max-width: 52% !important; --width: 52%; padding: 16px !important; }
	:is(.elementor-96, .elementor-686) :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) .elementor-widget-image img { aspect-ratio: 4 / 3 !important; width: 100% !important; height: auto !important; object-fit: cover; border-radius: 16px; }
}

/* I2. Header khi cuộn: cùng tông nền tối với banner. CHỈ áp khi trang đã cuộn (lớp .scrolled do theme thêm sau ~100px);
   ở đầu trang header giữ nguyên trong suốt. Vẫn hơi trong suốt (86%) + làm mờ nền phía sau để không lộ chữ. */
@media (min-width: 1025px) {
	#nmt-header.scrolled { background-color: rgba(11, 34, 41, .86) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 6px 20px rgba(0, 0, 0, .18); }
}

/* H3. Khối "Liên hệ" (cột trái) và chân trang: sắp xếp lại chữ cho gọn, thẳng hàng, chuyên nghiệp.
   Dòng nhỏ viết hoa + gạch vàng → tiêu đề lớn 2 dòng → 2 khối thông tin (biểu tượng nhỏ, nhãn vàng, nội dung 16px) */
[data-id="242df29"] .premium-title-container { padding: 0 !important; margin: 0 !important; }
[data-id="242df29"] .premium-title-header { display: flex !important; align-items: center; gap: 12px; margin: 0 !important; justify-content: flex-start !important; }
[data-id="242df29"] .premium-title-header::before { content: ""; flex: 0 0 36px; height: 2px; background: #FFC20B; }
[data-id="242df29"] :is(.premium-title-header, .premium-title-text, .premium-title-style9-letter, .premium-title-style1-letter) {
	font-size: 14px !important; line-height: 1.4 !important; font-weight: 600 !important; letter-spacing: 2.5px; text-transform: uppercase;
	color: #FFC20B !important; -webkit-text-fill-color: #FFC20B !important;
}
[data-id="c800b61"] .elementor-heading-title { font-size: clamp(26px, 2.4vw, 36px) !important; line-height: 1.25 !important; font-weight: 700 !important; margin: 0 !important; }
[data-id="f558735"] { gap: 16px !important; }
:is([data-id="4d08dae"], [data-id="fc12bd7"]) .elementor-icon { width: 60px !important; height: 60px !important; padding: 0 !important; font-size: 26px !important; display: flex !important; align-items: center; justify-content: center; }
:is([data-id="4d08dae"], [data-id="fc12bd7"]) .elementor-icon :is(svg, i) { width: 24px; height: 24px; font-size: 24px; }
:is([data-id="4d08dae"], [data-id="fc12bd7"]) .elementor-icon-box-wrapper { align-items: flex-start !important; gap: 18px; }
:is([data-id="4d08dae"], [data-id="fc12bd7"]) .elementor-icon-box-icon { margin: 0 !important; }
:is([data-id="4d08dae"], [data-id="fc12bd7"]) .elementor-icon-box-title { font-size: 14px !important; line-height: 1.4 !important; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; color: #FFC20B !important; margin: 4px 0 6px !important; }
:is([data-id="4d08dae"], [data-id="fc12bd7"]) .elementor-icon-box-description { font-size: 16px !important; line-height: 1.65 !important; color: #E6F2F5 !important; }
:is([data-id="4d08dae"], [data-id="fc12bd7"]) .elementor-icon-box-description a { color: #fff; text-decoration-color: rgba(255, 255, 255, .5); text-underline-offset: 3px; }
:is([data-id="4d08dae"], [data-id="fc12bd7"]) .elementor-icon-box-description a:hover { color: #FFC20B; }

/* Chân trang: lưới 4 cột thẳng hàng; tiêu đề cột có gạch vàng; chữ 15px; mạng xã hội dạng nút tròn */
[data-id="901bf89"] > .e-con-inner > .e-con { padding: 0 !important; }
:is([data-id="0b43f36"], [data-id="4a5428f"], [data-id="d790585"]) :is(.premium-title-header, .premium-title-text) { font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: left !important; }
:is([data-id="0b43f36"], [data-id="4a5428f"], [data-id="d790585"]) .premium-title-container { padding: 0 !important; margin: 0 !important; }
:is([data-id="0b43f36"], [data-id="4a5428f"], [data-id="d790585"]) .premium-title-header { display: block !important; }
[data-id="4d08dae"] { padding-bottom: 0 !important; }
:is([data-id="e41502a"], [data-id="96a6c05"], [data-id="84af41b"]) { margin-top: 0 !important; }
:is([data-id="e41502a"], [data-id="96a6c05"], [data-id="84af41b"]) :is(p, ul, ol) { margin: 0 !important; }
/* liên kết có vùng bấm 44px (gói A) nên li cao 50px: kéo lên để dòng chữ thẳng hàng với các cột khác */
[data-id="e41502a"] ul { margin-top: -12px !important; }
[data-id="e41502a"] li { margin: 0 0 -10px !important; padding: 0 !important; }
[data-id="fc12bd7"] { margin-top: 14px !important; }
[data-id="e41502a"] li::marker { content: ""; }
:is([data-id="0b43f36"], [data-id="4a5428f"], [data-id="d790585"]) .premium-title-header::after { content: ""; display: block; width: 32px; height: 3px; border-radius: 2px; background: #FFC20B; margin-top: 10px; }
:is([data-id="e41502a"], [data-id="96a6c05"], [data-id="84af41b"]) :is(p, li, a, span, div) { font-size: 15px !important; line-height: 1.7 !important; color: #D3E7EC !important; }
[data-id="e41502a"] ul { list-style: none; margin: 0; padding: 0; }
[data-id="e41502a"] li { margin: 0 0 8px; }
[data-id="e41502a"] a, [data-id="96a6c05"] a { color: #fff !important; text-decoration-color: rgba(255, 255, 255, .45); text-underline-offset: 3px; }
[data-id="901bf89"] .elementor-widget-social-icons .elementor-social-icon { width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; background: transparent !important; display: inline-flex; align-items: center; justify-content: center; }
[data-id="901bf89"] .elementor-widget-social-icons .elementor-social-icon:hover { background: #FFC20B !important; border-color: #FFC20B; }
[data-id="901bf89"] .elementor-widget-social-icons .elementor-social-icon:hover :is(i, svg) { color: #0B2229 !important; fill: #0B2229 !important; }
@media (min-width: 1025px) {
	[data-id="901bf89"] > .e-con-inner { display: grid !important; grid-template-columns: 1.25fr 1.25fr 1fr .7fr; gap: 40px; align-items: start; }
	[data-id="901bf89"] > .e-con-inner > .e-con { width: auto !important; max-width: none !important; min-width: 0; }
	[data-id="901bf89"] > .e-con-inner > .e-con:has(.elementor-widget-image) { order: 4; opacity: .55; align-self: center; }
	[data-id="901bf89"] > .e-con-inner > .e-con:has(.elementor-widget-image) img { max-height: 150px; width: auto; max-width: 100%; margin-left: auto; display: block; }
}

/* K1. Trang Giới thiệu – khối 3 cột (Đội ngũ NMT / Đối tác & chứng nhận / Cam kết với khách hàng): tiêu đề luôn 1 dòng
   để 3 ảnh bắt đầu cùng một hàng (trước: "Cam kết với khách hàng" xuống 2 dòng làm ảnh thứ 3 lệch xuống) */
@media (min-width: 1025px) {
	.elementor-91 :is([data-id="1b54aaaa"], [data-id="448cbb5a"], [data-id="59b4ddf5"]) .elementor-heading-title {
		font-size: clamp(22px, 1.9vw, 28px) !important; line-height: 1.3 !important; white-space: nowrap; margin: 0 0 8px !important;
	}
	.elementor-91 :is([data-id="1b54aaaa"], [data-id="448cbb5a"], [data-id="59b4ddf5"]) { min-height: 48px; display: flex; align-items: flex-end; }
	.elementor-91 [data-id="2329de51"] { align-items: flex-start !important; }
}

/* ==========================================================================
   R. Rà soát responsive (máy tính bảng 768–1024px và điện thoại)
   ========================================================================== */

/* R1. Menu máy tính bảng (Premium Nav): nút ≡ trước màu xám #494C4F trên nền tối nên không thấy; danh sách menu bị JS đặt ở cuối khối tiêu đề
   (cách đầu trang cả nghìn px, nằm ngoài màn hình) → cố định ngay dưới header, nền tối, chữ trắng, dòng cao ≥46px */
@media (max-width: 1024px) {
	#nmt-header :is(.premium-hamburger-toggle, .premium-toggle-text, .premium-toggle-text *, .premium-toggle-close, .premium-toggle-close *) { color: #fff !important; }
	#nmt-header .premium-hamburger-toggle { display: flex; justify-content: flex-end; align-items: center; min-height: 44px; }
	#nmt-header .premium-toggle-text { padding: 6px 10px; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; font-size: 26px; }
	#nmt-header .premium-mobile-menu-container {
		position: fixed !important; top: 58px !important; left: 0 !important; right: 0 !important; width: 100% !important;
		max-height: calc(100vh - 58px); overflow-y: auto; background: #0B2229 !important; z-index: 99999 !important;
		box-shadow: 0 12px 24px rgba(0, 0, 0, .35);
	}
	#nmt-header .premium-mobile-menu-container a.premium-menu-link { min-height: 48px; padding: 0 24px !important; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, .1); }
	#nmt-header .premium-mobile-menu-container li.current-menu-item > a.premium-menu-link { color: #FFC20B !important; }
	body.admin-bar #nmt-header .premium-mobile-menu-container { top: 90px !important; }
}

/* R2. Chữ mô tả trong banner trang con quá to trên máy tính bảng (Tin tức ~38px) */
@media (min-width: 768px) and (max-width: 1024px) {
	:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) .elementor-widget-text-editor,
	:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) .elementor-heading-title ~ * { font-size: 17px !important; line-height: 1.6 !important; font-weight: 400 !important; }
	:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) > .e-con:last-child > .e-con-inner > .elementor-widget:first-child .elementor-heading-title { font-size: 36px !important; line-height: 1.2 !important; }
}

/* mô tả banner là widget tiêu đề thứ 2 (Tin tức…): thu nhỏ trên máy tính bảng và điện thoại */
@media (max-width: 1024px) {
	:is([data-id="6422d77"], [data-id="4b394d7"], [data-id="3ec28e5"], [data-id="656f0bc"], [data-id="f5aa881"], [data-id="62c1bb3"], [data-id="2a04dd0"]) > .e-con:last-child > .e-con-inner > .elementor-widget:not(:first-child) .elementor-heading-title {
		font-size: clamp(15px, 2.3vw, 17px) !important; line-height: 1.6 !important; font-weight: 400 !important;
	}
}

/* R3. Khối dịch vụ (Dịch vụ, Marketing) trên máy tính bảng: xếp chữ trên – ảnh dưới, rộng hết khổ (trước: 2 cột hẹp, ảnh bị đẩy xuống đáy) */
@media (max-width: 1024px) {
	:is(.elementor-96, .elementor-686) :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) > .e-con-inner { flex-direction: column !important; gap: 12px; }
	:is(.elementor-96, .elementor-686) :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) > .e-con-inner > .e-con { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	:is(.elementor-96, .elementor-686) :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) > .e-con-inner > .e-con:has(.elementor-widget-image) { align-self: center; max-width: 640px !important; }
	:is(.elementor-96, .elementor-686) :is([data-id="66f82f7"], [data-id="861acc6"], [data-id="10916d9"], [data-id="d385def"], [data-id="d27153c"], [data-id="bb0460f"], [data-id="7e06d0f"], [data-id="eda2bd3"]) .elementor-widget-image img { aspect-ratio: 4 / 3; width: 100%; height: auto; object-fit: cover; border-radius: 16px; }
}

/* R4. "Đối tác hàng đầu" trên máy tính bảng: tiêu đề phía trên, 6 thẻ 2 cột (768–899px) hoặc 3 cột (900–1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-12 [data-id="15a167a"] > .e-con-inner { flex-direction: column; gap: 20px; }
	.elementor-12 :is([data-id="8aaf101"], [data-id="25782f1"]) { width: 100% !important; max-width: 100% !important; padding-right: 0 !important; }
	.elementor-12 [data-id="89fdfd9"] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
	.elementor-12 [data-id="89fdfd9"] > .elementor-widget { width: auto !important; max-width: none !important; margin: 0 !important; }
	.elementor-12 [data-id="89fdfd9"] .elementor-image-box-description { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px !important; line-height: 1.6 !important; }
	.elementor-12 [data-id="89fdfd9"] .elementor-image-box-title { font-size: 22px !important; }
}
@media (min-width: 900px) and (max-width: 1024px) { .elementor-12 [data-id="89fdfd9"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* R5. "Những con số ấn tượng" ≤1024px: thẻ bo góc (không vát chéo vì chữ bị cắt), 4 số xếp 2 × 2 */
@media (max-width: 1024px) {
	[data-id="0eccc9a"]::before { left: 12px; right: 12px; transform: none; border-radius: 28px; }
	[data-id="0eccc9a"] > .e-con-inner { padding: 40px 28px !important; }
	[data-id="16c4d1e"] .elementor-heading-title { font-size: clamp(26px, 4.4vw, 36px) !important; line-height: 1.2 !important; }
}
@media (min-width: 480px) and (max-width: 1024px) {
	[data-id="8c06f4b"] { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 20px; padding-top: 24px !important; }
	[data-id="8c06f4b"] > .elementor-widget { width: auto !important; max-width: none !important; }
	[data-id="8c06f4b"] .elementor-counter-number-wrapper { font-size: 40px !important; }
}

/* R6. Khối Liên hệ ≤1024px: thông tin phía trên, form phía dưới rộng hết khổ; ô form 1 cột khi màn < 600px; chân trang 2 cột */
@media (max-width: 1024px) {
	[data-id="bce8cea"] > .e-con-inner { flex-direction: column !important; gap: 28px; }
	[data-id="bce8cea"] > .e-con-inner > .e-con { width: 100% !important; max-width: 100% !important; }
	[data-id="cd7fa90"] .elementor-widget-form { width: 100% !important; }
	[data-id="901bf89"] > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
	[data-id="901bf89"] > .e-con-inner > .e-con { width: auto !important; max-width: none !important; }
}
@media (max-width: 1024px) {
	[data-id="bce8cea"] > .e-con-inner, [data-id="901bf89"] > .e-con-inner { padding-left: 24px !important; padding-right: 24px !important; }
	[data-id="901bf89"] > .e-con-inner > .e-con:has(.elementor-widget-image) { display: none; }
}
@media (max-width: 1024px) {
	[data-id="bce8cea"], [data-id="901bf89"] { padding-left: 0 !important; padding-right: 0 !important; }
	[data-id="09423e1"] { width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 420px) {
	[data-id="bce8cea"] > .e-con-inner, [data-id="901bf89"] > .e-con-inner { padding-left: 16px !important; padding-right: 16px !important; }
	[data-id="09423e1"] .elementor-g-recaptcha { transform: scale(.82); transform-origin: 0 0; }
	[data-id="09423e1"] .elementor-field-type-recaptcha_v3 { height: 62px; }
}
@media (max-width: 599px) {
	[data-id="cd7fa90"] .elementor-form .elementor-field-group { width: 100% !important; flex-basis: 100% !important; }
	[data-id="901bf89"] > .e-con-inner { grid-template-columns: 1fr; }
	[data-id="901bf89"] > .e-con-inner > .e-con:has(.elementor-widget-image) { display: none; }
}

/* R7. Trang Sản phẩm 768–1024px: lưới 3 cột có lề (trước: sát mép trái, ảnh bị cắt) */
@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-97 ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px !important; margin: 0 !important; padding: 0 20px !important; width: 100% !important; box-sizing: border-box; }
	.elementor-97 ul.products > li.product { float: none !important; width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; min-width: 0; }
	.elementor-97 ul.products > li.product img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }
}

/* R8. Bảng thông số kỹ thuật sản phẩm: trước bị cắt mất chữ bên phải trên điện thoại/máy tính bảng → xếp dọc từng dòng (≤900px) */
@media (max-width: 900px) {
	table[class*="thong-so-ky-thuat"], table[class*="thong-so-ky-thuat"] :is(tbody, thead, tr, th, td) { display: block; width: 100% !important; max-width: 100%; box-sizing: border-box; }
	table[class*="thong-so-ky-thuat"] tr:first-child { display: none; }
	table[class*="thong-so-ky-thuat"] tr { padding: 12px 0; border-bottom: 1px solid #DCE6EA; }
	table[class*="thong-so-ky-thuat"] :is(th, td) { padding: 2px 0 !important; border: 0 !important; word-break: break-word; overflow-wrap: anywhere; }
	table[class*="thong-so-ky-thuat"] td:first-child { font-weight: 700; color: #0B2229; }
	table[class*="thong-so-ky-thuat"] td ul { margin: 4px 0 0; padding-left: 18px; }
}

/* R9. Vùng bấm ≥44px: nút Trước/Sau của bài viết, thẻ danh mục bài tuyển dụng, nút phóng to ảnh sản phẩm, liên kết trong bảng thông số */
.elementor-post-navigation__link a { display: flex; align-items: center; min-height: 44px; }
.elementor-repeater-item-28039bb, .premium-blog-post-categories a, .premium-blog-cat-container a { min-height: 44px; display: inline-flex; align-items: center; }
.woocommerce-product-gallery__trigger { width: 44px !important; height: 44px !important; }
table[class*="thong-so-ky-thuat"] a { display: inline-block; padding: 12px 0; }

/* A1. Bấm thẻ dịch vụ/danh mục (liên kết neo #hatang, #maychu…): Elementor tự cuộn tới đúng đỉnh điểm neo nên header cố định (cao 112px) che mất
   tiêu đề và đầu ảnh của khối bên dưới. `scroll-margin` không có tác dụng với cách cuộn của Elementor → dời điểm neo lên trên bằng `position: relative; top`
   (không đổi bố cục): máy tính 170px, máy tính bảng/điện thoại 90px (header 58px). */
.elementor-widget-menu-anchor .elementor-menu-anchor { position: relative; top: -170px; scroll-margin-top: 0 !important; }
@media (max-width: 1024px) { .elementor-widget-menu-anchor .elementor-menu-anchor { top: -90px; } }

/* L1. Banner trang con: mô tả căn GIỮA đúng trục với tiêu đề (trước: khung mô tả 1000px nằm lệch trái khung 1280px nên chữ lệch ~130px
   so với tiêu đề), rộng tối đa 900px, tự cân dòng (text-wrap: balance), cỡ chữ/giãn dòng thống nhất. */
:is([data-id="d1de675"], [data-id="6f31a78"], [data-id="9510755"], [data-id="76d98ad"]) {
	width: 100% !important; max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; align-self: center !important;
}
[data-id="57beeb8"] { align-items: center !important; justify-content: center !important; }
:is([data-id="d1de675"], [data-id="6f31a78"], [data-id="9510755"], [data-id="76d98ad"]) :is(.elementor-heading-title, .elementor-widget-container, p) {
	text-align: center !important; text-wrap: balance; margin-left: auto; margin-right: auto;
}
:is([data-id="d1de675"], [data-id="6f31a78"], [data-id="9510755"], [data-id="76d98ad"]) p { margin-bottom: 0; }
:is([data-id="d1de675"], [data-id="d1de675"] .elementor-heading-title, [data-id="9510755"] span) br { display: none; }

/* L2. Trang Sản phẩm (#97): bớt khoảng trắng thừa. Trước: dưới ô tìm kiếm trống ~80px, mỗi nhóm (SERVER/NETWORK/STORAGE) cách nhóm sau ~130px,
   ảnh sản phẩm khung cao 232px, thẻ giá đệm 14px. Sau: gọn ~45% khoảng trống, chữ/ảnh giữ nguyên. */
.elementor-97 [data-id="5663369"] > .e-con-inner { padding-top: 32px !important; }
.elementor-97 [data-id="e70b330"] > .e-con-inner { padding-top: 12px !important; padding-bottom: 16px !important; }
.elementor-97 .e-con:has(> .e-con-inner > .elementor-widget-menu-anchor) { padding-bottom: 8px !important; }
.elementor-97 .e-con:has(> .e-con-inner > .elementor-widget-menu-anchor) > .e-con-inner { padding-bottom: 12px !important; row-gap: 12px !important; }
.elementor-97 .premium-woo-products-grid ul.products li { margin-bottom: 16px !important; }
.elementor-97 .premium-woo-product-thumbnail, .elementor-97 .premium-woo-product-thumbnail a, .elementor-97 .premium-woo-product-thumbnail img { height: 190px !important; }
.elementor-97 .premium-woo-product-thumbnail img { object-fit: contain; }
.elementor-97 .premium-woo-products-details-wrap { padding-top: 8px !important; padding-bottom: 6px !important; }

/* M1. Nút bấm nhanh trang Dịch vụ (#96) và Thiết bị (#97) – phương án B: thẻ kính mờ nằm trong banner, biểu tượng vàng thương hiệu.
   Dữ liệu: widget "Hộp biểu tượng" (icon-box) đã chuyển vào khối banner (gM.php). Cả thẻ bấm được (vùng bấm ≥44px). */
.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"] {
	display: grid !important; gap: 14px !important; width: 100%; max-width: 1280px; margin: 18px auto 34px !important; padding: 0 !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-auto-rows: auto !important; overflow: visible !important;
}
.elementor-97 [data-id="979168c"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; max-width: 760px; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) > .elementor-widget { width: auto !important; margin: 0 !important; max-width: none !important; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-wrapper {
	position: relative; display: flex; flex-direction: row; align-items: center !important; gap: 12px; text-align: left; height: 100%;
	padding: 13px 14px; min-height: 64px; border-radius: 14px; background: rgba(255, 255, 255, .10); border: 1px solid rgba(255, 255, 255, .24);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: none; transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-wrapper:hover { background: rgba(255, 255, 255, .18); border-color: #FFC20B; transform: translateY(-2px); }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-icon { flex: none; margin: 0 !important; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-icon .elementor-icon {
	width: 38px; height: 38px; border-radius: 10px; background: #FFC20B !important; color: #0B2229 !important; font-size: 19px; display: flex; align-items: center; justify-content: center;
}
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-icon .elementor-icon i { color: #0B2229 !important; font-size: 19px; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-icon .elementor-icon svg { fill: #0B2229; width: 19px; height: 19px; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-content { align-self: center !important; flex: 1 1 auto; min-width: 0; margin: 0 !important; padding: 0 !important; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-description { display: none !important; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-title { margin: 0 !important; font-size: 15px !important; line-height: 1.35 !important; font-weight: 500 !important; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-title a, :is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-title span { color: #fff !important; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-title a::after { content: ""; position: absolute; inset: 0; border-radius: 14px; }
:is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-icon a:focus-visible, :is(.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"]) .elementor-icon-box-title a:focus-visible { outline: 2px solid #FFC20B; outline-offset: 3px; }
.elementor-97 [data-id="e70b330"] > .e-con-inner { padding-top: 28px !important; }
@media (max-width: 899px) {
	.elementor-96 [data-id="29a773e"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; max-width: 640px; }
}
@media (max-width: 767px) {
	.elementor-96 [data-id="29a773e"], .elementor-97 [data-id="979168c"] { gap: 10px !important; margin: 14px auto 22px !important; padding: 0 12px !important; width: auto; }
	.elementor-96 [data-id="29a773e"] .elementor-icon-box-wrapper { padding: 10px 11px; gap: 9px; min-height: 58px; }
	.elementor-96 [data-id="29a773e"] .elementor-icon-box-title { font-size: 13px !important; }
	.elementor-96 [data-id="29a773e"] .elementor-icon-box-icon .elementor-icon { width: 34px; height: 34px; }
	.elementor-97 [data-id="979168c"] { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; overflow: visible !important; flex-wrap: nowrap; }
	.elementor-97 [data-id="979168c"] .elementor-icon-box-wrapper { flex-direction: column; text-align: center; gap: 6px; padding: 12px 6px; min-height: 0; }
	.elementor-97 [data-id="979168c"] .elementor-icon-box-title { font-size: 13px !important; text-align: center; white-space: normal; }
	.elementor-97 [data-id="979168c"] .elementor-icon-box-title a { padding: 0; min-height: 0; display: inline; border: 0; background: none; }
}
