/* gaubong — canh đều/gọn + màu theo mockup (10-11; _canh/apply.py). Logo footer: icon gấu giữ chi tiết (mắt/mõm/tai khoét theo nền) — _b9_logo.py bản trắng; MXH huy hiệu màu (soc_color). */
@media (min-width: 850px) {
  /* menu hàng dưới trải đều cả khung như mockup */
  #header .header-bottom .flex-col { flex: 1; }
  #header .header-bottom-nav { width: 100%; justify-content: space-between; }
  #header .header-bottom-nav > li { margin: 0; }
  /* thẻ SP: khung ảnh ngang ~1.47 như mockup (ảnh contain, đủ vật) -> lưới thấp gọn */
  .mh-prod, .mh-fs { --pc-ar: 1.45 / 1; --pc-pad: 6px; }
  .mh-prod .b9-pc-b, .mh-fs .b9-pc-b { padding: 10px 12px 12px; }
  .mh-prod .b9-pc-p, .mh-fs .b9-pc-p { margin-bottom: 10px; }
  /* footer gọn: mockup cao ~270px, cột 79/494/710/1142 */
  .b9-ft-in { grid-template-columns: 400px 220px 420px 1fr; gap: 0; padding: 28px 20px 16px; max-width: 1330px; }
  .b9-ft-desc { margin-top: 8px; }
  .b9-ft-h { margin-bottom: 8px; }
  .b9-ft li { margin-bottom: 5px; }
  .b9-ft-copy { padding: 10px 20px 12px; font-size: 14.5px; }
  #footer .b9-ft { --ftlogo: 68px; }
  .mh-news-sec { padding-bottom: 22px !important; }
}