/* ============================================
   PRUNE TSIMI — faq-responsive.css
   Loaded only on screens ≤ 768px
   ============================================ */

@media (max-width: 768px) {

  /* ── NAV ── */
  nav {
    padding: 0 20px;
    height: 56px;
  }

  .nav-logo {
    font-size: 17px;
  }

  .nav-cta {
    font-size: 12px;
    padding: 8px 14px;
  }

  /* ── HERO ── */
  .hero {
    padding: 90px 20px 40px;
  }

  .hero h1 {
    font-size: 32px;
    letter-spacing: -0.5px;
  }

  .hero p {
    font-size: 15px;
  }

  /* ── FAQ SECTION ── */
  .faq-section {
    padding: 0 20px 48px;
  }

  .faq-category {
    margin-bottom: 36px;
  }

  .faq-question {
    padding: 18px 0;
    gap: 16px;
  }

  .faq-question-text {
    font-size: 15px;
  }

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

  .faq-icon::before {
    width: 10px;
  }

  .faq-icon::after {
    height: 10px;
  }

  .faq-answer-inner {
    font-size: 14px;
    line-height: 1.75;
  }

  /* ── CTA BLOCK ── */
  .cta-block {
    margin: 0 20px 48px;
    padding: 32px 24px;
  }

  .cta-block h2 {
    font-size: 22px;
  }

  .cta-block p {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .cta-btn {
    font-size: 13px;
    padding: 12px 24px;
    width: 100%;
    text-align: center;
  }

  /* ── FOOTER ── */
  footer {
    padding: 24px 20px;
  }

}

@media (max-width: 480px) {

  .hero h1 {
    font-size: 26px;
  }

  .nav-cta {
    display: none;
  }

  .faq-question-text {
    font-size: 14px;
  }

  .cta-block h2 {
    font-size: 20px;
  }

}