/* desktop.css – 05/11/2026 (chị Lan Anh: khách xem trên Mac / laptop thấy web "bé như màn điện thoại").
   Chỉ áp dụng cho màn to (từ 700px – 05/11 chị: iPad cũng rộng như máy tính). Điện thoại KHÔNG đổi gì. Bỏ tệp này là về như cũ.
   Khung rộng hơn (1040px), danh sách xếp 2 cột cho đỡ trống 2 bên. Ô nhập thông tin và ô chuyển cọc giữ vừa phải cho dễ đọc. */
@media (min-width:700px){
  .app,.bar .in,.nav .in,.box{max-width:1040px}
  .app{padding-left:24px;padding-right:24px}

  /* Trang chủ: 4 nhóm dịch vụ thành 2 cột, ô có viền */
  .menu{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .menu .mrow{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px 18px}
  .search{max-width:640px;margin-left:auto;margin-right:auto}
  .loy,.promise,.more{max-width:760px;margin-left:auto!important;margin-right:auto!important}

  /* Trang dịch vụ: 2 cột ô dịch vụ */
  .pad:has(>.crow){display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-items:start}
  .pad:has(>.crow)>:not(.crow){grid-column:1/-1}
  .pad:has(>.crow)>.crow{margin-bottom:16px}

  /* Ô chuyển cọc, trang lịch hẹn: giữ bề rộng vừa mắt, nằm giữa */
  .summary,.paycard,.code{max-width:640px;margin-left:auto;margin-right:auto}
  /* Nút Xác nhận đặt lịch: không kéo dài hết màn, nằm bên phải như nút Tiếp tục */
  .barrow .primary{width:100%;max-width:520px;margin-left:auto!important}
}