/* QTQC: lề chung, cột nội dung và lưới co giãn theo màn hình. */
body.qtqc-site-ui {
  --qtqc-layout-max: 1760px;
  --qtqc-layout-gutter: clamp(20px, 3.3vw, 64px);
  --qtqc-layout-gap: clamp(24px, 2.5vw, 44px);
  --qtqc-layout-aside: clamp(260px, 19vw, 320px);
}
.qtqc-site-ui .qtqc-native .qtqc-container,
.qtqc-site-ui .qtqc-hero-actions,
.qtqc-site-ui #header .header-inner,
.qtqc-site-ui .qtqc-footer-container {
  width: calc(100% - 2 * var(--qtqc-layout-gutter));
  max-width: var(--qtqc-layout-max);
  margin-inline: auto;
  box-sizing: border-box;
}
.qtqc-site-ui #header .header-inner,
.qtqc-site-ui .qtqc-footer-container { padding-inline: 0; }
.qtqc-site-ui .qtqc-native .qtqc-page-heading,
.qtqc-site-ui .qtqc-native .qtqc-featured,
.qtqc-site-ui .qtqc-native .qtqc-category-guide,
.qtqc-site-ui .qtqc-native .qtqc-reading-layout .qtqc-prose {
  width: 100%;
  max-width: none;
  min-width: 0;
}
.qtqc-site-ui .qtqc-native .qtqc-reading-layout {
  grid-template-columns: minmax(0, 1fr) var(--qtqc-layout-aside);
  gap: var(--qtqc-layout-gap);
}
.qtqc-site-ui.qtqc-guide-page .qtqc-page .qtqc-reading-layout:has(.qtqc-guide-sidebar) {
  grid-template-columns: minmax(0, 1fr) var(--qtqc-layout-aside);
  gap: var(--qtqc-layout-gap);
}
.qtqc-site-ui.qtqc-guide-page .qtqc-prose > p,
.qtqc-site-ui.qtqc-guide-page .qtqc-prose > ul,
.qtqc-site-ui.qtqc-guide-page .qtqc-prose > ol { max-width: none; }
.qtqc-site-ui .qtqc-native .qtqc-reading-sidebar,
.qtqc-site-ui .qtqc-native .qtqc-guide-sidebar,
.qtqc-site-ui .qtqc-native .qtqc-catalog-results { min-width: 0; }
.qtqc-site-ui .qtqc-native .qtqc-prose figure { margin-inline: 0; }
.qtqc-site-ui .qtqc-article .qtqc-prose figure img { display: block; width: auto; max-width: 100%; height: auto; margin-inline: auto; }
.qtqc-site-ui .qtqc-native .qtqc-catalog-layout {
  grid-template-columns: clamp(220px, 16vw, 280px) minmax(0, 1fr);
  gap: var(--qtqc-layout-gap);
}
.qtqc-site-ui .qtqc-native .qtqc-article-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
  gap: clamp(20px, 2vw, 32px);
}
.qtqc-site-ui .qtqc-article-cover { display: block; width: 100%; aspect-ratio: 16 / 10; overflow: hidden; }
.qtqc-site-ui .qtqc-article-cover img { width: 100%; height: 100%; object-fit: contain; }
.qtqc-site-ui .qtqc-native .qtqc-prose .table-wrap { max-width: 100%; overflow-x: auto; }
.qtqc-site-ui .qtqc-catalog .qtqc-product-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
@media (max-width: 1199px) {
  body.qtqc-site-ui { --qtqc-layout-aside: 250px; --qtqc-layout-gap: 26px; }
  .qtqc-site-ui .qtqc-catalog .qtqc-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .qtqc-site-ui .qtqc-article .qtqc-reading-layout { display: flex; flex-direction: column; gap: 24px; }
  .qtqc-site-ui .qtqc-article .qtqc-reading-sidebar { order: -1; position: static; width: 100%; margin: 0; }
  .qtqc-site-ui .qtqc-article .qtqc-sidebar-next { display: none; }
}
@media (max-width: 849px) {
  .qtqc-site-ui .qtqc-native .qtqc-catalog-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .qtqc-site-ui.qtqc-guide-page .qtqc-page .qtqc-reading-layout:has(.qtqc-guide-sidebar) { display: block; }
  .qtqc-site-ui .qtqc-catalog .qtqc-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 549px) {
  body.qtqc-site-ui { --qtqc-layout-gutter: 16px; --qtqc-layout-gap: 20px; }
  .qtqc-site-ui .qtqc-native .qtqc-article-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}

/* Các khung Flatsome đang có giới hạn inline !important. */
body.qtqc-site-ui .qtqc-cate-container,
body.qtqc-site-ui .san-pham-home > .section-content,
body.qtqc-site-ui .blog-home > .section-content,
body.qtqc-site-ui .qtqc-seo-container,
body.qtqc-site-ui .qtqc-catalogue-container,
body.qtqc-site-ui .qtqc-footer-container,
body.qtqc-site-ui #header #top-bar > .flex-row.container,
body.qtqc-site-ui #header .header-inner {
 width: calc(100% - 2 * var(--qtqc-layout-gutter)) !important;
 max-width: var(--qtqc-layout-max) !important;
 margin-inline: auto !important;
}

.qtqc-site-ui .qtqc-native .qtqc-category-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.qtqc-site-ui .qtqc-native .qtqc-category-image { max-height: 260px; }
@media (max-width: 849px) {
 .qtqc-site-ui .qtqc-native .qtqc-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 12/10/2026: khung danh mục gọn và phần đọc dài nằm giữa trang. */
body.qtqc-site-ui .qtqc-native.qtqc-catalog > .qtqc-container,
body.qtqc-site-ui.qtqc-guide-page .qtqc-native > .qtqc-container {
  max-width: 1180px;
}
.qtqc-site-ui .qtqc-native.qtqc-catalog .qtqc-category-guide {
  width: 100%;
  max-width: 780px;
  margin-inline: auto;
}
.qtqc-site-ui .qtqc-native.qtqc-catalog .qtqc-category-guide > .qtqc-prose {
  width: 100%;
  max-width: none;
  margin-inline: auto;
}
.qtqc-site-ui .qtqc-native.qtqc-catalog .qtqc-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (min-width: 850px) {
  .qtqc-site-ui .qtqc-native.qtqc-catalog .qtqc-catalog-layout {
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 28px;
  }
}
@media (max-width: 1100px) {
  .qtqc-site-ui .qtqc-native.qtqc-catalog .qtqc-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}