/* =============================================
   PVK POWER SOLUTIONS — RESPONSIVE STYLES
   ============================================= */

/* ─── TABLET (≤ 1024px) ─── */
@media (max-width: 1024px) {
  .products-grid     { grid-template-columns: repeat(2, 1fr); }
  .footer-grid       { grid-template-columns: 1fr 1fr; gap: 36px; }
  .why-inner         { gap: 48px; }
  .about-inner       { gap: 48px; }
  .stats-grid        { grid-template-columns: repeat(2, 1fr); }
  .contact-grid      { grid-template-columns: 1fr; }
  .contact-info-card { height: auto; }
}

/* ─── TABLET PORTRAIT (≤ 900px) ─── */
@media (max-width: 900px) {
  .why-inner   { grid-template-columns: 1fr; }
  .about-inner { grid-template-columns: 1fr; }
  .why-img     { display: none; }
  .cta-inner   { flex-direction: column; text-align: center; }
  .cta-btns    { justify-content: center; }
}

/* ─── MOBILE (≤ 768px) ─── */
@media (max-width: 768px) {
  :root { font-size: 15px; }

  /* NAV */
  .nav-links {
    position: fixed;
    top: 0; right: -100%;
    width: min(300px, 80vw);
    height: 100vh;
    background: var(--green-dark);
    flex-direction: column;
    align-items: flex-start;
    padding: 100px 32px 40px;
    gap: 24px;
    transition: right var(--transition);
    box-shadow: -8px 0 40px rgba(0,0,0,0.25);
    z-index: 999;
  }
  .nav-links.open { right: 0; }
  .nav-links a {
    font-size: 1.1rem;
    color: var(--white);
  }
  .nav-cta { display: none; }
  .hamburger { display: flex; z-index: 1001; }

  /* HERO */
  .hero-stats    { flex-wrap: wrap; gap: 24px; }
  .hero-btns     { flex-direction: column; align-items: flex-start; }

  /* GRIDS */
  .services-grid         { grid-template-columns: 1fr; }
  .products-grid         { grid-template-columns: 1fr 1fr; }
  .services-full-grid    { grid-template-columns: 1fr; }
  .amc-grid              { grid-template-columns: 1fr; }
  .values-grid           { grid-template-columns: 1fr; }
  .stats-grid            { grid-template-columns: repeat(2, 1fr); }
  .form-row              { grid-template-columns: 1fr; }

  /* SECTIONS */
  .section    { padding: 56px 0; }
  .section-sm { padding: 36px 0; }

  /* FOOTER */
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; gap: 8px; text-align: center; }

  /* CONTACT FORM */
  .contact-form-wrap { padding: 28px 20px; }
}

/* ─── SMALL MOBILE (≤ 480px) ─── */
@media (max-width: 480px) {
  .products-grid { grid-template-columns: 1fr; }
  .stats-grid    { grid-template-columns: 1fr 1fr; }
  .hero-stats    { gap: 20px; }
  .stat-num      { font-size: 1.6rem; }
  .page-hero     { padding: 120px 0 60px; }
}