/* Header + footer toàn site theo phong cách AR Racking (nạp sau header.css / footer.css để ghi đè). */
:root { --qmt-ar-red: #d42127; --qmt-ar-red-d: #a8181d; --qmt-ar-grey: #f3f3f1; }

/* ======================= HEADER (desktop) ======================= */
@media (min-width: 1181px) {
	:root, .qmt-hd { --qmt-hd-top: 34px; --qmt-hd-bar: 124px; }
	.qmt-hd { font-family: Inter, Arial, sans-serif; }

	/* Thanh tiện ích xám nhạt: hotline, email, mạng xã hội – căn phải */
	.qmt-hd__top { display: block; height: var(--qmt-hd-top); background: #f0f0f0; border-bottom: 0; color: #222; font-size: 14px; }
	.qmt-hd__top-in { justify-content: flex-end; }
	.qmt-hd__slogan, .qmt-hd__top-right > .qmt-hd__meta:not(.qmt-hd__meta--phone):not([href^="mailto"]) { display: none; }
	.qmt-hd__top-right { gap: 30px; }
	.qmt-hd .qmt-hd__meta svg { color: #222; }
	.qmt-hd__social { padding-left: 0; border-left: 0; }
	.qmt-hd__social a { background: transparent; border: 1px solid #555; width: 22px; height: 22px; }
	a.qmt-hd__meta:hover { color: var(--qmt-ar-red); }

	/* Hàng logo + công cụ, menu xuống hàng dưới */
	.qmt-hd__bar { background: #fff; backdrop-filter: none; box-shadow: 0 1px 0 #e5e5e5; }
	.qmt-hd__bar-in { flex-wrap: wrap; align-content: flex-start; align-items: center; row-gap: 0; column-gap: 14px; height: var(--qmt-hd-bar); }
	.qmt-hd__logo { order: 1; display: flex; align-items: center; height: 78px; }
	.qmt-hd__logo img { height: 52px; }
	.qmt-hd__tools { order: 2; margin-left: auto; gap: 14px; height: 78px; }
	.qmt-hd .qmt-nav { order: 3; flex: 0 0 100%; justify-content: flex-start; height: 46px; margin-top: 0; }
	.qmt-nav__list { gap: 0; }
	.qmt-nav__list > .qmt-nav__item > a { height: 44px; padding: 0 30px 0 0; font-size: 15px; font-weight: 400; color: #222; }
	.qmt-nav__list > .qmt-nav__item > a::after {
		display: block; left: 0; right: 30px; top: auto; bottom: -1px; height: 3px; border-radius: 0; background: var(--qmt-ar-red);
		opacity: 0; transform: none; transition: opacity .2s;
	}
	.qmt-nav__list > .qmt-nav__item:hover > a, .qmt-nav__list > .qmt-nav__item.is-current > a { color: #000; font-weight: 400; }
	.qmt-nav__list > .qmt-nav__item:hover > a::after, .qmt-nav__list > .qmt-nav__item.is-current > a::after { opacity: 1; transform: none; }
	.qmt-chev { opacity: .8; }

	/* Nút tìm kiếm tròn viền + nút đỏ vuông; ẩn hotline lớn (đã có ở thanh trên) */
	.qmt-hd__icon-btn { width: 40px; height: 40px; background: #fff; border: 1px solid #333; }
	.qmt-hd__icon-btn:hover, .qmt-hd__icon-btn[aria-expanded="true"] { background: #222; color: #fff; }
	.qmt-hd__cart-count { background: var(--qmt-ar-red); }
	.qmt-hd__hotline { display: none; }
	.qmt-hd .qmt-hd__cta {
		height: 40px; margin-left: 4px; padding: 0 16px 0 18px; border-radius: 0; background: var(--qmt-ar-red); box-shadow: none;
		font-family: Inter, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0; transform: none;
	}
	.qmt-hd .qmt-hd__cta:hover { background: var(--qmt-ar-red-d); box-shadow: none; transform: none; }
	.qmt-hd__cta i { width: 8px; height: 8px; background: none; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(-45deg); margin-left: 6px; }
	.qmt-hd__cta:hover i { transform: rotate(-45deg) translate(2px, 2px); }

	/* Khi cuộn: ẩn thanh trên, thu gọn hàng logo */
	.qmt-hd.is-scrolled .qmt-hd__bar-in { height: 112px; }
	.qmt-hd.is-scrolled .qmt-hd__logo, .qmt-hd.is-scrolled .qmt-hd__tools { height: 66px; }
	.qmt-hd.is-scrolled .qmt-hd__logo img { height: 44px; }
	.qmt-hd.is-scrolled .qmt-nav__list > .qmt-nav__item > a { height: 40px; }
}

/* ======================= FOOTER ======================= */
.qmt-ft {
	--qmt-ft-bg: #fff; --qmt-ft-bottom: #fff; --qmt-ft-text: #333; --qmt-accent: var(--qmt-ar-red);
	font-family: Inter, Arial, sans-serif; border-top: 1px solid #e5e5e5; font-size: 14px;
}
.qmt-ft__inner { padding-top: 50px; padding-bottom: 36px; }
.qmt-ft .qmt-ft__title { margin-bottom: 14px; font-family: inherit; font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: #000; }
.qmt-ft .qmt-ft__title::after { display: none; }
.qmt-ft__list { gap: 7px; }
.qmt-ft__list a { padding-left: 0; font-size: 14px; color: #333; }
.qmt-ft__list a::before { display: none; }
.qmt-ft__list a:hover { color: var(--qmt-ar-red); transform: none; }
.qmt-ft__about p { font-size: 14px; color: #333; }
.qmt-ft__social a { width: 30px; height: 30px; background: #fff; border: 1px solid #333; color: #222; }
.qmt-ft__social a:hover { background: #222; color: #fff; }
.qmt-ft__hours li { font-size: 14px; color: #333; }
.qmt-ft .qmt-ft__hours svg { color: var(--qmt-ar-red); }
.qmt-ft__place-icon { width: 26px; height: 26px; border: 0; background: none; color: var(--qmt-ar-red); }
.qmt-ft__place strong { font-size: 13px; letter-spacing: 0; text-transform: none; color: #000; }
.qmt-ft__place div > span { font-size: 13.5px; color: #444; }
.qmt-ft__bottom { padding-top: 16px; padding-bottom: 22px; border-top: 0; background: #fff; color: #222; font-size: 13px; }
.qmt-ft__bottom-inner { justify-content: flex-start; gap: 6px 22px; }
.qmt-ft__bottom a:hover { color: var(--qmt-ar-red); }

/* Nút gọi nổi: giữ đỏ cùng tông */
.qmt-float__btn--call .qmt-float__icon, .qmt-float__ring { background: var(--qmt-ar-red); }
@media (min-width: 1181px) { .qmt-hd .qmt-hd__cta i { display: inline-block; flex: none; width: 9px; height: 9px; margin: 0 2px 0 8px; } }
@media (min-width: 1181px) { .qmt-hd .qmt-hd__cta i { display: none; } .qmt-hd .qmt-hd__cta::after { content: ""; flex: none; width: 8px; height: 8px; margin-left: 4px; border: solid #fff; border-width: 0 3px 3px 0; transform: rotate(-45deg); } }

/* =========================================================
   Header kiểu Daifuku: logo lớn bên trái chiếm 2 hàng;
   bên phải hàng trên = liên kết tiện ích + ô tìm kiếm gạch chân + nút viền; hàng dưới = menu chữ đậm
   ========================================================= */
.qmt-hd__util, .qmt-hd__inline-search { display: none; }
@media (min-width: 1181px) {
	:root, .qmt-hd { --qmt-hd-top: 0px; --qmt-hd-bar: 128px; }
	.qmt-hd__top { display: none; }
	.qmt-hd__bar { box-shadow: 0 1px 0 #e3e3e3; }
	.qmt-hd__bar-in {
		display: grid; grid-template-columns: auto 1fr; grid-template-rows: 64px 50px; align-content: center;
		column-gap: 40px; row-gap: 0; height: var(--qmt-hd-bar);
	}
	.qmt-hd__logo { grid-row: 1 / 3; grid-column: 1; height: auto; align-self: center; }
	.qmt-hd__logo img { height: 96px; }
	.qmt-hd__tools { grid-row: 1; grid-column: 2; height: auto; margin: 0; justify-self: end; align-self: end; gap: 28px; }
	.qmt-hd .qmt-nav { grid-row: 2; grid-column: 2; height: auto; justify-content: flex-end; margin: 0; }

	/* Liên kết tiện ích */
	.qmt-hd__util { display: flex; align-items: center; gap: 26px; }
	.qmt-hd__util a { display: inline-flex; align-items: center; gap: 7px; font-size: 15px; color: #555; white-space: nowrap; }
	.qmt-hd__util a:hover { color: var(--qmt-accent); }
	.qmt-hd .qmt-hd__util svg { width: 19px !important; height: 19px !important; color: #555; }
	.qmt-hd__zalo { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #555; color: #fff; font-size: 6.5px; font-weight: 700; }
	.qmt-hd__util a:hover .qmt-hd__zalo { background: var(--qmt-accent); }

	/* Ô tìm kiếm gạch chân */
	.qmt-hd__inline-search { display: block; width: 220px; }
	.qmt-hd__inline-search .qmt-search { flex-direction: row-reverse; height: 42px; padding: 0 2px; border-radius: 0; background: none; border-bottom: 1px solid #555; box-shadow: none !important; }
	.qmt-hd__inline-search .qmt-search input[type="search"] { margin: 0 10px 0 0; font-size: 15px; }
	.qmt-hd .qmt-hd__inline-search svg { width: 22px !important; height: 22px !important; color: #555; }
	.qmt-hd__search-btn, .qmt-hd__cart { display: none; }

	/* Nút viền */
	.qmt-hd .qmt-hd__cta {
		height: 50px; padding: 0 30px; margin: 0; border: 1.5px solid var(--qmt-accent); background: #fff; color: var(--qmt-accent) !important;
		font-size: 18px; font-weight: 600;
	}
	.qmt-hd .qmt-hd__cta::after { display: none; }
	.qmt-hd .qmt-hd__cta::before { content: ""; flex: none; width: 8px; height: 8px; margin-right: 4px; border: solid currentColor; border-width: 0 2.5px 2.5px 0; transform: rotate(-45deg); }
	.qmt-hd .qmt-hd__cta:hover { background: var(--qmt-accent); color: #fff !important; }

	/* Menu đậm, giãn rộng */
	.qmt-nav__list { gap: 54px; }
	.qmt-nav__list > .qmt-nav__item > a { height: 50px; padding: 0; font-size: 19px; font-weight: 700; color: #222; }
	.qmt-nav__list > .qmt-nav__item > a::after { right: 0; }
	.qmt-nav__list > .qmt-nav__item:hover > a, .qmt-nav__list > .qmt-nav__item.is-current > a { font-weight: 700; color: var(--qmt-accent); }

	/* Khi cuộn: thu gọn */
	.qmt-hd.is-scrolled .qmt-hd__bar-in { height: 104px; grid-template-rows: 54px 44px; }
	.qmt-hd.is-scrolled .qmt-hd__logo img { height: 76px; }
	.qmt-hd.is-scrolled .qmt-hd__logo, .qmt-hd.is-scrolled .qmt-hd__tools { height: auto; }
	.qmt-hd.is-scrolled .qmt-nav__list > .qmt-nav__item > a { height: 44px; }
}
@media (min-width: 1181px) and (max-width: 1360px) {
	.qmt-nav__list { gap: 34px; }
	.qmt-nav__list > .qmt-nav__item > a { font-size: 17px; }
	.qmt-hd__util { gap: 18px; } .qmt-hd__util a:nth-child(2) { display: none; }
	.qmt-hd__inline-search { width: 170px; }
	.qmt-hd__tools { gap: 20px; }
}
/* Gạch menu đang chọn nằm sát đường viền dưới header */
@media (min-width: 1181px) {
	.qmt-hd__bar-in { grid-template-rows: 1fr 52px; align-content: stretch; }
	.qmt-hd.is-scrolled .qmt-hd__bar-in { grid-template-rows: 1fr 44px; }
	.qmt-hd .qmt-nav, .qmt-nav__list, .qmt-nav__list > .qmt-nav__item { height: 100%; align-self: stretch; }
	.qmt-nav__list > .qmt-nav__item > a, .qmt-hd.is-scrolled .qmt-nav__list > .qmt-nav__item > a { height: 100%; }
	.qmt-nav__list > .qmt-nav__item > a::after { bottom: 0; height: 4px; }
	.qmt-hd__bar { box-shadow: none; border-bottom: 1px solid #e3e3e3; }
	.qmt-hd__bar-in { padding-top: 0; padding-bottom: 0; }
}
/* Menu: chữ nhỏ hơn, không in đậm */
@media (min-width: 1181px) {
	.qmt-nav__list > .qmt-nav__item > a, .qmt-nav__list > .qmt-nav__item:hover > a, .qmt-nav__list > .qmt-nav__item.is-current > a { font-size: 17px; font-weight: 500; }
}
@media (min-width: 1181px) and (max-width: 1360px) {
	.qmt-nav__list > .qmt-nav__item > a, .qmt-nav__list > .qmt-nav__item:hover > a, .qmt-nav__list > .qmt-nav__item.is-current > a { font-size: 16px; }
}

/* Footer: chữ 16px đồng nhất với nội dung trang */
.qmt-ft { font-size: 16px; }
.qmt-ft__about p, .qmt-ft__list a, .qmt-ft__hours li, .qmt-ft__note, .qmt-ft__place div > span { font-size: 16px; line-height: 1.5; }
.qmt-ft .qmt-ft__title { font-size: 17px; }
.qmt-ft__place strong { font-size: 15px; }
.qmt-ft__bottom { font-size: 14px; }
/* Menu: các mục sát nhau, khoảng cách bằng padding để gạch dưới liền mạch khi rê qua nhiều mục */
@media (min-width: 1181px) {
	.qmt-nav__list { gap: 0; margin-right: -26px; }
	.qmt-nav__list > .qmt-nav__item > a { padding: 0 26px; }
	.qmt-nav__list > .qmt-nav__item > a::after { left: 0; right: 0; }
}
@media (min-width: 1181px) and (max-width: 1360px) {
	.qmt-nav__list { gap: 0; margin-right: -16px; }
	.qmt-nav__list > .qmt-nav__item > a { padding: 0 16px; }
}
@media (min-width: 1181px) { .qmt-hd .qmt-nav__list > .qmt-nav__item > .qmt-nav__sub { top: 100%; margin-top: 0; border-top: 4px solid var(--qmt-ar-red); border-radius: 0; } }
@media (min-width: 1181px) { .qmt-hd .qmt-nav__list > .qmt-nav__item > .qmt-nav__sub { border-top: 0; } .qmt-hd .qmt-nav__list > .qmt-nav__item > .qmt-nav__sub::before { display: none; } }