/* Shared ultra-narrow treatment for the imported static-site header. */
@media (max-width: 359px) {
  .offline-consumer-header {
    padding-inline-end: 60px !important;
  }

  header.offline-consumer-header > .offline-tenant-brand {
    height: 56px !important;
    width: 88px !important;
    padding: 0 4px 0 8px !important;
  }

  header.offline-consumer-header > .offline-tenant-brand img {
    width: 76px !important;
  }

  #offline-mode-switch {
    inset-inline-start: 88px !important;
    width: 158px !important;
  }

  #offline-mode-switch .offline-mode-switch__inner > a,
  #offline-mode-partner-button {
    gap: 4px !important;
    padding-inline: 4px !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
  }

  #offline-mode-partner-button .offline-component-chevron {
    width: 7px !important;
    height: 7px !important;
  }

  #offline-consumer-nav-button {
    inset-inline-end: 8px !important;
    width: 44px !important;
    height: 44px !important;
    padding: 10px !important;
  }
}

@media (max-width: 299px) {
  header.offline-consumer-header > .offline-tenant-brand {
    width: 72px !important;
    padding-inline: 4px !important;
  }

  header.offline-consumer-header > .offline-tenant-brand img {
    width: 64px !important;
  }

  #offline-mode-switch {
    inset-inline-start: 72px !important;
    width: calc(100vw - 132px) !important;
  }

  #offline-mode-switch .offline-mode-switch__inner > a,
  #offline-mode-partner-button {
    gap: 3px !important;
    padding-inline: 3px !important;
    font-size: 11px !important;
  }

  #offline-consumer-nav-button {
    inset-inline-start: calc(100vw - 52px) !important;
    inset-inline-end: auto !important;
  }
}