/** * UI màn hẹp (≤420px) — bảng giá, giỏ hàng, thanh toán. * * Vì sao có file này: cỡ chữ và khoảng cách của ba màn trên đang là cỡ desktop * đặt nguyên vào màn 344px (Galaxy Z Fold màn ngoài, khổ hẹp nhất còn phải phục * vụ). Đo ở 344×600 trên bản 1.24.48: * - bảng giá : chỉ thấy 7 mặt hàng một màn; dòng ngữ cảnh ở thanh giỏ hàng * cần 229px mà chỉ được 137px nên cụt mất 92px — đúng chỗ ghi * số kg và bậc giá. * - giỏ hàng : nút "Đặt hàng" nằm ở y=1542, tức cuộn gần 3 màn mới thấy. * - thanh toán: ô nhập ĐẦU TIÊN ở y=887, nút gửi đơn ở y=2093. * * Mọi luật đều nằm trong @media (max-width:420px): từ 421px trở lên không một * pixel nào đổi. Phần thanh dính đáy cần mobile-hep.js dựng khối .kl-bar; JS * không chạy thì trang trở về đúng bản cũ, không vỡ. * * @package Solus */ @media (max-width: 420px) { /* ============================================================ 1 · BẢNG GIÁ SỈ (/bao-gia/) ============================================================ */ /* Vì sao lớp `.kld-bg` viết hai lần: CSS của bảng giá là khối nội tuyến `