/* ═══════════════════════════════════════════════
   SERASMAC v2 — Responsive
   ═══════════════════════════════════════════════ */

/* ── Tablet ── */
@media (max-width: 1080px) {
  .sm-hero__grid {
    grid-template-columns: 1fr;
    gap: var(--sm-space-8);
  }

  .sm-ops-panel { max-width: 560px; margin-inline: auto; }

  .sm-process__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sm-space-6);
  }
  .sm-process__grid::before { display: none; }

  .sm-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sm-risk-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .sm-tools-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sm-ecosystem__grid {
    grid-template-columns: 1fr;
    gap: var(--sm-space-6);
  }
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .sm-hero { padding: var(--sm-space-10) 0; }

  .sm-process__grid {
    grid-template-columns: 1fr 1fr;
  }

  .sm-services-grid,
  .sm-risk-cards,
  .sm-tools-grid {
    grid-template-columns: 1fr;
  }

  .sm-trust__list {
    gap: var(--sm-space-6);
  }

  .sm-section { padding-block: var(--sm-space-10); }

  .sm-ops-cells {
    grid-template-columns: 1fr;
  }
}

/* ── Small mobile ── */
@media (max-width: 480px) {
  .sm-process__grid {
    grid-template-columns: 1fr;
  }

  .sm-hero__actions {
    flex-direction: column;
  }

  .sm-hero__actions .sm-btn { width: 100%; }

  .sm-final-cta__actions {
    flex-direction: column;
    align-items: center;
  }
}

/* ── Print ── */
@media print {
  .sm-header, .sm-footer, .sm-nav-drawer, .sm-nav-overlay,
  .sm-skip, .sm-mobile-cta { display: none !important; }

  body { background: #fff; color: #000; }
  .sm-section { padding-block: 2rem; }
  .sm-card { box-shadow: none; border: 1px solid #ccc; }
}