/* sinolega v2 — mobile-first responsive overrides */

@media (max-width: 768px) {

  /* Header */
  .site-nav { display: none }
  .site-burger { display: flex }
  .site-header__cta { display: none }

  .site-nav.is-open {
    display: flex;
    position: fixed;
    inset: 56px 0 0 0;
    background: var(--color-surface);
    flex-direction: column;
    padding: var(--space-6) var(--gutter);
    gap: var(--space-4);
    border-top: 1px solid var(--color-border);
  }
  .site-nav.is-open a {
    font-size: 1.25rem;
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--color-border);
  }

  /* Hero */
  .hero .search-bar {
    flex-direction: column;
    padding: var(--space-3);
    gap: var(--space-2);
    align-items: stretch;
  }
  .hero .search-bar input {
    padding: var(--space-3) var(--space-2);
    border-bottom: 1px solid var(--color-border);
  }
  .hero .search-bar .btn {
    justify-content: center;
  }

  /* Trust bar */
  .trust-bar__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-5);
  }
  .trust-item {
    border-left: none;
    padding-left: 0;
  }

  /* Section 3 capability cards */
  .cap-grid { grid-template-columns: 1fr }

  /* Section 5 cases */
  .case-grid { grid-template-columns: 1fr }

  /* Section 6 steps */
  .steps-grid { grid-template-columns: 1fr; gap: var(--space-8) }

  /* Footer */
  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }
  .site-footer__legal {
    flex-direction: column;
    gap: var(--space-2);
  }
}

@media (max-width: 480px) {
  .section { padding-block: var(--space-10) }
  .hero h1 { font-size: clamp(1.75rem, 7vw, 2.5rem) }
}