/* ป้ายของตัวเลือกที่ลูกค้าเลือกอยู่ ในหน้าสินค้า (มติ 151 · เจ้าของเลือก 20 ก.ย. 2569)

   ⚠⚠ **ที่มาของไฟล์นี้: ป้าย «หมดแล้วหมดเลย» ถูกย้ายออกจากการ์ดหน้ารายการ**
     `AAZ-3` เลิกผลิตเฉพาะสีแดง แต่การ์ดขึ้นป้ายคร่อมทั้งใบ คนอ่านว่าทั้งรุ่นเลิกผลิต
     ป้ายจึงย้ายมาอยู่ตรงนี้ ที่ซึ่งลูกค้าเลือกสีแล้ว — ป้ายกับของที่อยู่ตรงหน้าเป็นตัวเดียวกัน

   ⚠⚠ **คนละไฟล์กับ `product-badge.css` โดยตั้งใจ** ไฟล์นั้นแปะป้ายทับรูป
     และตั้ง `position:relative` ให้ `.product-photo` ซึ่งหน้านี้ใช้ร่วมอยู่ (การ์ดอุปกรณ์เสริม)
     โหลดไฟล์นั้นมาที่นี่เมื่อไหร่ = ไปขยับการ์ดอุปกรณ์เสริมโดยไม่มีใครตั้งใจ

   ⚠ สีของป้ายอยู่ที่ `badge-color.css` ที่เดียว ไฟล์นี้ตอบแค่เรื่อง "วางตรงไหน หน้าตายังไง" */

.variant-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 var(--space-3, 12px);
}

.variant-badge {
  padding: 3px 9px;
  border-radius: 3px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .2px;
}