/* QMT – nền tảng chung: biến màu, chữ, khung, nút, phần đầu trang con, breadcrumb, phân trang, form. */
:root {
	--qmt-accent: #0c47a0;
	--qmt-accent-dark: #093a7f;
	--qmt-red: #d23437; /* đỏ phụ: giá, nút gọi */
	--qmt-blue: #0c47a0;
	--qmt-title: #0c47a0; /* màu xanh trên logo – dùng cho tiêu đề */
	--qmt-navy: #0e1a35;
	--qmt-ink: #141414;
	--qmt-text: #2b2b2b;
	--qmt-muted: #6b6f76;
	--qmt-line: #e4e6ea;
	--qmt-bg: #f3f4f6;
	--qmt-wrap: 1348px; /* khung chung cho header, nội dung, footer: nội dung rộng 1300px + lề 2×24px */
	--qmt-gutter: 24px;
	--qmt-radius: 5px; /* bo góc chung cho thẻ, khung, nút, ô nhập */
	/* Lề trái/phải để nội dung của khối tràn màn hình (header, footer) thẳng hàng với .qmt-wrap */
	--qmt-edge: max(var(--qmt-gutter), calc(50% - var(--qmt-wrap) / 2 + var(--qmt-gutter)));
	--qmt-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--qmt-font-head: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
	--qmt-w-body: 400;
	--qmt-head-scale: 1; /* tăng >1 nếu dùng font tiêu đề dạng hẹp (Barlow Condensed…) */
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0; background: #fff; color: var(--qmt-text);
	font-family: var(--qmt-font); font-size: 16px; font-weight: var(--qmt-w-body); line-height: 1.65;
	-webkit-font-smoothing: antialiased; overflow-x: hidden;
}
img, video { max-width: 100%; height: auto; }
a { color: var(--qmt-blue); text-decoration: none; transition: color .2s, background-color .2s, border-color .2s; }
a:hover { color: var(--qmt-accent); }
h1, h2, h3, h4, h5, h6 { font-family: var(--qmt-font-head); color: var(--qmt-ink); font-weight: 600; line-height: 1.3; margin: 0 0 .6em; }
p { margin: 0 0 1em; }
b, strong { font-weight: 600; }
button, input, select, textarea { font-family: inherit; font-size: 100%; }
:focus-visible { outline: 2px solid var(--qmt-accent); outline-offset: 2px; }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
	clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.qmt-skip:focus { position: fixed !important; top: 8px; left: 8px; z-index: 100001; width: auto; height: auto; clip: auto; padding: 10px 16px; background: #fff; color: var(--qmt-ink); }

.qmt-wrap { width: 100%; max-width: var(--qmt-wrap); margin: 0 auto; padding: 0 var(--qmt-gutter); }
.qmt-section { padding: 80px 0; }
.qmt-main { display: block; }

/* Nút: chữ nhật, IN HOA, kèm ô vuông nhỏ */
.qmt-sq { display: inline-block; width: 16px; height: 16px; background: currentColor; flex: none; transition: transform .3s; }
.qmt-btn, .button, button.button, input[type="submit"], .wpcf7-submit {
	display: inline-flex; align-items: center; justify-content: center; gap: 12px;
	min-height: 50px; padding: 0 30px; border: 1px solid transparent; border-radius: var(--qmt-radius); cursor: pointer;
	background: var(--qmt-accent); color: #fff;
	font-family: var(--qmt-font); font-size: 14px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2;
	text-decoration: none; white-space: nowrap; transition: background .2s, color .2s, border-color .2s;
}
.qmt-btn:hover, .button:hover, button.button:hover, input[type="submit"]:hover, .wpcf7-submit:hover { background: var(--qmt-accent-dark); color: #fff; }
.qmt-btn:hover .qmt-sq { transform: translateX(4px); }
.qmt-btn .qmt-sq { background: currentColor; }
.qmt-btn--accent .qmt-sq { background: #fff; }
.qmt-btn--line { background: transparent; border-color: var(--qmt-accent); color: var(--qmt-accent); }
.qmt-btn--line:hover { background: var(--qmt-accent); color: #fff; }
.qmt-btn--white { background: #fff; color: var(--qmt-ink); }
.qmt-btn--white .qmt-sq { background: var(--qmt-accent); }
.qmt-btn--white:hover { background: var(--qmt-ink); color: #fff; }
.qmt-btn--ghost { background: transparent; border-color: rgba(255, 255, 255, .6); color: #fff; }
.qmt-btn--ghost:hover { background: #fff; color: var(--qmt-ink); }
.qmt-btn--dark { background: var(--qmt-ink); color: #fff; }
.qmt-btn--dark:hover { background: var(--qmt-accent); }
.qmt-more { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; color: var(--qmt-ink); }
.qmt-more span { transition: transform .25s; }
.qmt-more:hover { color: var(--qmt-accent); }
.qmt-more:hover span { transform: translateX(4px); }

/* Tiêu đề khối */
.qmt-title { font-size: clamp(24px, 2.8vw, 34px); font-weight: 600; text-transform: uppercase; color: var(--qmt-ink); line-height: 1.2; margin: 0 0 32px; }
.qmt-kicker { display: inline-flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--qmt-ink); margin-bottom: 12px; }
.qmt-kicker::before { content: ""; width: 11px; height: 11px; border-radius: 50%; background: var(--qmt-accent); }

/* Phần đầu trang con */
.qmt-hero { position: relative; overflow: hidden; background: var(--qmt-navy); color: #fff; isolation: isolate; }
.qmt-hero__bg { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center; }
.qmt-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(100deg, rgba(10, 16, 32, .92) 0%, rgba(10, 16, 32, .78) 50%, rgba(10, 16, 32, .5) 100%); }
.qmt-hero__inner { padding-top: 56px; padding-bottom: 60px; }
.qmt-hero__kicker { display: block; margin-top: 26px; padding-left: 14px; border-left: 3px solid var(--qmt-accent); font-size: 14px; color: rgba(255, 255, 255, .8); }
.qmt-hero__title { margin: 14px 0 0; font-size: clamp(28px, 4vw, 48px); font-weight: 700; line-height: 1.15; text-transform: uppercase; color: #fff; max-width: 980px; }
.qmt-hero__sub { margin-top: 16px; max-width: 760px; font-size: 16px; color: rgba(255, 255, 255, .82); }
.qmt-hero__sub p:last-child { margin-bottom: 0; }

/* Breadcrumb */
.qmt-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 14px; color: rgba(255, 255, 255, .7); }
.qmt-crumbs a { color: rgba(255, 255, 255, .85); }
.qmt-crumbs a:hover { color: #fff; }
.qmt-crumbs [aria-current="page"], .qmt-crumbs > :last-child { color: #fff; }
.qmt-crumbs__sep { color: var(--qmt-accent); }

/* Phân trang */
.qmt-pagination, .woocommerce nav.woocommerce-pagination { margin-top: 48px; }
.qmt-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.qmt-pagination .page-numbers {
	display: grid; place-items: center; min-width: 46px; height: 46px; padding: 0 10px; border: 1px solid var(--qmt-line);
	color: var(--qmt-ink); font-weight: 500;
}
.qmt-pagination .page-numbers:hover { border-color: var(--qmt-ink); color: var(--qmt-ink); }
.qmt-pagination .page-numbers.current { background: var(--qmt-accent); border-color: var(--qmt-accent); color: #fff; }
.qmt-pagination .page-numbers.dots { border: 0; }

/* Khối kêu gọi báo giá */
.qmt-cta-band { background: var(--qmt-accent); color: #fff; padding: 56px 0; position: relative; overflow: hidden; }
.qmt-cta-band::before { content: ""; position: absolute; right: -120px; top: -140px; width: 420px; height: 420px; border-radius: 50%; border: 60px solid rgba(255, 255, 255, .07); }
.qmt-cta-band__inner { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 48px; }
.qmt-cta-band h2 { color: #fff; font-size: clamp(22px, 2.6vw, 30px); text-transform: uppercase; margin: 0 0 8px; }
.qmt-cta-band p { margin: 0; max-width: 680px; color: rgba(255, 255, 255, .9); }
.qmt-cta-band__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* Form chung (Contact Form 7, WooCommerce, tìm kiếm) */
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"],
input[type="search"], input[type="date"], select, textarea {
	width: 100%; min-height: 48px; padding: 10px 16px; border: 1px solid #d5d8de; border-radius: var(--qmt-radius); background: #fff;
	color: var(--qmt-ink); font-weight: var(--qmt-w-body); line-height: 1.5; transition: border-color .2s, box-shadow .2s; -webkit-appearance: none; appearance: none;
}
select { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat; padding-right: 40px; }
textarea { min-height: 140px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--qmt-ink); box-shadow: 0 0 0 3px rgba(12, 71, 160, .15); }
label { font-weight: 500; color: var(--qmt-ink); }
::placeholder { color: #9ba0a8; }

/* Contact Form 7 */
.wpcf7 form p { margin: 0 0 16px; }
.wpcf7 form label { display: block; font-size: 14px; }
.wpcf7-form-control-wrap { display: block; margin-top: 6px; }
.wpcf7-not-valid-tip { font-size: 13px; color: var(--qmt-accent); margin-top: 4px; }
.wpcf7 form .wpcf7-response-output { margin: 16px 0 0; padding: 12px 16px; border-width: 1px; font-size: 14px; }
.wpcf7-spinner { margin: 0 0 0 12px; }

/* Căn ảnh của WordPress */
.alignleft { float: left; margin: 6px 24px 16px 0; }
.alignright { float: right; margin: 6px 0 16px 24px; }
.aligncenter { display: block; margin: 0 auto 1.4em; }
.wp-caption { max-width: 100%; }
.wp-caption-text, figcaption { font-size: 14px; color: var(--qmt-muted); text-align: center; margin-top: 8px; }

@media (max-width: 900px) {
	.qmt-section { padding: 60px 0; }
	.qmt-hero__inner { padding-top: 44px; padding-bottom: 44px; }
}
@media (max-width: 600px) {
	:root { --qmt-gutter: 16px; }
	.alignleft, .alignright { float: none; margin: 0 auto 1.2em; display: block; }
	.qmt-cta-band__actions, .qmt-cta-band__actions .qmt-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* Font tiêu đề (đậm, hẹp) cho tiêu đề, số lớn, nhãn IN HOA. Chọn font: Tùy biến → Font chữ. */
.qmt-title, .qmt-hero__title, .qmt-cta-band h2, .qmt-404__code, .qmt-card-post__num, .qmt-ft__title,
.qmt-btn, .button, .wpcf7-submit, .qmt-hd__cta, .qmt-ft__btn,
.qmh-title, .qmh-hero__title, .qmh-hero__dot-num, .qmh-years__num, .qmh-years__unit, .qmh-stat__num strong,
.qmh-steps span, .qmh-info__count, .qmh-project__num, .qmh-line__name, .qmh-card__cta-title,
.qmh-news__promo-title, .qmh-news__promo-phone, .qmh-cta__phone, .qmh-btn, .qmh-dot-kicker,
.qmt-quote-card h2, .qmt-quote-card__phone, .qmt-widget__title, .qmt-kicker,
.woocommerce div.product .product_title, .woocommerce div.product p.price, .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	font-family: var(--qmt-font-head);
}
.qmt-btn, .button, .wpcf7-submit, .qmh-btn { letter-spacing: .06em; }
/* Nhãn nhỏ dùng font tiêu đề: phóng theo --qmt-head-scale (font hẹp cần to hơn một chút). */
.qmt-btn, .button, .wpcf7-submit, .qmh-btn, .qmh .qmh-btn, .woocommerce a.button, .woocommerce button.button { font-size: calc(14px * var(--qmt-head-scale)); }
.qmt-hd__cta { font-size: calc(17px * var(--qmt-head-scale)) !important; }
.qmh-line__name { font-size: calc(15px * var(--qmt-head-scale)); }
.qmh-dot-kicker { font-size: calc(14px * var(--qmt-head-scale)); }
.qmt-kicker { font-size: calc(13px * var(--qmt-head-scale)); }
.qmt-widget__title { font-size: calc(14px * var(--qmt-head-scale)); }
.qmh-hero__dot-num { font-size: calc(13px * var(--qmt-head-scale)); }
.qmh-info__count small { font-family: var(--qmt-font); }

/* ---------- Nút liên hệ nổi (góc phải) ---------- */
.qmt-float { position: fixed; right: 20px; bottom: 24px; z-index: 9980; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.qmt-float__btn {
	position: relative; display: flex; align-items: center; justify-content: flex-end; height: 54px; padding: 0; border: 0; border-radius: 999px;
	background: none; color: #fff; text-decoration: none; cursor: pointer; font-family: var(--qmt-font);
}
.qmt-float__btn[hidden] { display: none; }
.qmt-float__icon {
	position: relative; z-index: 2; display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; flex: none;
	border: 0; box-shadow: 0 6px 18px rgba(10, 20, 40, .22); transition: transform .25s, box-shadow .25s;
}
.qmt-float__icon svg { width: 26px; height: 26px; }
.qmt-float__btn:hover, .qmt-float__btn:focus { color: #fff; }
.qmt-float__btn:hover .qmt-float__icon { transform: scale(1.08); }
/* Nhãn trượt ra bên trái khi rê chuột */
.qmt-float__label {
	position: absolute; right: 27px; z-index: 1; display: flex; flex-direction: column; justify-content: center;
	height: 46px; padding: 0 40px 0 20px; border-radius: 999px 0 0 999px; white-space: nowrap;
	font-size: 15px; font-weight: 600; line-height: 1.15; color: #fff;
	opacity: 0; transform: translateX(16px); pointer-events: none; transition: opacity .25s, transform .25s;
}
.qmt-float__label small { font-size: 11px; font-weight: 500; opacity: .85; text-transform: uppercase; letter-spacing: .06em; }
.qmt-float__btn:hover .qmt-float__label, .qmt-float__btn:focus-visible .qmt-float__label { opacity: 1; transform: none; }

.qmt-float__btn--zalo .qmt-float__icon, .qmt-float__btn--zalo .qmt-float__label { background: #0068ff; }
.qmt-float__btn--zalo .qmt-float__icon { box-shadow: 0 6px 18px rgba(0, 104, 255, .35); }
.qmt-float__btn--zalo .qmt-float__icon svg { width: 34px; height: 34px; color: #fff; }
.qmt-float__btn--msg .qmt-float__icon, .qmt-float__btn--msg .qmt-float__label { background: #0a7cff; }
.qmt-float__btn--call .qmt-float__icon, .qmt-float__btn--call .qmt-float__label { background: var(--qmt-red); }
.qmt-float__btn--call .qmt-float__icon { box-shadow: 0 6px 18px rgba(210, 52, 55, .38); }
.qmt-float__btn--call .qmt-float__icon svg { animation: qmt-ring 1.6s ease-in-out infinite; }
.qmt-float__ring { position: absolute; right: 0; top: 0; width: 54px; height: 54px; border-radius: 50%; background: var(--qmt-red); opacity: .35; animation: qmt-pulse 1.8s ease-out infinite; }
.qmt-float__btn--top .qmt-float__icon { width: 44px; height: 44px; background: #fff; color: var(--qmt-ink); border: 1px solid var(--qmt-line); box-shadow: 0 6px 16px rgba(10, 20, 40, .12); margin-right: 5px; }
.qmt-float__btn--top { height: 44px; }
.qmt-float__btn--top:hover .qmt-float__icon { background: var(--qmt-ink); color: #fff; }
@keyframes qmt-pulse { 0% { transform: scale(1); opacity: .45; } 100% { transform: scale(1.7); opacity: 0; } }
@keyframes qmt-ring { 0%, 50%, 100% { transform: rotate(0); } 10%, 30% { transform: rotate(-14deg); } 20%, 40% { transform: rotate(14deg); } }

@media (max-width: 760px) {
	.qmt-float { right: 14px; bottom: 16px; gap: 10px; }
	.qmt-float__icon { width: 50px; height: 50px; }
	.qmt-float__ring { width: 50px; height: 50px; }
	.qmt-float__btn { height: 50px; }
	.qmt-float__label { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.qmt-float__ring, .qmt-float__btn--call .qmt-float__icon svg { animation: none; }
}

/* ---------- Bo góc các khối (--qmt-radius) ---------- */
/* Khối có ảnh/nội dung tràn mép: bo góc + cắt phần thừa */
.qmh-line, .qmh-card, .qmh-gallery__item, .qmh-project, .qmh-intro__img, .qmh-news__feat, .qmh-post,
.qmh-news__promo, .qmh-contact__img, .qmh-card__img,
.qmt-card-post, .qmt-quote-card, .qmt-contact__card, .qmt-empty, .qmt-widget__thumb,
.woocommerce ul.products li.product.qmt-pcard, .qmt-pquote__list,
.woocommerce div.product div.images .flex-viewport, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
.woocommerce .cart-collaterals .cart_totals, .woocommerce form.checkout #order_review, .qmt-catdesc__body {
	border-radius: var(--qmt-radius); overflow: hidden;
}
/* Khối chỉ cần bo góc (giữ phần trang trí/sticky không bị cắt) */
.qmh-info, .qmh-capacity__box, .qmt-widget, .qmt-contact__form, .qmt-tags a, .qmt-pagination .page-numbers,
.qmt-tabs-nav a small, .qmt-catnav a small, .qmt-pcard__badge, .qmt-ft__btn, .qmh-card--cta, .qmt-searchform input,
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span,
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice,
.woocommerce div.product div.images .flex-control-thumbs li img, .woocommerce .quantity .qty, .qmt-drawer .qmt-hd__cta {
	border-radius: var(--qmt-radius);
}
.qmt-prose img, .qmt-prose iframe, .woocommerce div.product .woocommerce-tabs .panel img { border-radius: var(--qmt-radius); }
.qmt-nav__sub { border-radius: 0 0 var(--qmt-radius) var(--qmt-radius); }
.qmt-contact__map iframe { border-radius: 0; }
/* Ô tìm kiếm + nút liền nhau: chỉ bo góc ngoài */
.qmt-searchform input[type="search"] { border-radius: var(--qmt-radius) 0 0 var(--qmt-radius); }
.qmt-searchform .qmt-btn { border-radius: 0 var(--qmt-radius) var(--qmt-radius) 0; }
@media (max-width: 1100px) {
	.qmt-catnav > ul > li > a { border-radius: var(--qmt-radius); }
}
@media (max-width: 680px) {
	.qmt-searchform input[type="search"], .qmt-searchform .qmt-btn { border-radius: var(--qmt-radius); }
}
/* Tiêu đề lớn dùng font tiêu đề: giữ khoảng cách chữ trung tính (Jakarta mặc định hơi khít ở cỡ lớn) */
.qmh-hero__title, .qmt-hero__title, .qmh-title, .qmh-intro__title, .qmh-band__title, .woocommerce div.product .product_title { letter-spacing: .005em; }

/* Mũi tên thay cho ô vuông: dùng mask SVG, màu lấy theo background (currentColor / trắng / đỏ như trước). */
.qmt-sq, .qmh-sq, .qmt-hd__cta i {
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Tiêu đề khối / trang trên nền sáng: màu xanh logo (chỉnh ở "Màu tiêu đề"). Tiêu đề trên nền tối giữ màu trắng. */
body .qmt-title,
body .qmt-cathead__title,
body .qmt-widget__title,
body .qmt-contact__form h2,
body.woocommerce div.product .product_title,
body .qmh .qmh-title,
body .qmh .qmh-intro__title,
body.woocommerce .related > h2,
body.woocommerce .upsells > h2 { color: var(--qmt-title); }

/* Số hotline: màu đỏ ở mọi vị trí (nền sáng dùng đỏ chuẩn, nền tối dùng đỏ sáng hơn) */
body .qmt-hd__hotline-txt b,
body .qmt-hd__hotline:hover b,
body .qmt-hd__hotline-icon,
body .qmt-drawer__contact a[href^="tel:"],
body .qmh .qmh-intro__call b,
body .qmh-intro__call-icon,
body .qmt-contact__card[href^="tel:"] strong,
body .qmt-contact__card[href^="tel:"] .qmt-contact__ic,
body .qmt-empty a[href^="tel:"] { color: var(--qmt-red); }
body .qmt-hd__hotline-icon { background: rgba(210, 52, 55, .1); }
body .qmt-hd__hotline:hover .qmt-hd__hotline-icon,
body .qmh-intro__call:hover .qmh-intro__call-icon { background: var(--qmt-red); border-color: var(--qmt-red); color: #fff; }
body .qmh .qmh-intro__call:hover b { color: var(--qmt-red); }
body .qmh .qmh-contact__phone,
body .qmh .qmh-contact__phone svg,
body .qmh .qmh-contact__form p a[href^="tel:"],
body .qmt-quote-card__phone,
body .qmt-quote-card__phone .qmt-icon { color: #ff5a5f; }
body .qmh .qmh-contact__phone:hover,
body .qmt-quote-card__phone:hover { color: #ff8589; }
body .qmt-hd__call,
body .qmt-btn--white[href^="tel:"] { color: var(--qmt-red); }

/* Đầu trang con dạng gọn: nền sáng, không ảnh (qmt_page_hero( array( 'plain' => true ) )) */
.qmt-hero--plain { background: linear-gradient(180deg, #f6f7f9 0%, #fff 100%); color: var(--qmt-ink); border-bottom: 1px solid var(--qmt-line); }
.qmt-hero--plain::after { display: none; }
.qmt-hero--plain .qmt-hero__inner { padding-top: 28px; padding-bottom: 32px; }
.qmt-hero--plain .qmt-crumbs { color: var(--qmt-muted); }
.qmt-hero--plain .qmt-crumbs a { color: var(--qmt-ink); }
.qmt-hero--plain .qmt-crumbs a:hover { color: var(--qmt-accent); }
.qmt-hero--plain .qmt-crumbs [aria-current="page"], .qmt-hero--plain .qmt-crumbs > :last-child { color: var(--qmt-muted); }
.qmt-hero--plain .qmt-hero__title { margin-top: 14px; font-size: clamp(28px, 3.2vw, 40px); font-weight: 800; color: var(--qmt-title, var(--qmt-accent)); }
.qmt-hero--plain .qmt-hero__sub { margin-top: 8px; font-size: 15.5px; color: var(--qmt-muted); }
@media (max-width: 768px) { .qmt-hero--plain .qmt-hero__inner { padding-top: 20px; padding-bottom: 24px; } }

/* Đầu trang con nền xanh thương hiệu (qmt_page_hero( array( 'brand' => true ) )): gradient + lưới mờ + vầng sáng, không ảnh */
.qmt-hero--brand { background: linear-gradient(120deg, #062b66 0%, var(--qmt-accent, #0c47a0) 55%, #1a5fc4 100%); }
.qmt-hero--brand::after {
	background:
		radial-gradient(circle at 85% 20%, rgba(255, 255, 255, .16) 0, rgba(255, 255, 255, 0) 38%),
		radial-gradient(circle at 10% 120%, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 0) 40%),
		linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px) 0 0 / 44px 44px,
		linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px) 0 0 / 44px 44px;
	-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .35) 0%, #000 70%);
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, .35) 0%, #000 70%);
}
.qmt-hero--brand::before { content: ""; position: absolute; right: -120px; top: 50%; z-index: -1; width: 420px; height: 420px; border: 60px solid rgba(255, 255, 255, .05); border-radius: 50%; transform: translateY(-50%); }
.qmt-hero--brand .qmt-hero__inner { padding-top: 34px; padding-bottom: 40px; }
.qmt-hero--brand .qmt-crumbs__sep { color: rgba(255, 255, 255, .5); }
.qmt-hero--brand .qmt-hero__title { margin-top: 14px; font-size: clamp(28px, 3.4vw, 42px); font-weight: 800; }
.qmt-hero--brand .qmt-hero__sub { margin-top: 10px; font-size: 15.5px; color: rgba(255, 255, 255, .8); }
@media (max-width: 768px) { .qmt-hero--brand .qmt-hero__inner { padding-top: 24px; padding-bottom: 28px; } .qmt-hero--brand::before { display: none; } }