/* Vanguard mockup mobile readability and bilingual layout guardrails. */
@media (max-width: 640px) {
  html {
    font-size: 17px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body,
  body * {
    min-width: 0 !important;
  }

  body * {
    max-width: 100%;
  }

  .tbar .tk,
  [class*="ticker"] > *,
  [class*="marquee"] > * {
    max-width: none;
  }

  header,
  nav,
  main,
  section,
  article,
  footer,
  [class*="wrap"],
  [class*="container"],
  [class*="grid"],
  [class*="hero"] {
    max-width: 100%;
  }

  h1,
  h2,
  h3,
  h4,
  p,
  li,
  a,
  button,
  label,
  input,
  select,
  textarea {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto;
  }

  p,
  li,
  input,
  select,
  textarea {
    font-size: max(16px, 1em) !important;
    line-height: 1.55;
  }

  button,
  .btn,
  [class*="btn"],
  [class*="cta"] {
    font-size: max(15px, .925rem) !important;
    line-height: 1.25;
    white-space: normal;
  }

  label,
  small,
  .tag,
  .eyebrow,
  [class*="eyebrow"],
  [class*="kicker"] {
    font-size: max(15px, .925rem) !important;
    line-height: 1.35;
  }

  nav a,
  header a,
  footer a {
    font-size: max(14px, .875rem);
  }

  header .hd,
  header .pillnav {
    width: 100%;
    padding-inline: 12px !important;
    gap: 6px !important;
  }

  header .hd-right,
  header .hd-actions,
  header .navtools {
    gap: 5px !important;
  }

  header .brand small,
  header .logo-sub,
  header .lic {
    display: none !important;
  }

  .shead {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[lang="es"] body.brizzas-page .hero h1 {
    font-size: clamp(32px, 9vw, 38px) !important;
    overflow-wrap: normal !important;
    hyphens: manual;
  }

  input,
  select,
  textarea,
  button,
  [role="button"] {
    min-height: 42px;
  }

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

@media (max-width: 480px) {
  header .hd-call,
  header .btn-call,
  header .call {
    display: none !important;
  }
}