/* ============================================================
   KESTUL FABRICATION — responsive.css
   Breakpoints: 1200 / 992 / 768 / 480
   ============================================================ */

/* ---------- 1200px : large laptops ---------- */
@media (max-width:1200px){
  .container{padding:0 20px;}
  .hero-grid{gap:36px;}
  .products-grid{grid-template-columns:repeat(3,1fr);}
  .expertise-grid{grid-template-columns:repeat(3,1fr);}
  .stat-strip{grid-template-columns:repeat(4,1fr);}
}

/* ---------- 992px : tablets landscape ---------- */
@media (max-width:992px){
  section{padding:80px 0;}
  .nav-links{
    position:fixed;top:0;right:0;height:100vh;width:78%;max-width:340px;
    background:var(--navy-deep);border-left:1px solid rgba(255,255,255,.08);
    flex-direction:column;align-items:flex-start;gap:0;
    padding:110px 32px 40px;
    transform:translateX(100%);transition:transform .4s var(--ease);
    z-index:999;box-shadow:-20px 0 50px rgba(0,0,0,.4);
  }
  .nav-links.mobile-open{transform:translateX(0);}
  .nav-links a{width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px;}
  .hamburger{display:flex;z-index:1001;}
  .hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.active span:nth-child(2){opacity:0;}
  .hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav-cta .btn-outline{display:none;}
  .utility-left span:nth-child(3){display:none;}

  .hero{min-height:auto;padding:150px 0 90px;}
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{height:360px;order:-1;margin-bottom:20px;}
  .hero-stats{gap:24px;}

  .about-grid{grid-template-columns:1fr;}
  .about-visual{max-width:420px;margin:0 auto 50px;}

  .services-grid{grid-template-columns:repeat(2,1fr);}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .gallery-masonry{columns:3 180px;}

  .contact-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}

/* ---------- 768px : tablets portrait / mobile landscape ---------- */
@media (max-width:768px){
  .utility-bar .utility-left{gap:14px;}
  .utility-bar span,.utility-bar a{font-size:12px;}
  .utility-right .parent-link{display:none;}

  .navbar{height:72px;}
  .brand img{height:44px;}

  .hero h1{font-size:clamp(30px,7vw,42px);}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .hero-actions .btn{width:100%;}
  .hero-stats{justify-content:space-between;}
  .hero-badge{left:12px;bottom:-18px;padding:14px 18px;}

  .expertise-grid{grid-template-columns:repeat(2,1fr);}
  .stat-strip{grid-template-columns:repeat(2,1fr);}

  .services-grid{grid-template-columns:1fr;}
  .products-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:1fr 1fr;}
  .gallery-masonry{columns:2 160px;}

  .expansion-panel{flex-direction:column;text-align:center;padding:34px 24px;}

  .form-row{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:36px;}
  .footer-bottom{flex-direction:column;text-align:center;}

  .process-content p{max-width:100%;}
}

/* ---------- 480px : mobile ---------- */
@media (max-width:480px){
  .container{padding:0 16px;}
  section{padding:64px 0;}
  .section-title{font-size:28px;}

  .utility-left{gap:10px;overflow:hidden;}
  .utility-left span:nth-child(2){display:none;}

  .hero{padding-top:130px;}
  .hero-tag{font-size:10.5px;}
  .hero p.lead{font-size:15px;}
  .hero-visual{height:280px;}
  .about-years{padding:16px 18px;top:-16px;right:-10px;}
  .about-years b{font-size:28px;}

  .expertise-grid{grid-template-columns:1fr 1fr;}
  .stat-strip{grid-template-columns:1fr 1fr;}
  .stat-cell .num{font-size:28px;}

  .products-grid{grid-template-columns:1fr 1fr;}
  .why-grid{grid-template-columns:1fr;}
  .gallery-masonry{columns:1 100%;}

  .contact-info-card,.contact-form{padding:26px;}
  .cta-actions{flex-direction:column;width:100%;}
  .cta-actions .btn{width:100%;}

  .floating-actions{right:16px;bottom:16px;}
  .fab{width:48px;height:48px;font-size:19px;}
}