/*
 * Độ rộng khung trang thống nhất toàn site (header + nội dung mọi trang).
 * Trước: header 1536px, đa số trang 1140px, giỏ hàng/tài khoản 1340px → lệch nhau.
 * Đổi độ rộng: sửa --tl-container. Dưới 1200px giữ nguyên hành vi cũ của theme.
 * !important vì nhiều file cũ tự đặt max-width riêng (.cart-page .container, .shop-content .container…).
 */
:root { --tl-container: 1320px; }

@media (min-width: 1200px) {
  .tru-container {
    max-width: 1140px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  .container,
  .custom-account-container {
    max-width: 1140px !important;
  }
}

@media (min-width: 1400px) {
  .container,
  .tru-container,
  .custom-account-container {
    max-width: var(--tl-container) !important;
  }
}