/* v189 P0 mobile containment.
   Scope is intentionally mobile-only so the established desktop three-column desk is unchanged. */
@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
  }

  body *,
  body *::before,
  body *::after {
    min-width: 0;
  }

  /* A later desktop microsite layer lowered the mobile drawer to z-index 6,
     leaving the backdrop above it and making every category item unclickable. */
  #mobileCategoryDrawer {
    z-index: 1299 !important;
  }

  #mobileCategoryBackdrop {
    z-index: 1298 !important;
  }

  .seo-static-trust,
  .seo-static-trust strong,
  .v165-proof-rail,
  .trust-carousel,
  .trust-carousel .hero-card,
  .seo-footer,
  .seo-footer .footer-links {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .seo-static-trust strong {
    overflow-wrap: anywhere;
  }

  .trust-carousel .hero-card {
    inset-inline: 0 !important;
    margin-inline: 0 !important;
  }

  .v165-proof-rail {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
  }

  .seo-footer .footer-links {
    transform: none !important;
    animation: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  #vobomAiPanel,
  #vobomAiPanel .dialog-head,
  #vobomAiPanel #messages,
  #vobomAiPanel #quickReplies,
  #vobomAiPanel #chatForm,
  #vobomAiPanel #fileChips {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* The existing v169 mobile drawer uses 10px left/right insets. Keep its
     computed width automatic; forcing 100% here would add those insets again
     and clip the Send button off the right edge. */
  body.mobile-ai-open #vobomAiPanel {
    width: auto !important;
    max-width: none !important;
  }

}