/* ── mob.css — 手机端覆盖（≤768px）── */

/* ── 平板过渡（≤900px）── */
@media (max-width: 900px) {
  .why-own-grid { grid-template-columns: repeat(2, 1fr); }
  .demo-row { grid-template-columns: 1fr; gap: 28px; }
  .demo-row-rev .demo-text { order: 0; }
  .demo-row-rev .demo-card  { order: 0; }
}

/* ── 手机端（≤768px）── */
@media (max-width: 768px) {
  /* Header */
  .logo-img { height: 26px; }
  nav { gap: 16px; }
  nav a { font-size: 12px; }

  /* 轮播 */
  .slider { padding-bottom: 60.3%; }

  /* Section */
  .section { padding: 56px 0; }
  .section h2 { margin-bottom: 36px; }

  /* Services */
  .services-grid { grid-template-columns: 1fr; }
  .service-card { padding: 22px 20px; }
  .service-icon { width: 34px; height: 34px; border-radius: 8px; margin-bottom: 12px; }
  .service-icon svg { width: 16px; height: 16px; }

  /* Works */
  .works-grid { grid-template-columns: 1fr; }
  .work-visit-link { align-self: flex-end; }

  /* Reasons */
  .reason { gap: 16px; }

  /* Survey */
  .survey-section { padding: 20px 16px 14px; }
  .check-group, .radio-group { gap: 6px 8px; }
  .check-item, .radio-item { font-size: 13px; padding: 5px 10px; }
  .survey-submit-row { flex-direction: column; align-items: flex-start; gap: 10px; }

  /* 表单 */
  .form-row { grid-template-columns: 1fr; }

  /* Footer */
  .site-footer .container { flex-direction: column; gap: 6px; text-align: center; }
}

/* ── Why Own 单列（≤560px）── */
@media (max-width: 560px) {
  .why-own-grid {
    grid-template-columns: 1fr;
    gap: 10px;
    background: transparent;
    border: none;
    border-radius: 0;
  }
  .why-own-card {
    padding: 18px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--card);
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
  }
  .why-own-card:last-child { border-bottom: 1px solid var(--border); }
  .why-own-num { font-size: 10px; margin-bottom: 6px; }
  .why-own-card h4 { font-size: 14px; margin-bottom: 6px; }
  .why-own-card p { font-size: 12.5px; }
}

/* ── 超小屏（≤480px）── */
@media (max-width: 480px) {
  .logo-en { display: none; }
  .slider { padding-bottom: 65%; }
  .container { padding: 0 16px; }
  .section h2 { font-size: 22px; }
  .contact-sub { margin-top: -24px; }
}