/* Pong Hội Họa: chỉnh riêng cho điện thoại và màn hình hẹp.
   Các phần tử trong sections/*.html dùng style viết thẳng trong thẻ,
   nên các luật ở đây cần !important để thắng. */

/* Bìa: dưới ~755px, ô "Đăng ký tư vấn" xuống dòng; 26px bên trái bị che bởi khung
   nên chừa thêm lề để chữ không bị cắt */
@media (max-width: 754px) {
  .bia-cta { padding-left: 50px !important; }
}

@media (max-width: 599px) {
  /* Nút và link đủ lớn để bấm bằng ngón tay */
  .btn { min-height: 44px; }
  .m-tap { min-height: 44px; display: inline-flex !important; align-items: center; }

  /* Lịch học: xếp dọc, bỏ hàng T2 … CN để không phải kéo ngang */
  .hp-scroll { overflow: visible !important; }
  .hp-grid { min-width: 0 !important; grid-template-columns: 1fr !important; }
  .hp-day { display: none !important; }
  .hp-block { grid-column: 1 / -1 !important; border-left: 0 !important; }
}