/**
 * B2B Universal mobile owner.
 *
 * Shared mobile safeguards live here. Component-specific responsive rules
 * remain in their component owner files.
 */

@media (max-width: 782px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  .container {
    width: min(100% - 32px, var(--b2b-container, 1200px));
  }

  img,
  video,
  iframe {
    max-width: 100%;
  }
}

@media (max-width: 420px) {
  .container {
    width: min(100% - 24px, var(--b2b-container, 1200px));
  }
}