.mobile-callbar { display: none; }
@media (max-width: 767px) {
  html.encore-callbar-active { scroll-padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
  html.encore-callbar-active body { padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
  .mobile-callbar:not([hidden]) {
    display: block;
    position: fixed;
    inset: auto 0 0;
    z-index: 80;
    padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 1px solid #e1e3e6;
    box-shadow: 0 -3px 14px rgb(0 0 0 / 10%);
  }
  .mobile-callbar a {
    display: grid;
    grid-template-columns: 25px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 12px;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 7px 16px;
    background: #e80000;
    color: #fff;
    text-decoration: none;
    line-height: 1.25;
  }
  .mobile-callbar svg { grid-row: 1 / 3; justify-self: center; }
  .mobile-callbar-label { font-size: 13px; font-weight: 500; }
  .mobile-callbar strong { font-size: 21px; white-space: nowrap; }
  .mobile-callbar a:focus-visible { outline: 3px solid #0a4e7b; outline-offset: 3px; }
}