/* ============================================================
   PAGE — Videos index
   หน้า: pages/videos/index.php
   โฟกัส: การ์ด "วิดีโอเด่น (Featured)" + รายการ "วิดีโอใหม่สัปดาห์นี้"
          ให้ยุบเป็นคอลัมน์เดียวบนมือถือ
   ------------------------------------------------------------
   ปัญหาเดิม: ใช้ inline `grid-template-columns: 1.6fr 1fr`
   ซึ่ง inline ชนะ media query → มือถือค้าง 2 คอลัมน์
   (วิดีโอเด่นเหลือ ~139px + รายการ ~156px เบียดกัน)
   ย้ายมาเป็น class เพื่อให้ media query ยุบได้
   display:grid มาจาก class .grid อยู่แล้ว
   ============================================================ */

.vid-featured {
  grid-template-columns: 1.6fr 1fr;
  gap: 32px;
}
/* กัน grid item ล้น: รูป/ข้อความ nowrap ไม่ให้ดันคอลัมน์เกินจอ */
.vid-featured > * { min-width: 0; }

/* แท็บเล็ต/มือถือ: วิดีโอเด่นเต็มความกว้าง, รายการอยู่ด้านล่าง */
@media (max-width: 1000px) {
  .vid-featured {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}