/* ══════════════════════════════════════
   Smart Zugdidi — FAQ mobile.css
   Breakpoints: 900px | 480px
   ══════════════════════════════════════ */

/* ── 900px: tablet ── */
@media (max-width: 900px) {

  .sz-header-inner { padding: 0 20px; }

  main { padding: 36px 20px 56px; }

  .page-hero { margin-bottom: 28px; }
  .page-hero h1 { font-size: 1.6rem; }

  .faq-category { margin-top: 24px; }

  .faq-list { gap: 8px; }

  .faq-q { font-size: 0.94rem; padding: 16px 18px; }

  .faq-a {
    font-size: 0.88rem;
    padding: 0 18px 16px;
    padding-top: 12px;
  }

}

/* ── 480px: mobile ── */
@media (max-width: 480px) {

  .sz-header-inner { padding: 0 14px; height: 56px; }

  .sz-logo img { height: 28px; }

  .sz-logo-name { font-size: 0.85rem; }

  .sz-logo-sub { display: none; }

  .sz-back-btn { font-size: 0.75rem; padding: 5px 10px; }

  main { padding: 20px 14px 48px; }

  .page-hero { margin-bottom: 22px; }

  .page-hero-icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    margin-bottom: 12px;
  }
  .page-hero-icon svg { width: 20px; height: 20px; }

  .page-hero h1 { font-size: 1.2rem; }

  .page-hero p { font-size: 0.82rem; }

  .faq-category {
    font-size: 0.62rem;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .faq-list { gap: 8px; }

  .faq-item { border-radius: 10px; }

  .faq-q {
    font-size: 0.88rem;
    padding: 14px 14px;
    gap: 10px;
  }

  .faq-q-icon { width: 24px; height: 24px; }

  .faq-q-icon svg { width: 12px; height: 12px; }

  .faq-a {
    font-size: 0.84rem;
    padding: 0 14px 14px;
    padding-top: 10px;
  }

  .sz-footer { padding: 16px 14px; }
  .sz-footer-inner { font-size: 0.72rem; }

}