/* ============================================================
   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}

  .utility-bar{gap:.85rem;padding:.4rem 1.25rem}
  .utility-bar .utility-group{gap:.85rem}
  .utility-bar .utility-contact{gap:.65rem}
  .utility-bar .utility-contact-text{display:none}
}

/* 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}

  .utility-bar{padding:.35rem 1rem;gap:.75rem}
  .utility-bar .utility-group{gap:.75rem}
  .utility-bar .utility-text{min-width:auto}
  .utility-bar .utility-actions{justify-content:flex-end}
  .utility-bar .theme-menu{order:2}
  .utility-bar .utility-contact{order:1}

  /* Mobile utility bar */
  .utility-bar .utility-item--day,
  .utility-bar .utility-item--date,
  .utility-bar .utility-item--time .utility-time-label,
  .utility-bar .utility-contact-text{display:none}
  .utility-bar .utility-contact{gap:.65rem}
  .utility-bar .utility-contact a{padding:.3rem}
  .utility-bar .theme-menu button{width:2.1rem;height:2.1rem}

  /* Mobile performance: lighter blur and better tables */
  .nav-links{backdrop-filter:blur(12px)}
  .hero-badge, .glass-panel, .quote, .btn-outline, .cta-band, .feature-img, .price-card.featured, .social a{backdrop-filter:blur(8px)}
  .lightbox{backdrop-filter:blur(4px)}
  .table-wrap table{min-width:auto}
  .table-wrap th, .table-wrap td{padding:.8rem 1rem}
}

@media (max-width:420px){
  .orb{width:170px !important;height:170px !important;opacity:.22 !important;filter:blur(18px) !important}
  .orb.cyan{right:0 !important;top:-18px !important}
  .orb.violet{left:-32px !important;bottom:-20px !important}
}

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