/* ============================================================
   KRISHIV PACKAGING — RESPONSIVE OVERRIDES
   ============================================================ */

/* ---------- ≤1080px : tablet ---------- */
@media (max-width:1080px){
  .grid-6{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(3,1fr)}
  .locations-grid{grid-template-columns:repeat(2,1fr)}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .process-track{grid-template-columns:repeat(3,1fr);row-gap:40px}
  .process-track::before{display:none}
  .cert-row{justify-content:flex-start}
  .cert-item{flex:1 1 30%}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* ---------- ≤900px : nav collapses ---------- */
@media (max-width:900px){
  .main-nav{
    position:fixed;top:73px;left:0;right:0;bottom:0;
    background:var(--paper);
    flex-direction:column;align-items:stretch;justify-content:flex-start;
    padding:24px 28px 28px;
    transform:translateX(100%);transition:transform .25s ease;
    overflow-y:auto;
    gap:0;
  }
  .main-nav.open{transform:translateX(0)}
  .main-nav ul{flex-direction:column;align-items:flex-start;gap:4px;width:100%}
  .main-nav ul li{width:100%}
  .main-nav a{
    font-size:1.15rem;display:block;width:100%;padding:13px 2px;
    border-bottom:1px solid var(--border);
  }
  .main-nav a::after{display:none}
  .header-cta{
    margin-top:22px;flex-direction:column;align-items:stretch;gap:12px;width:100%;
  }
  .header-phone{font-size:1rem;justify-content:center;padding:8px 0}
  .header-phone span{display:inline}
  .header-cta .btn{width:100%;justify-content:center}
  .nav-toggle{display:flex}

  .hero-inner{grid-template-columns:1fr;padding-top:36px}
  .hero-text{padding-bottom:0}
  .hero-visual{aspect-ratio:3/4;order:-1;height:auto;margin-bottom:8px}
  .hero-stats{gap:24px}

  .split{grid-template-columns:1fr;gap:36px}
  .split.reverse .split-visual{order:0}

  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .cta-band .container{flex-direction:column;align-items:flex-start;text-align:left}
}

/* ---------- ≤680px : mobile ---------- */
@media (max-width:680px){
  section{padding:52px 0}
  .container{padding:0 20px}
  .grid-6,.grid-3,.grid-4,.testi-grid,.blog-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr;text-align:center}
  .step-num-icon{margin-left:auto;margin-right:auto}
  .locations-grid{grid-template-columns:1fr}
  .testi-carousel-card{flex-basis:82vw}
  .testi-header-row{flex-direction:column;align-items:flex-start}
  .process-track{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .cert-row{flex-direction:column}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .logo-strip .ph-box{min-width:130px}
  .hero-stats{gap:20px}
  .hero-stats div strong{font-size:1.6rem}
  .float-actions{right:14px;bottom:14px}
  .float-btn{width:50px;height:50px}
  .btn-row{flex-direction:column;align-items:stretch}
  .btn{justify-content:center}
  .lead-modal{padding:30px 24px 24px}
  .lead-modal h3{font-size:1.35rem}
}