/* 共通モバイル最適化 (全ページ共通で読み込む) */
@media (max-width: 720px) {
  body { font-size: 14px; }
  .container { padding: 14px 12px 48px !important; max-width: 100% !important; }

  /* ヘッダ */
  header { padding-bottom: 10px !important; margin-bottom: 14px !important; flex-wrap: nowrap !important; gap: 8px !important; }
  .brand { font-size: 15px !important; }
  nav { gap: 2px !important; overflow-x: auto; max-width: 64vw; padding-bottom: 2px; }
  nav::-webkit-scrollbar { display: none; }
  nav a { padding: 5px 10px !important; font-size: 11px !important; white-space: nowrap; }

  /* カード */
  .card { padding: 14px !important; border-radius: 8px !important; }

  /* 見出し */
  h1 { font-size: 20px !important; }
  h2 { font-size: 16px !important; }
  h3 { font-size: 14px !important; }

  /* フォーム */
  input[type="text"], input[type="email"], input[type="url"], select, textarea {
    font-size: 16px !important; /* iOSズーム防止 */
  }

  /* 料金ページ */
  .plans { grid-template-columns: 1fr !important; }
  .plan-price .num { font-size: 32px !important; }

  /* 店舗グリッド */
  .store-grid { grid-template-columns: 1fr !important; }

  /* 機能カード */
  .features { grid-template-columns: 1fr !important; }

  /* ヒーロー / CTA */
  .hero h1 { font-size: 24px !important; }
  .demo-banner { padding: 20px 16px !important; }
  .demo-banner h1 { font-size: 18px !important; }

  /* FAQ */
  .faq-q { padding: 12px 14px !important; font-size: 13px !important; }
  .faq-a { padding: 0 14px 12px !important; font-size: 12px !important; }

  /* 特商法 table */
  .legal td:first-child { width: 100px !important; font-size: 11px !important; }

  /* Filter chips */
  .filter-chips { gap: 4px !important; }
  .filter-chips .chip { padding: 3px 8px !important; font-size: 10px !important; }

  /* Tab */
  .tab { padding: 8px 12px !important; font-size: 12px !important; }
}