/* =====================================================================
   RESPONSIVE.CSS — breakpoint refinements layered on top of style.css
   ===================================================================== */

/* Large screens */
@media(min-width:1600px){
  .container{max-width:1400px;}
}

/* Laptop */
@media(max-width:1200px){
  .container{padding:0 26px;}
  .hero-grid{gap:40px;}
}

/* Tablet */
@media(max-width:1024px){
  :root{--gap-section: clamp(52px,8vw,90px);}
  .services-grid,.product-scroller{grid-template-columns:repeat(2,1fr);}
  .stats-strip{padding:36px 24px;}
}

/* Small tablet / large phone */
@media(max-width:768px){
  .section-head{margin-bottom:40px;}
  .about-preview .grid2,.story-grid,.mv-grid,.contact-grid{grid-template-columns:1fr;}
  .hero-actions{gap:12px;}
  .hero-stats{gap:26px;}
  .cta-banner{padding:50px 26px;}
  .values-grid,.why-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{gap:36px;}
}

/* Mobile */
@media(max-width:600px){
  .container{padding:0 20px;}
  .section{padding:56px 0;}
  .hero{min-height:auto;padding-top:120px;padding-bottom:60px;}
  .hero-content{padding-top:20px;}
  .hero h1{font-size:32px;}
  .hero p.lead{font-size:15.5px;}
  .btn{padding:14px 26px;font-size:14px;}
  .services-grid,.services-full-grid,.product-scroller,.values-grid,.why-grid{grid-template-columns:1fr;}
  .process-track{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .fab-stack{right:16px;bottom:16px;}
  .fab{width:50px;height:50px;}
  .lightbox-arrow{width:42px;height:42px;}
  .lightbox-arrow.prev{left:10px;}
  .lightbox-arrow.next{right:10px;}
  .order-card,.contact-form-card{padding:26px 18px;}
}

/* Landscape phones */
@media(max-height:480px) and (orientation:landscape){
  .hero{min-height:auto;padding:130px 0 60px;}
  .nav-links{padding:24px;}
}