/* =================================================================
   MOBILE-6 — faq page
   Requires: mobile-common.css
   ================================================================= */

@media (max-width: 768px) {

  /* ─── INNER ──────────────────────────────────────────────────  */
  .faq-hero .inner,
  .faq-section .inner,
  .stay-informed .inner {
    max-width: 100% !important;
    padding: 0 16px !important;
  }

  /* ─── HERO ───────────────────────────────────────────────────  */
  .faq-hero   { padding: 60px 0 10px !important; }
  .faq-kicker { font-size: 14px !important; margin-top: 20px !important; }
  .faq-title  { font-size: 22px !important; line-height: 1.3; }

  /* ─── SECTION ────────────────────────────────────────────────  */
  .faq-h    { font-size: 18px !important; margin: 30px 0 12px !important; }
  .faq-section { padding: 0 !important; }
  .faq-item    { padding: 0 !important; }

  /* ─── ACCORDION ──────────────────────────────────────────────  */
  .faq-q {
    padding: 18px 0 !important;
    font-size: 15px !important;
    line-height: 1.4;
    gap: 12px;
    min-height: 48px;
  }

  .faq-icon         { width: 18px !important; height: 18px !important; flex: 0 0 18px; }
  .faq-icon::before { width: 14px !important; }
  .faq-icon::after  { height: 14px !important; }

  /* ─── ANSWER ─────────────────────────────────────────────────  */
  .faq-a-inner       { padding: 0 0 16px !important; }
  .faq-a-inner p     { font-size: 14px !important; line-height: 1.6; margin: 8px 0 0; }

  /* ─── STAY INFORMED ──────────────────────────────────────────  */
  .stay-informed      { padding: 40px 0 !important; }
  .stay-informed h2   { font-size: 20px !important; }
  .stay-informed p    { width: 100% !important; font-size: 14px !important; line-height: 1.6; margin-bottom: 20px !important; }

  .subscribe-form {
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    gap: 10px;
  }

  .subscribe-form input { width: 100% !important; height: 44px !important; font-size: 14px !important; }
  .btn-receive          { width: 100% !important; height: 44px !important; font-size: 14px !important; }

}