/* กล่องแดงเตือน "ส่งผ่านบริษัทขนส่งไม่ได้" บนหน้าสินค้า (มติ 42 · 47 · 106)
 *
 * ⚠⚠ ไฟล์ทับ โหลดเฉพาะหน้าสินค้าเดี่ยว — **หนึ่งไฟล์ตอบหนึ่งเรื่อง**
 *    ห้ามแตะ `storefront.css` ของชุดออกแบบ และห้ามแตะ `tokens.css`
 *
 * ⚠ ใช้ `--danger` ที่ชุดออกแบบมีอยู่แล้ว **ไม่เพิ่มสีใหม่ลงระบบสี**
 *   การเติมสีลงไฟล์กลางคือการเปลี่ยนระบบสีของทั้งเว็บเพื่อแก้กล่องเดียว (มติ 88)
 *
 * ⚠⚠ **ข้อความไม่ได้อยู่ในไฟล์นี้** — มาจาก `lang/{th,en}/product.php` ผ่านเซิร์ฟเวอร์
 *    เขียนคำลง CSS เมื่อไหร่ วันที่เจ้าของอยากเปลี่ยนคำจะเปลี่ยนได้ที่เดียว
 *    แล้วอีกที่ค้างคำเก่า (หลักเดียวกับมติ 90)
 *
 * ⚠⚠ **ห้ามซ่อนกล่องนี้ด้วย CSS** — เซิร์ฟเวอร์เป็นคนตัดสินว่าจะเตือนมั้ย
 *    และ `storefront.js` ใช้ `hidden` · กล่องที่ถูกซ่อนด้วย CSS ยังอยู่ในหน้า
 *    ให้ตัวอ่านหน้าจออ่าน ซึ่งกลับด้านจากที่ตั้งใจ
 */
.delivery-note {
  border: 2px solid var(--danger);
  border-radius: 10px;
  background: #fdf3f2;
  padding: 14px 16px;
  margin: 16px 0 0;
}

/* ⚠ หัวกล่องต้องหนาและอ่านออกก่อนตัวปุ่ม — คนที่กวาดตาลงมาจะเห็นบรรทัดนี้ก่อนเสมอ */
.delivery-note strong {
  display: block;
  color: var(--danger);
  font-size: 15px;
  line-height: 1.5;
}

.delivery-note p {
  font-size: 13px;
  line-height: 1.7;
  margin: 8px 0 0;
}