/* มติ 847 — ตาราง «ใช้แทนรหัสยี่ห้ออื่น» (หน้าสินค้า + หน้าค้นหา)
 *
 * ⚠ ไฟล์ทับ — ห้ามแก้ `storefront.css` / `tokens.css` ของชุดออกแบบ (มติ 88) · ใช้ตัวแปรที่มีอยู่แล้ว ไม่ประกาศสีใหม่
 * ⚠ «ใกล้เคียง» ใช้สีเตือน (`--danger`) ให้เห็นว่าต้องตรวจสเปคก่อนสั่ง — ไม่ใช่สีเดียวกับ «ใช้แทนกันได้»
 */
.competitor-codes { margin: 20px 0; padding: 16px; border: 1px solid var(--line, #e2e5ea); border-radius: var(--radius, 10px); background: var(--surface, #fff); }
.competitor-codes h2 { margin: 0 0 10px; font-size: var(--text-lg, 1.125rem); }
.competitor-codes-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.competitor-codes table { width: 100%; border-collapse: collapse; font-size: var(--text-sm, .875rem); }
.competitor-codes th, .competitor-codes td { padding: 8px 10px; border-bottom: 1px solid var(--line, #e2e5ea); text-align: left; vertical-align: top; }
.competitor-codes th { color: var(--muted, #6b7280); font-weight: 600; white-space: nowrap; }
.competitor-codes td:nth-child(2), .competitor-codes .competitor-aic { white-space: nowrap; }
/* มติ 849 — ลูกศรรหัสเขา → ของเรา · รหัส AIC ตัวหนาให้เห็นว่าเป็นคำตอบ */
.competitor-codes .competitor-arrow { width: 1%; padding-left: 2px; padding-right: 2px; text-align: center; color: var(--muted, #6b7280); font-size: var(--text-lg, 1.125rem); }
.competitor-codes .competitor-aic { font-weight: 700; }
.competitor-codes .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.competitor-codes .competitor-photo { width: 56px; padding-top: 4px; padding-bottom: 4px; }
.competitor-codes .competitor-photo img { display: block; width: 48px; height: 48px; object-fit: contain; border-radius: var(--radius-sm, 6px); background: var(--canvas, #f7f8fa); }
.competitor-codes code { font-family: inherit; font-weight: 600; }
.competitor-codes .match-equivalent { font-weight: 600; }
.competitor-codes .match-similar { color: var(--danger, #b42318); }
.competitor-codes .source-note { margin: 10px 0 0; }