@media (max-width: 980px) {
  .nav-links,
  .nav-actions .btn-ghost,
  .nav-actions .btn-primary {
    display: none;
  }

  .mobile-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.8);
  }

  .hero-grid,
  .category-grid,
  .vendor-grid,
  .steps-grid,
  .trust-grid,
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

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

  .hero-search {
    grid-template-columns: 1fr;
  }

  .hero-search .btn {
    width: 100%;
  }

  .section {
    padding: 80px 0;
  }
}

@media (max-width: 640px) {
  .brand {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
  }

  .hero {
    padding-top: 48px;
  }

  .category-grid,
  .vendor-grid,
  .steps-grid,
  .trust-grid,
  .stats-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .section-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-banner {
    padding: 42px 24px;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}