/* Mobile app chrome v1.8.7 — trust-bar hide + app-tabbar ≤860px */
.app-tabbar { display: none !important; }

@media (max-width: 860px) {
  .trust-bar { display: none !important; height: 0 !important; overflow: hidden !important; padding: 0 !important; margin: 0 !important; }
  .site-header .nav { display: none !important; }
  .site-header { position: sticky; top: 0; z-index: 900; }
  body.design-d, body { padding-bottom: calc(74px + env(safe-area-inset-bottom, 0px)) !important; }
  #msr-form-cta { display: none !important; visibility: hidden !important; pointer-events: none !important; }

  .app-tabbar {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    position: fixed !important;
    left: 0 !important; right: 0 !important; bottom: 0 !important;
    z-index: 2147483000 !important;
    background: #0a2f70 !important;
    border-top: 2px solid #f5c518 !important;
    padding: 6px 4px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,.3) !important;
    margin: 0 !important;
  }
  .app-tab {
    display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
    gap: 2px; min-height: 58px; text-decoration: none !important; color: #c9d7f0 !important;
    font: 600 10px/1.15 system-ui, -apple-system, Segoe UI, sans-serif !important;
    border-radius: 12px; padding: 4px 2px;
  }
  .app-tab-icon {
    font-size: 18px; line-height: 1; width: 28px; height: 28px; display: inline-flex !important;
    align-items: center; justify-content: center; border-radius: 10px; background: rgba(255,255,255,.1);
  }
  .app-tab-call .app-tab-icon {
    background: #f5c518 !important; color: #0a2f70 !important; width: 38px; height: 38px;
    box-shadow: 0 2px 10px rgba(245,197,24,.5);
  }
  .app-tab-call span:last-child { color: #f5c518 !important; font-weight: 700 !important; }
}

@media (min-width: 861px) {
  .app-tabbar { display: none !important; }
}