﻿@media (max-width: 980px) {
  .header-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .nav-links {
    width: 100%;
  }

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

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

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

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

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

  .cta-banner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  body {
    padding-bottom: 78px;
  }

  .section {
    padding: 50px 18px;
  }

  .hero {
    padding: 58px 18px;
  }

  .header-actions {
    width: 100%;
  }

  .header-actions .btn {
    width: 100%;
  }

  .trust-grid,
  .step-list {
    grid-template-columns: 1fr;
  }

  .hero-actions {
    flex-direction: column;
  }

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

  .mobile-sticky {
    position: fixed;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    background: rgba(255,255,255,0.98);
    border-top: 1px solid var(--colour-border);
    z-index: 50;
  }

  .mobile-sticky .btn {
    min-height: 48px;
  }
}

