/* =====================================================================
   AutoKorea — ГАР УТАСНЫ ХЯЛБАРШУУЛСАН БҮТЭЦ (2026)
   style.css-ийн дараа ачаалагдана.
   ===================================================================== */

/* Зөвхөн утсанд харагдах элементүүд */
.mftoggle { display: none; }
.mobile-cta { display: none; }

@media (max-width: 860px) {

  /* ---------- 1. Толгой хэсэг: илүүдлийг хасах ---------- */
  .topbar { font-size: 12px; }
  .topbar .hidesm { display: none !important; }
  header.site .bar { height: 58px; gap: 8px; }
  header.site .logo img { height: 28px; }
  header.site .callus b { font-size: 16px; white-space: nowrap; letter-spacing: -.2px; }
  header.site .callus span { display: none; }
  .burger { width: 42px; height: 42px; font-size: 22px; }
  nav.main { top: 58px; }
  .crumb { font-size: 12px; margin: 8px 0; }

  /* ---------- 2. Шүүлтүүр — хумигдсан ---------- */
  .searchbox { padding: 10px; border-radius: 12px; }

  .searchbox .tabs {
    display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 6px;
    -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 2px;
  }
  .searchbox .tabs::-webkit-scrollbar { display: none; }
  .searchbox .tabs a { white-space: nowrap; flex: 0 0 auto; padding: 9px 14px; font-size: 13.5px; }

  .mftoggle {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; margin-top: 10px; padding: 13px 14px;
    background: #eef3f8; border: 1px solid var(--line); border-radius: 10px;
    font: 600 15px/1 inherit; color: var(--nv2); cursor: pointer;
  }
  .mftoggle b { color: var(--ac2); }
  .mftoggle:after { content: '▾'; font-size: 13px; opacity: .6; }
  .searchbox.open .mftoggle:after { content: '▴'; }

  .searchbox .fbody { display: none; margin-top: 12px; }
  .searchbox.open .fbody { display: block; }

  /* нэг баганаар, намхан жагсаалт */
  .cascade, .fgrid, .searchbox .fgrid[style] { grid-template-columns: 1fr !important; gap: 10px; }
  .cascade select[size] { height: 132px; font-size: 14px; }
  .searchbox .f label { font-size: 12.5px; }
  .searchbox input, .searchbox select { min-height: 42px; font-size: 15px; }
  .searchbox .row2 { gap: 6px; }
  .sbar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
  .sbar .btn { width: 100%; text-align: center; }

  /* ---------- 3. Үр дүнгийн мөр ---------- */
  .resbar { flex-direction: column; align-items: stretch; gap: 8px; }
  .resbar .cnt { font-size: 14px; }
  .resbar .tools { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .resbar .tools select { width: 100%; min-height: 40px; }
  .resbar .viewsw { display: none; }

  /* ---------- 4. Машины карт — нэг багана, том зураг ---------- */
  .cars, .cars.c3 { grid-template-columns: 1fr !important; gap: 12px; }
  .card { border-radius: 12px; }
  .card .ph { aspect-ratio: 16/10; }
  .card .cmp { display: none; }
  .card .bd { padding: 12px; gap: 6px; }
  .card .nm { font-size: 16px; line-height: 1.35; }
  .card .gr { font-size: 12px; }
  .card .sp { font-size: 12.5px; gap: 6px 10px; }
  .card .pr .mnt { font-size: 20px; }
  .card .pr .krw { font-size: 12px; }

  /* ---------- 5. Машины дэлгэрэнгүй ---------- */
  .detail { gap: 14px; }
  .gal .main { aspect-ratio: 4/3; border-radius: 12px; }
  .gal .thumbs { gap: 6px; }
  .panel { padding: 14px; border-radius: 12px; }
  h1 { font-size: 20px; line-height: 1.3; }
  .spec th, .spec td { padding: 9px 8px; font-size: 13.5px; }
  .pricebox .mnt { font-size: 26px; }
  .finbox .frow { grid-template-columns: 1fr; }
  .finbox input { min-height: 42px; font-size: 16px; }

  /* доод талын наалдсан товчнууд */
  .mobile-cta {
    display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 90;
    padding: 9px 10px calc(9px + env(safe-area-inset-bottom));
    background: rgba(255,255,255,.97); border-top: 1px solid var(--line);
    box-shadow: 0 -4px 16px rgba(10,30,60,.10);
  }
  .mobile-cta a { flex: 1; text-align: center; padding: 13px 8px; font-size: 15px; font-weight: 700; border-radius: 10px; }
  body:has(.mobile-cta) { padding-bottom: 76px; }
  .cmpbar { bottom: 66px; }

  /* ---------- 6. Хөл ---------- */
  footer.site .cols { grid-template-columns: 1fr !important; gap: 18px; }
  footer.site .btm { flex-direction: column; gap: 6px; font-size: 12px; text-align: center; }

  /* ---------- 7. Хүрэх талбайг томсгох ---------- */
  .btn { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
  a, button, label.ck { -webkit-tap-highlight-color: rgba(11,59,110,.12); }
  table.spec { display: block; overflow-x: auto; }
}

@media (max-width: 480px) {
  .wrap { padding-left: 12px; padding-right: 12px; }
  .hero h1 { font-size: 21px; }
  .card .pr .mnt { font-size: 19px; }
}