/* เครื่องคำนวณมอเตอร์ AGV — ใช้ร่วมกันทั้งหน้าไทยและอังกฤษ
   สีอ้างจากตัวแปรแบรนด์ใน custom.css ถ้าแก้สีแบรนด์ที่นั่น หน้านี้เปลี่ยนตาม */
.mc{--mc-line:#d7dde4;--mc-bg:#f7f9fb;--mc-warn:#b45309;--mc-warnbg:#fffbeb;
    border:1px solid var(--mc-line);border-radius:10px;padding:18px 18px 6px;
    background:var(--mc-bg);margin:18px 0}
.mc h3{margin:0 0 14px;font-size:16px;color:var(--amr-navy)}
.mc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px 14px}
.mc-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.mc-f label{font-size:12.5px;font-weight:700;color:#3f4a56;line-height:1.4}
.mc-f select,.mc-f input{padding:7px 9px;border:1px solid var(--mc-line);border-radius:6px;
    background:#fff;font:inherit;font-size:14px;color:#1f2933;width:100%;box-sizing:border-box}
.mc-f select:disabled,.mc-f input:disabled{background:#eceff2;color:#8b96a3}
.mc-f small{font-size:11.5px;color:#6b7681;line-height:1.45}

/* ── ผลลัพธ์ ── */
.mc-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;
    margin:16px 0 0;padding:15px;background:#fff;border:1px solid var(--mc-line);border-radius:8px}
.mc-o{min-width:0}
.mc-o .k{font-size:12px;color:#6b7681;display:block;line-height:1.4}
.mc-o .v{font-size:23px;font-weight:700;color:var(--amr-navy);line-height:1.25;
    display:block;word-break:break-word}
.mc-o .u{font-size:12.5px;font-weight:400;color:#6b7681}
.mc-o .sub{font-size:12px;color:#6b7681}

.mc-note{margin:12px 0 0;padding:10px 13px;border-radius:7px;font-size:13px;line-height:1.65;
    background:var(--mc-warnbg);border:1px solid #fcd77f;color:var(--mc-warn)}
.mc-note:empty{display:none}
.mc-tag{display:inline-block;padding:1px 9px;border-radius:20px;font-size:11.5px;
    font-weight:700;vertical-align:2px;margin-left:7px}
.mc-tag.ok{background:#dcfce7;color:#15803d}
.mc-tag.order{background:#ffedd5;color:#c2410c}

/* ── ตารางเทียบทุกอัตราทด ── */
.mc-tbl{margin:16px 0 14px;overflow-x:auto}
.mc-tbl table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.mc-tbl th,.mc-tbl td{padding:6px 9px;border:1px solid var(--mc-line);text-align:right;
    white-space:nowrap}
.mc-tbl th{background:#eef2f6;font-weight:700;color:#3f4a56;text-align:right}
.mc-tbl th:first-child,.mc-tbl td:first-child{text-align:left}
.mc-tbl tr.on td{background:#e0f6f9;font-weight:700}
.mc-tbl caption{caption-side:top;text-align:left;font-size:12.5px;color:#6b7681;
    padding-bottom:7px;line-height:1.5}

@media (max-width:480px){
  .mc{padding:14px 13px 4px}
  .mc-out{padding:12px;gap:10px}
  .mc-o .v{font-size:20px}
}

/* ปุ่มไปหน้าสินค้า — ขึ้นเฉพาะรุ่นที่ใส่ลิงก์ในช่อง sku แล้ว */
.mc-buy:empty{display:none}
.mc-buy{margin:13px 0 2px}
.mc-buy-a{display:inline-block;padding:9px 20px;border-radius:7px;background:var(--amr-teal);
  color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important}
.mc-buy-a:hover{background:#0795a5}

/* ช่อง "มอเตอร์" ข้อความยาวกว่าช่องอื่น (กำลังไฟ + แรงดัน + หน้าแปลน)
   ถ้าให้กว้างเท่ากันทุกช่อง ข้อความจะถูกตัดกลางคำ */
.mc-f.mc-wide{grid-column:span 2}
@media (max-width:620px){ .mc-f.mc-wide{grid-column:span 1} }