.office-mobile-nav{display:none}@media (max-width:760px){.office-demo-mobile-nav-fix,.office-demo-mobile-nav-fix>main,.office-demo-mobile-nav-fix>main>section{box-sizing:border-box;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;min-width:0;max-width:100vw;overflow-x:clip}.office-demo-mobile-nav-fix,.office-demo-mobile-nav-fix>main{min-height:100dvh}.office-demo-mobile-nav-fix button,.office-demo-mobile-nav-fix a,.office-demo-mobile-nav-fix summary,.office-demo-mobile-nav-fix input,.office-demo-mobile-nav-fix select,.office-demo-mobile-nav-fix textarea{touch-action:manipulation}.office-demo-mobile-nav-fix>main>aside{display:none!important}.office-demo-mobile-nav-fix>main>section{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.office-demo-mobile-nav-fix>main>section>header{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.office-demo-mobile-nav-fix>main>section>header>div:last-child{min-width:0}.office-demo-mobile-nav-fix>main>section>header input[aria-label=Search\ CRM],.office-demo-mobile-nav-fix>main>section>header select{min-width:0!important;max-width:100%!important;font-size:16px!important}.office-mobile-nav{z-index:140;min-height:72px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));-moz-text-size-adjust:100%;text-size-adjust:100%;background:#102a43;border-top:1px solid #ffffff17;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:3px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #102a432e}.office-mobile-nav__item{color:#d6e2ea;cursor:pointer;min-width:0;min-height:56px;font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.office-mobile-nav__item:active,.office-mobile-nav__item:focus-visible{color:#fff;background:#ffffff1f;outline:none}.office-mobile-nav__item>span{font-size:19px;font-weight:700;line-height:1}.office-mobile-nav__item small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:inherit;font-size:10px;font-weight:700;line-height:1.1;display:block;overflow:hidden}.office-mobile-nav__more{min-width:0}.office-mobile-nav__more>summary{width:100%;list-style:none}.office-mobile-nav__more>summary::-webkit-details-marker{display:none}.office-mobile-nav__more[open]>summary{color:#fff;background:#ffffff1f}.office-mobile-nav__sheet{z-index:141;left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom));color:#18334a;background:#fff;border:1px solid #dce5eb;border-radius:18px;padding:16px;position:fixed;box-shadow:0 18px 50px #102a433d}.office-mobile-nav__sheet>strong{color:#102a43;margin:0 0 12px;font-size:14px;display:block}.office-mobile-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.office-mobile-nav__grid a,.office-mobile-nav__grid button{color:#18334a;min-height:46px;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#f8fafc;border:1px solid #e5ecf2;border-radius:11px;align-items:center;gap:8px;padding:10px 12px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.office-mobile-nav__grid a span,.office-mobile-nav__grid button span{font-size:11px;font-weight:700}}@media (max-width:520px){.office-demo-mobile-nav-fix>main>section>header{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:8px!important;height:auto!important;min-height:0!important;padding:10px 12px!important;display:grid!important}.office-demo-mobile-nav-fix>main>section>header>div:first-child{min-width:0}.office-demo-mobile-nav-fix>main>section>header>div:last-child{grid-template-columns:minmax(0,1fr) minmax(104px,128px) 38px;align-items:center;width:100%;gap:6px!important;padding-top:0!important;display:grid!important}.office-demo-mobile-nav-fix>main>section>header input[aria-label=Search\ CRM],.office-demo-mobile-nav-fix>main>section>header select{width:100%!important}.office-demo-mobile-nav-fix>main>section>header button[aria-label="Try automated enquiry"],.office-demo-mobile-nav-fix>main>section>header div:last-child>span:not(:last-child){display:none!important}.office-demo-mobile-nav-fix>main>section>header div:last-child>span:last-child{width:38px;min-width:38px;height:38px}}
.office-demo-mobile-nav-fix div[class*=drawerBackdrop]{z-index:1000!important;position:fixed!important}@media (max-width:760px){body:has(.office-demo-mobile-nav-fix div[class*=drawerBackdrop]) .office-mobile-nav{display:none!important}.office-demo-mobile-nav-fix div[class*=drawerBackdrop]{inset:0!important;background:#0f243694!important;justify-content:stretch!important;align-items:stretch!important;width:100vw!important;height:100dvh!important;inset:0!important;overflow:hidden!important}.office-demo-mobile-nav-fix div[class*=drawerBackdrop]>aside[class*=drawer]{box-sizing:border-box;overscroll-behavior:contain;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;padding:24px 18px calc(30px + env(safe-area-inset-bottom))!important;box-shadow:none!important;border-radius:0!important;margin:0!important;position:relative!important;overflow-y:auto!important}.office-demo-mobile-nav-fix div[class*=drawerBackdrop] button,.office-demo-mobile-nav-fix div[class*=drawerBackdrop] input,.office-demo-mobile-nav-fix div[class*=drawerBackdrop] select,.office-demo-mobile-nav-fix div[class*=drawerBackdrop] textarea{touch-action:manipulation}.office-demo-mobile-nav-fix div[class*=drawerBackdrop] input,.office-demo-mobile-nav-fix div[class*=drawerBackdrop] select,.office-demo-mobile-nav-fix div[class*=drawerBackdrop] textarea{font-size:16px!important}}
