/* ช่องรูปสินค้าบนหน้าสินค้าเดี่ยว — ยุบทั้งคอลัมน์เมื่อรุ่นนั้นยังไม่มีรูปสักใบ
   (15 ก.ย. 2569)

   ⚠ ไฟล์นี้เป็น "ตัวทับ" ของ storefront.css เท่านั้น
     โหลดหลัง storefront.css เสมอ และโหลดเฉพาะหน้าสินค้าเดี่ยว
     (ดู resources/views/components/ui/layout.blade.php)

   ⚠⚠ **ขับด้วยข้อมูล ไม่ใช่ตัดสินใจไว้ตายตัว** — `storefront.js` เขียน
     `document.body.dataset.gallery` จาก `family.images.length` ทุกครั้งที่วาดหน้า
     วันที่มีรูปขึ้นระบบ สองคอลัมน์ของชุดออกแบบกลับมาเองโดยไม่ต้องแตะไฟล์นี้

   ⚠⚠ ที่ยุบ **ทั้งก้อน** ไม่ใช่ปล่อยกล่องเทาสูง 365px ที่เขียนว่า "ยังไม่มีรูปสินค้า"
     ด้วยเหตุผลเดียวกับหัวข้อเอกสาร/CAD และหัวข้ออุปกรณ์ —
     **หัวข้อที่ไม่มีของข้างใต้ ลูกค้าอ่านว่า "สินค้านี้ไม่มี" ซึ่งไม่ใช่สิ่งที่เรารู้**
     ของจริงคือยังไม่มีใครถ่ายรูปขึ้นระบบ · และกล่องว่างครึ่งหน้า อ่านเหมือนหน้าพัง

   ⚠ ชื่อค่า `empty` / `ready` ถูกอ้างสองที่ (ไฟล์นี้กับ `storefront.js`)
     `UiFamilyGalleryTest` จึงดึงค่าจากทั้งสองไฟล์มาเทียบกัน —
     **สองที่ที่ตอบคำถามเดียวกัน คือที่ที่วันหนึ่งจะตอบไม่ตรงกัน** */

body[data-gallery="empty"] .gallery-panel {
  display: none;
}

/* ⚠ ต้องเขียนคอลัมน์ใหม่ด้วย ไม่ใช่ซ่อนอย่างเดียว — ตารางของชุดออกแบบยังกันที่
   คอลัมน์ขวาไว้ `minmax(360px, 1fr)` เสมอ ซ่อนแล้วจะได้ช่องว่างครึ่งหน้าแทนกล่องเทา
   ⚠⚠ ตัวเลือกนี้ชนะ `@media` ทุกช่วงของชุดออกแบบด้วยความเฉพาะเจาะจง ไม่ใช่ด้วยลำดับไฟล์ */
body[data-gallery="empty"] .family-layout {
  grid-template-columns: minmax(0, 1fr);
}