/* ============================================================
   responsive.css — 平板 + 手機斷點 (Phase 4 細修；此為基礎版)
   Wix Studio 斷點: 桌機 ≥1001 / 平板 768–1000 / 手機 ≤750
   ============================================================ */

/* ===== 平板 (≤1000px) ===== */
@media (max-width:1000px){
  :root{ --nav-h:74px; }

  .main-nav{ display:none; }
  .hamburger{ display:flex; }
  .site-header.scrolled .mobile-nav,
  .mobile-nav{ position:absolute; top:var(--nav-h); left:0; right:0; background:#fff; box-shadow:0 12px 24px rgba(0,0,0,.08); padding:8px 0; }
  .mobile-nav a{ display:block; padding:16px var(--pad-x); font-family:var(--f-en); font-size:18px; color:var(--red); border-top:1px solid #f0f0f0; }

  .hero-photos{ width:42%; opacity:.5; }
  .hero-giant{ font-size:clamp(56px,13vw,150px); }

  .place-card{ grid-template-columns:1fr; }
  .place-photo{ min-height:240px; }

  .concept-row{ grid-template-columns:auto 1fr; }
  .concept-vid{ display:none; }

  .svc-grid{ grid-template-columns:repeat(2,1fr); }

  .cta-inner{ grid-template-columns:1fr; }

  .footer-cols{ grid-template-columns:repeat(2,1fr); }
}

/* ===== 手機 (≤600px) ===== */
@media (max-width:600px){
  :root{ --pad-x:20px; }

  .hero{ min-height:88vh; }
  .hero-photos{ width:100%; opacity:.22; }
  .hero-kicker{ font-size:22px; }
  .hero-giant{ font-size:clamp(46px,15vw,90px); }

  .stats-grid{ grid-template-columns:1fr; gap:48px; }

  .concept-hero-panel{ max-width:100%; }
  .concept-hero-desc{ margin-left:0; }

  .concepts-en{ font-size:34px; }

  .svc-grid{ grid-template-columns:1fr; }

  .journey-list{ grid-template-columns:1fr; }

  .form-row{ grid-template-columns:1fr; }

  .footer-cols{ grid-template-columns:1fr 1fr; gap:24px; }

  .faq-giant{ font-size:34vw; }
  .faq-arrow,.faq-vertical{ display:none; }
  .faq-list{ margin-top:140px; }
}