/* ==========================================================================
   Khóa chiều ngang storefront — không cuộn ngang, không phóng to ngang.
   Gắn ở 2 base storefront (frontend/base, home-new/base), cùng thẻ viewport
   `maximum-scale=1`. Xem docs/frontend/SOP_MOBILE_UI.md mục "Khóa chiều ngang".

   ⚠️ Dùng `overflow-x: clip`, KHÔNG dùng `hidden` khi trình duyệt hỗ trợ clip:
   `hidden` biến html/body thành khung cuộn nên `position: sticky` bên trong
   (header, thanh lọc danh mục) thôi dính. `clip` cắt phần tràn mà không tạo
   khung cuộn. `hidden` chỉ còn là đường lùi cho trình duyệt cũ (iOS < 16).

   ⚠️ Đừng thêm `touch-action: pan-y` lên body: touch-action giao cắt theo cây
   cha, sẽ chặn luôn vuốt ngang của dải ảnh màu / swiper con.
   ========================================================================== */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow-x: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

html {
  /* iOS xoay ngang tự phóng chữ to lên — giữ nguyên cỡ đã thiết kế. */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}