/* =============================================
   AKUNEX — RESPONSIVE STYLES
   ============================================= */

@media (max-width: 1100px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .industry-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }
}

@media (max-width: 900px) {
  .hero {
    flex-direction: column;
    text-align: center;
    padding: 7rem 1.5rem 4rem;
  }
  .hero-content {
    max-width: 100%;
  }
  .hero-visual {
    display: none;
  }
  .hero-cta,
  .hero-trust {
    justify-content: center;
  }
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .about-grid {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .about-visual {
    display: none;
  }
  .global-inner {
    grid-template-columns: 1fr;
    padding: 2.5rem;
  }
  .global-img-area {
    display: none;
  }
  .vm-grid {
    grid-template-columns: 1fr 1fr;
  }
  .values-grid {
    grid-template-columns: 1fr 1fr;
  }
  .testimonials-grid {
    grid-template-columns: 1fr 1fr;
  }
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .timeline::before {
    left: 22px;
  }
  .tl-dot {
    left: 22px;
  }
  .timeline-item,
  .timeline-item.right {
    flex-direction: column;
    padding-left: 4.5rem;
  }
  .tl-card {
    width: 100%;
  }
  .timeline-item.right .tl-card {
    margin-left: 0;
  }
  .service-detail-card {
    grid-template-columns: 1fr;
  }
  .sdc-img {
    width: 100%;
    height: 220px;
  }
  .import-items-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .nav-links {
    display: none;
  }
  .nav-links.open {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 320px;
    height: 100vh;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(20px);
    padding: 5rem 2rem 2rem;
    box-shadow: -8px 0 40px rgba(30, 58, 95, 0.15);
    z-index: 999;
    gap: 0.25rem;
    align-items: flex-start;
    animation: slideIn 0.3s ease;
  }
  @keyframes slideIn {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(0);
    }
  }
  .nav-links.open .nav-link {
    width: 100%;
    padding: 0.8rem 1rem;
    border-radius: 10px;
  }
  .mega-menu {
    position: static;
    transform: none;
    width: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    pointer-events: all;
    padding: 0.5rem 0 0 1rem;
    display: none;
  }
  .has-mega:hover .mega-menu,
  .has-mega.open .mega-menu {
    display: grid;
  }
  .hamburger {
    display: flex;
  }
}

@media (max-width: 640px) {
  .section-pad {
    padding: 70px 0;
  }
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .services-grid {
    grid-template-columns: 1fr;
  }
  .why-grid {
    grid-template-columns: 1fr 1fr;
  }
  .vm-grid {
    grid-template-columns: 1fr;
  }
  .values-grid {
    grid-template-columns: 1fr;
  }
  .testimonials-grid {
    grid-template-columns: 1fr;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }
  .industry-cards-grid {
    grid-template-columns: 1fr;
  }
  .import-items-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-form .form-row {
    grid-template-columns: 1fr;
  }
  .cta-inner h2 {
    font-size: 2rem;
  }
  .page-hero {
    padding: 7rem 1.5rem 4rem;
  }
  .hero-card {
    display: none;
  }
  .about-meta-grid {
    grid-template-columns: 1fr;
  }
  .global-inner {
    padding: 1.8rem;
  }
}

@media (max-width: 400px) {
  .why-grid {
    grid-template-columns: 1fr;
  }
  .hero-title {
    font-size: 2.2rem;
  }
}