/* responsive-fix.css — แก้ horizontal overflow บนมือถือ (2026-07-12)
   สาเหตุ: <img width="1200"> จำนวนมาก + ไม่มี img{max-width:100%} → รูปล้นจอ
   โหลดเป็นไฟล์สุดท้ายเพื่อ override */

html, body { overflow-x: hidden; max-width: 100%; }

/* รูปทุกภาพห้ามกว้างเกิน container (คุมทั้ง width="1200" และ inline width) */
img { max-width: 100% !important; height: auto; }

/* กันสื่ออื่นล้นจอบนจอเล็ก */
@media (max-width: 991px) {
  img, svg, video, iframe, embed, object, table { max-width: 100% !important; height: auto; }
  /* กันคอลัมน์/แถวที่ตั้ง fixed width ดันจอ */
  [class*="col-"], .row, .container, .container-fluid { max-width: 100%; }
}