/* สีของป้ายสินค้า — ที่เดียวที่ตัดสินว่าป้ายใบไหนสีอะไร (มติ 151 · 20 ก.ย. 2569)

   ⚠⚠ **แยกออกมาเพราะป้ายไปโผล่สองที่แล้ว ไม่ใช่เพราะอยากมีไฟล์เยอะ**
     หน้ารายการแปะทับรูป (`product-badge.css`) · หน้าสินค้าขึ้นในบรรทัด (`variant-badge.css`)
     ถ้าปล่อยให้สองไฟล์นั้นถือสีคนละชุด วันที่เจ้าของอยากเปลี่ยนสีป้าย
     จะเปลี่ยนได้ที่เดียวแล้วอีกหน้าค้างสีเก่า **โดยไม่มีอะไรฟ้อง**

   ⚠⚠ **ข้อความบนป้ายมาจากเซิร์ฟเวอร์ ไม่ได้เขียนไว้ใน CSS**
     CSS ตัดสินแค่ว่าป้ายหน้าตายังไง ไม่ได้ตัดสินว่าป้ายไหนควรขึ้น
     กฎว่าติดป้ายอะไรบ้างอยู่ที่ `Product::flags()` ที่เดียว
     กฎว่าป้ายไหนขึ้นการ์ดได้ อยู่ที่ `Product::cardFlags()` ที่เดียว */

/* ⚠ สีตั้งต้นเป็นกลาง — ป้ายที่ยังไม่มีสีเฉพาะต้องอ่านออก ไม่ใช่กลายเป็นตัวหนังสือลอย */
.product-badge,
.variant-badge {
  background: #3c4450;
  color: #fff;
}

/* ขายดี / มาแรง — ใช้เหลืองของชุดออกแบบ ตัวหนังสือดำ เพราะเหลืองกับขาวอ่านไม่ออก */
.badge-best,
.badge-hot { background: var(--yellow, #f5c400); color: #111; }

/* ลดราคา / โปรโมชัน — แดงคือสีที่คนอ่านว่า "ราคาเปลี่ยน" อยู่แล้ว */
.badge-sale,
.badge-promo { background: #b4362a; color: #fff; }

/* หมดแล้วหมดเลย — ไม่ใช่ป้ายชวนซื้อ แต่เป็นคำเตือนว่าล็อตนี้ล็อตสุดท้าย (มติ 24)
   ⚠ ขึ้นเฉพาะหน้าสินค้าตอนเลือกสีนั้นแล้ว ไม่ขึ้นบนการ์ด (มติ 151) */
.badge-last_lot { background: #6b4e12; color: #fff; }