/* Minh Khang Mobile Care — trang trong (dịch vụ sửa chữa / Kho máy cũ / SP / Liên hệ) theo mockup suadienthoai3-inner/mockups/*-desktop-v1.png */
.mki-hero { padding-top: 14px; }
.mki-hero .b9i-crumb { margin-bottom: 18px; }
.mki-hero h1 { font-size: 46px; }
.mki-hero .b9i-hero-img img { aspect-ratio: 16 / 11; }
.mki-k { font-size: 15px; }
.mki-feat { padding: 30px 0 34px; }
.mki-svcs .b9i-icard img { width: 58px; height: 58px; }
.mki-qform { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 210px; gap: 20px; align-items: end; border: 1px solid var(--line); border-radius: var(--r); padding: 18px 20px; margin-bottom: 18px; }
.mki-qform button { width: 100%; min-height: 44px; }
.mki-qform .b9-form-msg { grid-column: 1 / -1; margin: 0; }
.mki-qform .b9-form-msg:empty { display: none; }
.mki-proc .b9i-sec-t { margin-bottom: 30px; }
.mki-proc .b9i-step img { width: 58px; height: 58px; }
.mki-askw { padding: 30px 0; background: var(--bg2); }
.mki-ask-dark { background: var(--c2); }
.mki-ct .b9i-band-t { font-size: 44px; }
.mki-ct1 { padding-top: 26px; }
.mki-cform h2 { font-size: 30px; }
.mki-mapw { padding-top: 10px; padding-bottom: 40px; }
.mk-in-shop .b9i-badge, .mk-in .b9i-badge { background: #f0f0f2; }
body.mk-in { --pd-bg: #fff; }
body.mk-in .b9i-pd-main, body.mk-in .b9i-desc-img { border: 1px solid var(--line); }
/* mockup: Xem ngay viền, Thêm vào giỏ nền đỏ */
.b9i-grid .b9-pc-btn a.b9-btn { background: #fff; color: var(--c1) !important; }
.b9i-grid .b9-pc-btn a.b9-btn:hover { background: var(--c1); color: #fff !important; }
.b9i-grid .b9-pc-btn a.b9-btn-o { background: var(--c1); color: #fff !important; }
.b9i-grid .b9-pc-p del { display: block; font-size: 13px; margin: 0; }
.b9i-grid .b9-pc-p { font-size: 20px; }
@media (max-width: 849px) {
  .mki-hero h1 { font-size: 32px; }
  .mki-qform { grid-template-columns: minmax(0, 1fr); }
  .mki-ct .b9i-band-t { font-size: 32px; }
}
/* ruler:manual (đo ruler 10-10: icon dải cam kết x1.3–1.55, tiêu đề thẻ dịch vụ/quy trình x1.2–1.3) */
@media (min-width: 850px) {
  .mki-svc .b9i-feat img { width: 58px; height: 58px; }
  .mki-feat-shop img { width: 64px; height: 64px; }
  .mki-feat-shop b { font-size: 18px; }
  .mki-svcs .b9i-icard h3 { font-size: 20px; }
  .mki-svcs .b9i-icard img { width: 62px; height: 62px; }
  .mki-proc .b9i-step h3 { font-size: 20px; }
  .mki-proc .b9i-step img { width: 64px; height: 64px; }
  body.mk-in .b9i-pd-f img { width: 44px; height: 44px; }
}
