/* KTP: bảng giá + form nhận báo giá. Mọi class bắt đầu bằng kbf- để không đụng CSS cũ. */
.kbf-section { background: #f5f8fc; padding: 56px 16px; }
.kbf-wrap { max-width: 1140px; margin: 0 auto; }
.kbf-title { text-align: center; color: #111827; font-size: 28px; font-weight: 700; margin: 0 0 8px; }
.kbf-sub { text-align: center; color: #4b5563; margin: 0 0 32px; }
.kbf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.kbf-card { position: relative; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 24px 20px; display: flex; flex-direction: column; }
.kbf-hot { border: 2px solid #0056b3; box-shadow: 0 6px 20px rgba(0, 86, 179, .12); }
.kbf-badge { position: absolute; top: -12px; right: 16px; background: #f59e0b; color: #fff; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 999px; }
.kbf-name { font-weight: 700; color: #111827; font-size: 18px; }
.kbf-price { color: #0056b3; font-size: 28px; font-weight: 800; margin: 8px 0 12px; }
.kbf-card ul { list-style: none; padding: 0; margin: 0 0 20px; color: #374151; font-size: 15px; flex: 1; }
.kbf-card li { padding: 4px 0 4px 22px; position: relative; }
.kbf-card li::before { content: "✓"; position: absolute; left: 0; color: #16a34a; font-weight: 700; }
.kbf-btn { display: inline-block; text-align: center; background: #0056b3; color: #fff !important; text-decoration: none; border: 0; border-radius: 8px; padding: 12px 18px; font-weight: 600; font-size: 16px; cursor: pointer; }
.kbf-btn:hover { background: #004494; }
.kbf-note { text-align: center; color: #4b5563; margin: 24px 0 40px; font-size: 15px; }
.kbf-note a { color: #0056b3; font-weight: 600; }
.kbf-formbox { max-width: 720px; margin: 0 auto; background: #fff; border-radius: 12px; padding: 28px 24px; border: 1px solid #e5e7eb; scroll-margin-top: 90px; }
.kbf-formtitle { margin: 0 0 6px; color: #111827; font-size: 22px; text-align: center; }
.kbf-formsub { margin: 0 0 20px; color: #4b5563; text-align: center; }
.kbf-form label { display: block; font-weight: 600; color: #1f2937; margin-bottom: 14px; font-size: 15px; }
.kbf-form label span { color: #dc2626; }
.kbf-form input, .kbf-form select, .kbf-form textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 6px; padding: 11px 12px; border: 1px solid #d1d5db; border-radius: 8px; font: inherit; font-weight: 400; background: #fff; }
.kbf-form input:focus, .kbf-form select:focus, .kbf-form textarea:focus { outline: 2px solid #0056b3; border-color: #0056b3; }
.kbf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.kbf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.kbf-submit { width: 100%; font-size: 17px; padding: 14px; }
.kbf-submit[disabled] { opacity: .6; cursor: wait; }
.kbf-msg { min-height: 1.2em; margin: 12px 0 0; text-align: center; font-weight: 600; }
.kbf-msg.kbf-ok { color: #15803d; }
.kbf-msg.kbf-err { color: #dc2626; }
.kbf-alt { text-align: center; margin: 10px 0 0; color: #4b5563; font-size: 15px; }
.kbf-alt a { color: #0056b3; font-weight: 600; }
.kbf-input-err { border-color: #dc2626 !important; }
@media (max-width: 900px) { .kbf-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) {
  .kbf-section { padding: 40px 16px; }
  .kbf-grid, .kbf-row { grid-template-columns: 1fr; }
  .kbf-title { font-size: 23px; }
}