/* MSR mobile app-style header + bottom tab bar (Rod, Oct 28 2026). Mobile only; desktop untouched. */
.msr-burger,.msr-drawer,.msr-tabbar{display:none}
@media (max-width: 820px){
  .site-header{position:sticky;top:0;z-index:1000;padding:8px 0;background:var(--cream,#faf9f5);box-shadow:0 1px 0 var(--line,#d9d5c8),0 6px 18px rgba(42,42,38,.06)}
  .admin-bar .site-header{top:46px}
  .site-header .header-row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;text-align:left;min-height:48px}
  .site-header .brand-logo{height:40px;max-width:200px}
  .site-header .nav,.site-header .header-cta{display:none !important}
  .msr-burger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:46px;margin:0 -4px 0 auto;padding:0;border:1px solid var(--line,#d9d5c8);background:#fff;color:var(--sage-deep,#5a6f54);border-radius:14px !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .msr-burger:focus-visible,.msr-drawer a:focus-visible,.msr-drawer button:focus-visible,.msr-tabbar a:focus-visible,.msr-tabbar button:focus-visible{outline:3px solid var(--accent,#8b9e6b);outline-offset:2px}
  .msr-burger svg{width:24px;height:24px}

  /* Drawer */
  .msr-drawer{display:block;position:fixed;inset:0;z-index:2147483600;visibility:hidden;pointer-events:none}
  .msr-drawer.is-open{visibility:visible;pointer-events:auto}
  .msr-drawer__scrim{position:absolute;inset:0;background:rgba(42,42,38,.45);opacity:0;transition:opacity .25s ease}
  .msr-drawer.is-open .msr-drawer__scrim{opacity:1}
  .msr-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,360px);background:var(--cream,#faf9f5);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:-12px 0 32px rgba(42,42,38,.18);border-radius:20px 0 0 20px !important;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(14px,env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom))}
  .msr-drawer.is-open .msr-drawer__panel{transform:none}
  .msr-drawer__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .msr-drawer__top img{height:36px;width:auto;max-width:190px;object-fit:contain}
  .msr-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line,#d9d5c8);background:#fff;color:var(--ink,#2a2a26);border-radius:14px !important;cursor:pointer;padding:0}
  .msr-drawer__close svg{width:22px;height:22px}
  .msr-drawer__nav{display:flex;flex-direction:column;gap:6px;margin:0;padding:0}
  .msr-drawer__nav a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border:1px solid var(--line,#d9d5c8);border-radius:14px !important;color:var(--ink,#2a2a26);text-decoration:none;font-weight:600;font-size:1.02rem;letter-spacing:.01em}
  .msr-drawer__nav a::after{content:"";width:8px;height:8px;border-right:2px solid var(--sage,#7a8f74);border-top:2px solid var(--sage,#7a8f74);transform:rotate(45deg);border-radius:1px !important}
  .msr-drawer__cta{display:flex;flex-direction:column;gap:10px;margin-top:18px}
  .msr-drawer__cta a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border-radius:14px !important;font-weight:700;text-decoration:none;font-size:1.02rem}
  .msr-drawer__cta .msr-req{background:var(--sage-deep,#5a6f54);color:#fff}
  .msr-drawer__cta .msr-call{background:#fff;color:var(--sage-deep,#5a6f54);border:1px solid var(--sage-deep,#5a6f54)}
  .msr-drawer__cta svg{width:20px;height:20px}
  html.msr-lock,html.msr-lock body{overflow:hidden !important;overscroll-behavior:none}

  /* Bottom tab bar */
  .msr-tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:2147483000;background:rgba(255,255,255,.97);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-top:1px solid var(--line,#d9d5c8);box-shadow:0 -6px 20px rgba(42,42,38,.08);padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0 !important}
  .msr-tabbar a,.msr-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;padding:4px 2px;margin:0;border:0;background:transparent;color:var(--sage-deep,#5a6f54);font:600 11.5px/1.1 var(--sans,system-ui,sans-serif);letter-spacing:.02em;text-decoration:none;cursor:pointer;border-radius:14px !important;-webkit-tap-highlight-color:transparent}
  .msr-tabbar a:active,.msr-tabbar button:active{background:var(--sage-soft,#e8efe4)}
  .msr-tabbar svg{width:24px;height:24px}
  .msr-tabbar .msr-tab--req .msr-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:30px;background:var(--sage-deep,#5a6f54);color:#fff;border-radius:14px !important}
  .msr-tabbar .msr-tab--req svg{width:20px;height:20px}
  .msr-tabbar .msr-tab--req{color:var(--ink,#2a2a26)}
  body.msr-has-tabbar{padding-bottom:calc(72px + env(safe-area-inset-bottom)) !important}

  /* Old Call Now bar removed on mobile; chat bubble lifted above the tab bar */
  #callnowbutton,.call-now-button{display:none !important}
  #proChatIframeContainer{bottom:calc(74px + env(safe-area-inset-bottom)) !important}
}
@media (prefers-reduced-motion: reduce){.msr-drawer__panel,.msr-drawer__scrim{transition:none}}