/* ============================================
   NH INCOM — Responsive Breakpoints
   Mobile-first approach
   ============================================ */

/* ── < 768px (Mobile) ── */
@media (max-width: 767px) {
  /* Navigation */
  .nav-desktop { display: none; }
  .site-header__cta { display: none; }
  .nav-toggle { display: flex; }

  /* Grid */
  .grid--2, .grid--3, .grid--4 {
    grid-template-columns: 1fr;
  }

  .grid--2-1, .grid--1-2, .grid--sidebar {
    grid-template-columns: 1fr;
  }

  /* Hero */
  .hero { min-height: 340px; padding-block: var(--space-2xl); }
  .hero--home { min-height: 400px; }

  /* Feature Cards */
  .card--feature {
    grid-template-columns: 1fr;
  }
  .card--feature .card__image {
    min-height: 180px;
  }

  /* Footer */
  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-xl);
  }

  .site-footer__bottom {
    flex-direction: column;
    text-align: center;
  }

  /* Contact */
  .contact-grid {
    grid-template-columns: 1fr;
  }

  /* Capability */
  .capability-grid {
    grid-template-columns: 1fr;
  }

  /* Two Column */
  .two-col,
  .two-col--reverse {
    grid-template-columns: 1fr;
    direction: ltr;
  }

  /* Floating Contact */
  .floating-contact {
    bottom: var(--space-md);
    right: var(--space-md);
  }

  .floating-contact__btn {
    width: 42px;
    height: 42px;
  }

  /* Back to top */
  .back-to-top {
    bottom: var(--space-md);
    left: var(--space-md);
  }

  /* Filter Bar */
  .filter-bar {
    flex-direction: column;
  }

  .filter-bar__select {
    width: 100%;
  }

  /* Flow Diagram */
  .flow-diagram {
    flex-direction: column;
  }

  .flow-arrow {
    transform: rotate(90deg);
  }

  /* Timeline */
  .timeline__item {
    grid-template-columns: 36px 1fr;
    gap: var(--space-md);
  }

  /* Trust Bar */
  .trust-bar__list {
    gap: var(--space-sm) var(--space-md);
  }

  /* Stats */
  .stats {
    gap: var(--space-lg);
  }

  .stat {
    min-width: 100px;
  }

  /* CTA Banner */
  .cta-banner {
    padding: var(--space-xl) var(--space-lg);
  }

  .cta-banner__actions {
    flex-direction: column;
    align-items: stretch;
  }

  /* Page Hero */
  .page-hero {
    padding-block: var(--space-xl);
  }

  /* Error Page */
  .error-page__code {
    font-size: 4rem;
  }

  /* Product Card Actions */
  .product-card__actions {
    flex-direction: column;
  }
}

/* ── 768px – 1023px (Tablet) ── */
@media (min-width: 768px) and (max-width: 1023px) {
  .nav-desktop { display: none; }
  .site-header__cta { display: none; }
  .nav-toggle { display: flex; }

  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--sidebar { grid-template-columns: 1fr; }

  .site-footer__grid {
    grid-template-columns: 1fr 1fr;
  }

  .card--feature {
    grid-template-columns: 1fr 1fr;
  }

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

/* ── >= 1024px (Desktop) ── */
@media (min-width: 1024px) {
  .nav-toggle { display: none; }
  .nav-mobile { display: none !important; }
}

/* ── Large Desktop ── */
@media (min-width: 1440px) {
  :root {
    --container-max: 1200px;
  }
}

/* ── Print ── */
@media print {
  .site-header,
  .nav-mobile,
  .floating-contact,
  .back-to-top,
  .cta-banner,
  .cookie-notice {
    display: none !important;
  }

  .hero, .page-hero {
    background: var(--surface) !important;
    color: var(--text-900) !important;
    min-height: auto;
    padding-block: var(--space-md);
  }

  body {
    font-size: 11pt;
    color: #000;
  }

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