.sitewide-mobile-tabs {
  display: none;
}

@media (max-width: 1100px), (hover: none) and (pointer: coarse) {
  body {
    padding-top: calc(5.4rem + env(safe-area-inset-top)) !important;
  }

  .sitewide-mobile-tabs {
    position: fixed !important;
    z-index: 2147483646 !important;
    right: .5rem !important;
    top: max(.5rem, env(safe-area-inset-top)) !important;
    left: .5rem !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    gap: .2rem;
    overflow: hidden;
    padding: .42rem;
    border: 1px solid rgba(73, 56, 48, .2);
    border-radius: .9rem;
    background: #fffdf9;
    box-shadow: 0 10px 28px rgba(73, 56, 48, .2);
    transform: none !important;
  }

  .sitewide-mobile-tabs a {
    flex: 1 1 0;
    min-width: 0;
    padding: .7rem .3rem;
    border-radius: .7rem;
    color: #49382f !important;
    font: 700 .72rem/1.2 Arial, sans-serif !important;
    text-align: center;
    text-decoration: none !important;
  }

  .sitewide-mobile-tabs a:active,
  .sitewide-mobile-tabs a:focus-visible {
    background: #f0ded7;
  }
}