/* ==========================================================================
   CallZone BPO Solutions — Responsive overrides
   Base styles in style.css are mobile-first; this file handles edge breakpoints.
   ========================================================================== */

/* Small mobile */
@media (max-width: 380px) {
  :root { --container-pad: 1rem; }
  .hero h1 { font-size: var(--fs-3xl); }
  .btn { padding: 0.8rem 1.4rem; font-size: var(--fs-xs); }
}

/* Large desktop / 1920px+ */
@media (min-width: 1600px) {
  :root { --container-max: 1440px; }
  .hero h1 { font-size: 5.5rem; }
}

/* Landscape phones */
@media (max-width: 900px) and (orientation: landscape) {
  .hero { min-height: auto; padding-block: 8rem 4rem; }
}

/* Print */
@media print {
  .navbar, .hero__shapes, .ops-pulse, .footer__newsletter { display: none; }
  body { background: #fff; color: #000; }
}