/* ============================================================ KQT LUXURY — SITE CHROME (header · nav · search · footer · cart) ------------------------------------------------------------ Nạp trên MỌI trang KHÔNG phải trang chủ, để header/footer custom đồng nhất với trang chủ. Trang chủ vẫn dùng full kqt-inline.css (body.kqt-home). An toàn với WooCommerce/Flatsome: mọi reset (a/button/ul/img/p) và các class trùng tên (.icon, .badge — Flatsome cũng dùng) đều được giới hạn BÊN TRONG các container chrome (.header / .search-overlay / .footer / .cart / .mbar), nên không tràn ra nội dung sản phẩm/danh mục. ============================================================ */ :root{ --white:#FFFFFF; --cream:#F4F1E9; --cream-2:#ECE7DB; --paper:#F1EEE6; --navy:#0F1B2D; --navy-80:rgba(15,27,45,.82); --navy-12:rgba(15,27,45,.12); --taupe:#4A5468; --taupe-30:rgba(30,45,66,.40); --taupe-20:rgba(30,45,66,.26); --taupe-15:rgba(30,45,66,.18); --taupe-10:rgba(30,45,66,.10); --gold:#D6A94E; --gold-dark:#9A742A; --gold-light:#E8C36A; --gold-grad:linear-gradient(135deg,#C99A3B 0%,#E8C36A 100%); --gold-grad-sh:linear-gradient(135deg,#D6A94E 0%,#F0D283 100%); --gold-tint:#F6EEDC; --silver:#BFC1C2; --line-dark:#1E2D42; --ink:#1A2230; --ink-2:#3A4658; --ink-3:#6B7686; --on-navy:#F4F1E9; --on-navy-2:rgba(244,241,233,.64); --serif:"Be Vietnam Pro",system-ui,-apple-system,sans-serif; --sans:"Be Vietnam Pro","Inter",system-ui,-apple-system,sans-serif; --maxw:1320px; --gutter:40px; --radius:4px; --radius-lg:8px; --shadow-1:0 1px 2px rgba(15,27,45,.05); --shadow-2:0 18px 50px -28px rgba(15,27,45,.42); --shadow-gold:0 14px 34px -16px rgba(154,116,42,.5); --ease:cubic-bezier(.22,.61,.36,1); } @media (max-width:720px){ :root{ --gutter:20px; } } /* ---------- Font toàn site: ép Be Vietnam Pro (override Lato mặc định Flatsome) ---------- Flatsome in typography vào