/* =========================
   GLOBAL RESPONSIVE FIXES
========================= */

img {
  max-width: 100%;
  height: auto;
}

/* prevent horizontal scroll issues */
body {
  overflow-x: hidden;
}

/* =========================
   TABLET (<= 992px)
========================= */

@media (max-width: 992px) {

  .hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero-buttons {
    justify-content: center;
  }

  .glass-card {
    height: 420px;
  }

  .about-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .about-image {
    width: 100%;
    height: 380px;
  }

  .about-stats {
    justify-content: center;
    flex-wrap: wrap;
  }

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

  .nav-links {
    gap: 20px;
  }
}

/* =========================
   MOBILE (<= 600px)
========================= */

@media (max-width: 600px) {

  .section {
    padding: 80px 0;
  }

  .hero-grid {
    gap: 30px;
  }

  .hero-title {
    font-size: 2rem;
  }

  .glass-card {
    height: 300px;
    border-radius: 25px;
  }

  .floating-card {
    display: none; /* remove clutter on mobile */
  }

  .services-grid.three-col {
    grid-template-columns: 1fr;
  }

  .service-card {
    padding: 25px;
  }

  .about-image {
    height: 260px;
    border-radius: 14px;
  }

  .about-content h2 {
    font-size: 2rem;
  }

  .about-stats {
    flex-direction: column;
    gap: 20px;
  }

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

    .nav-links{
    position:absolute;

    top:80px;
    left:0;

    width:100%;

    background:white;

    padding:30px 0;

    flex-direction:column;
    align-items:center;
    gap:25px;

    display:none;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);
  }

  .nav-links.show{
    display:flex;
  }
}

@media (max-width: 992px) {
  .contact-info {
    grid-template-columns: 1fr;
  }
}