/* Breakpoint-specific fixes */

/* Never let media overflow its container (prevents horizontal scroll) */
img, svg, video, iframe { max-width: 100%; }
.et-l--post svg { height: auto; }

@media (max-width: 1023px) {
  .zha-hero__inner { padding: 60px 20px; }
}

@media (max-width: 980px) {
  .et-l--post .zha-sec { padding-top: clamp(36px, 6vw, 64px); padding-bottom: clamp(36px, 6vw, 64px); }
  .et-l--post .zha-hero { min-height: min(80svh, 640px); padding-top: 72px; }
}

@media (max-width: 767px) {
  .et-l--post .zha-hero { min-height: min(74svh, 560px); }
  .et-l--post .zha-hero-network { max-height: 45%; }
  .et-l--post h1.zha-h1 { font-size: clamp(2rem, 1.2rem + 7vw, 2.75rem); }
  .et-l--post .et_pb_button { padding: 0.65em 1.2em; }
  .zha-office-cards { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .et-l--post .et_pb_row { padding-left: 16px; padding-right: 16px; }
}