/* ================= MOBILE & TABLET FIXES ================= */
@media (max-width: 900px) {

  /* Header */
  .navbar {
    padding: 16px 5%;
  }

  /* Overlay Menu */
  .menu-panel {
    left: 5%;
    width: 90%;
    max-width: none;
  }

  /* Hero layout */
  .hero {
    padding: 1px 5% 60px;
  }

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

  .hero h1 {
    font-size: 28px;
  }

  .hero p {
    font-size: 16px;
  }

  .cta-btn {
    padding: 14px 22px;
    font-size: 15px;
  }

  /* Badges */
  .hero-badges span {
    display: inline-block;
    margin-bottom: 6px;
  }

  /* Industries pills */
  .industries {
    gap: 10px;
  }

  .industries span {
    font-size: 13px;
    padding: 8px 14px;
  }

  /* Receipt */
  .invoice {
    max-width: 100%;
  }

  .receipt {
    font-size: 14px;
  }

  /* Highlights grid FIX (MOST IMPORTANT) */
  .highlights-grid {
    grid-template-columns: 1fr;
  }

  .card {
    padding: 18px 18px;
  }

  .icon-box {
    width: 48px;
    height: 48px;
  }

  .icon-box i {
    font-size: 22px;
  }

  .card h3 {
    font-size: 16px;
  }

  .card p {
    font-size: 14px;
  }
}