/* ============================================================
   CodeAugs — responsive.css
   Ultra-wide → large desktop → tablet → mobile
   ============================================================ */

/* Ultra-wide screens */
@media (min-width:1800px){
  :root{--container:1400px}
  body{font-size:17px}
}

/* Small desktop / large tablet */
@media (max-width:1180px){
  .nav-links a{padding:.5rem .58rem;font-size:.85rem}
  .brand img{height:36px}
}

/* Tablet */
@media (max-width:1024px){
  :root{--nav-h:64px}
  .hamburger{display:flex}
  .nav-links{
    position:fixed;inset:var(--nav-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:.15rem;
    background:rgba(11,15,25,.98);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);
    padding:1rem 1.25rem 1.75rem;max-height:calc(100vh - var(--nav-h));overflow-y:auto;
    transform:translateY(-14px);opacity:0;visibility:hidden;transition:all var(--t);
  }
  .nav-links.open{transform:none;opacity:1;visibility:visible}
  .nav-links a{padding:.8rem .9rem;font-size:.95rem;justify-content:flex-start}
  .nav-cta{justify-content:center !important;margin-top:.65rem}
  .mega{
    position:static;transform:none;width:auto;opacity:1;visibility:visible;display:none;
    grid-template-columns:1fr;background:transparent;border:0;box-shadow:none;padding:.25rem 0 .5rem 1rem;
  }
  .has-mega.open .mega{display:grid}
  .has-mega > a::after{margin-left:auto}
  .hero-grid,.split{grid-template-columns:1fr}
  .hero{min-height:auto;padding-top:calc(var(--nav-h) + 2.5rem)}
  .hero-media::after{background:linear-gradient(180deg,rgba(11,15,25,.86),rgba(11,15,25,.94))}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* Mobile */
@media (max-width:680px){
  body{font-size:15.5px}
  .container,.container-wide{padding-inline:1.15rem}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:2rem}
  .hero-actions .btn,.cta-band .btn{width:100%}
  .hero-meta{gap:1.15rem}
  .section-head{margin-bottom:2rem}
  .card{padding:1.4rem}
  .quote{padding:1.5rem}
  .lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}
  .footer-bottom{flex-direction:column;text-align:center}
  .gallery-grid{grid-template-columns:1fr}
}

/* Print */
@media print{
  .navbar,.footer,.back-top,.preloader,.progress-bar{display:none !important}
  body{background:#fff;color:#000}
}