/* =====================================================================
   FOOTER — dùng chung TOÀN SITE (luôn tải)
   Nội dung: UX Block "Footer MEGAHOME" (gán ở Giao diện → Tùy biến → Footer).
   Cấu trúc: .gv-footer-grid (thương hiệu + 4 cột) · .gv-footer-pay · thanh bản quyền .absolute-footer
   ===================================================================== */
.gv-footer { color: var(--gv-muted-2); font-size: 14px; }
.gv-footer .section-content { padding: 36px 0 24px; }
.gv-footer h3 { margin: 0 0 14px; font-size: 14px; font-weight: 700; letter-spacing: .3px; color: var(--gv-white); text-transform: uppercase; }
.gv-footer a { color: var(--gv-border-3); }
.gv-footer a:hover { color: #FF4D67; }

/* ---- Lưới chính: thương hiệu + 4 cột ---- */
.gv-footer-grid { display: grid; grid-template-columns: 1.7fr 1.2fr 1fr 1fr 1.2fr; gap: 28px 32px; }
.gv-footer-brandlogo { display: block; width: 150px; height: auto; margin-bottom: 18px; }
.gv-footer-label { margin: 0 0 8px; color: var(--gv-white); font-size: 12px; font-weight: 600; letter-spacing: .4px; }
.gv-footer-legal { margin: 14px 0; font-size: 12px; line-height: 1.6; color: var(--gv-muted-2); }
.gv-footer-brand img[alt*="Bộ Công Thương"] { width: 130px; height: auto; }
.gv-footer-links, .gv-footer .gv-footer-links { list-style: none; margin: 0; padding: 0; }
.gv-footer-links li { margin: 0 0 9px; padding: 0; list-style: none; }
.gv-footer-links li a { margin: 0; }
.gv-footer-hot li { display: flex; align-items: center; gap: 8px; }
.gv-footer-hot .gv-ico { font-size: 18px; color: #FF4D67; }
.gv-footer-hot a { font-size: 15px; font-weight: 600; color: var(--gv-white); }

/* ---- Thanh toán / vận chuyển ---- */
.gv-footer-pay { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--gv-ink); }
.gv-footer-logos { display: flex; flex-wrap: wrap; gap: 8px; }
.gv-footer-logo { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 40px; padding: 4px; background: var(--gv-white); border-radius: 6px; }
.gv-footer-logo img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

/* ---- Bản quyền ---- */


/* ---- Tablet / mobile ---- */
@media (max-width: 849px) {
	.gv-footer-grid { grid-template-columns: 1fr 1fr; }
	.gv-footer-brand { grid-column: 1 / -1; }
	.gv-footer-pay { grid-template-columns: 1fr; }
}
@media (max-width: 549px) {
	.gv-footer-grid { grid-template-columns: 1fr; }
}

/* ---- Thanh bản quyền của Flatsome (.absolute-footer) ---- */
.absolute-footer, .absolute-footer.dark { background: #0A0A0A !important; border-top: 1px solid var(--gv-ink); padding: 14px 0; color: var(--gv-muted); font-size: 12px; }
.absolute-footer a { color: var(--gv-muted-2); }