/* In Ấn Q7 – Bố cục chung v1.0.0
   Một chuẩn chiều ngang nội dung cho toàn site + màu nền trang.
   Muốn đổi chuẩn: chỉ sửa 2 biến dưới đây. */
:root{
  --inq7-w:1200px;       /* chiều ngang NỘI DUNG nhìn thấy */
  --inq7-bg:#f3f4f6;     /* màu nền trang (v1.3.0 – 17/9/2026, trước là #fbfbfb) */
}

/* ---------- 1. Nền trang ---------- */
html body,
html body.inq7-hide-theme-footer,
html body #wrapper,
html body .page-wrapper,
html body #main,
html body #content{background:var(--inq7-bg)!important}

/* ---------- 2. Khung Flatsome (sản phẩm chi tiết, danh mục, giỏ hàng, thanh toán, trang thường) ----------
   .container có đệm 15px mỗi bên nên hộp = nội dung + 30px */
body:not(.inq7-shop-takeover) .container,
body:not(.inq7-shop-takeover) .container-width,
body:not(.inq7-shop-takeover) .row{max-width:calc(var(--inq7-w) + 30px)!important}
.related-products-wrapper .row.row-small,
.related.product-section .row.row-small{max-width:calc(var(--inq7-w) + 30px)!important}

/* ---------- 3. Khung các trang do plugin In Ấn Q7 tự dựng (không có đệm trong) ---------- */
.inq7-wrap,            /* trang chủ */
.inq7-why-inner,       /* trang chủ – Vì sao chọn */
.inq7-flow-wrap,       /* trang chủ – quy trình */
.inq7-cat-wrap,        /* /cua-hang/ + trang danh mục */
.inq7-bg-wrap,.inq7-bg-hero,.inq7-bg-main,.inq7-bg-shortcut,.inq7-bg-gform, /* báo giá */
.inq7-cs,              /* chính sách */
.inq7-gt,              /* giới thiệu */
.inq7-dh,              /* hướng dẫn đặt hàng */
.inq7-hd,              /* hướng dẫn gửi file */
.inq7-tt,              /* hướng dẫn thanh toán */
.inq7-lh,              /* liên hệ */
.inq7-tin-wrap,        /* tin tức */
.inq7-tc,              /* tra cứu đơn hàng */
.inq7-hddt,            /* thông tin xuất HĐĐT */
.inq7-kl{              /* trang khách doanh nghiệp */
  width:min(var(--inq7-w),calc(100% - 32px))!important;
  max-width:min(var(--inq7-w),calc(100% - 32px))!important;
  margin-left:auto!important;margin-right:auto!important;
}

/* ---------- 4. Trang chủ: các section nền trắng/nhạt đổi theo nền trang (thử theo yêu cầu 08/9/2026) ----------
   Card, thẻ sản phẩm, hộp tùy chọn vẫn giữ nền trắng để nổi lên. */
.inq7-catalog,
.inq7-cta,
.inq7-why,
.inq7-flow{background:var(--inq7-bg)!important}

/* v1.4.0 – dải 4 cam kết KHÔNG lấy nền trang nữa: nó nằm ngay dưới hero nền
   trắng nên phải trắng theo hero, không thì thành hai mảng màu khác nhau
   (anh Khoa yêu cầu 17/9/2026). Màu do plugin trang chủ quyết định. */

/* ---------- 5. Header, mega menu, dải TikTok, footer về cùng chuẩn 1200px (v1.1.0, chốt 08/9/2026) ----------
   Nền của các dải này vẫn tràn hết màn hình, chỉ NỘI DUNG bên trong thu về 1200px
   để thẳng lề với thân trang. */
.inq7-header-container,   /* 3 tầng header: topbar, thanh chính, dải Đặt nhiều nhất */
.inq7-pt-wrap,            /* dải video TikTok trước footer */
.inq7-ft-wrap{            /* footer + thanh bản quyền */
  width:min(var(--inq7-w),calc(100% - 32px))!important;
  max-width:min(var(--inq7-w),calc(100% - 32px))!important;
  margin-left:auto!important;margin-right:auto!important;
}