.mobile-bottom-nav{display:none}
@media(max-width:760px){
  body[data-mobile-navigation]{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px));scroll-padding-top:120px}
  body[data-mobile-navigation] .site-header .navigation,body[data-mobile-navigation] .site-header .list-button,body[data-mobile-navigation] .enquiry-dock{display:none}
  body[data-mobile-navigation] .header-main{grid-template-columns:1fr;min-height:108px;gap:6px;padding-block:8px}
  body[data-mobile-navigation] .search-form{height:48px;gap:10px;padding:1px 3px 1px 13px}
  body[data-mobile-navigation] .search-form input{min-width:0;font-size:16px}
  .mobile-bottom-nav{position:fixed;z-index:20;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 28px);max-width:420px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--paper);box-shadow:0 5px 22px #223c2624}
  .mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:54px;padding:5px 3px;border-radius:999px;color:var(--muted);text-decoration:none;touch-action:manipulation}
  .mobile-nav-item[aria-current]{background:var(--mint);color:var(--teal-dark)}
  .mobile-nav-item:focus-visible{outline:2px solid var(--teal-dark);outline-offset:-2px}
  .mobile-nav-icon{position:relative;display:block;width:22px;height:22px}
  .mobile-nav-icon svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav-label{font-size:var(--text-mobile);line-height:1.3;font-weight:650;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .mobile-nav-count{position:absolute;top:-5px;left:16px;min-width:16px;height:16px;padding-inline:4px;border-radius:999px;display:grid;place-items:center;background:var(--teal);color:var(--paper);font:700 9px/1 Arial,sans-serif}
  body[data-mobile-navigation] .toast{bottom:calc(94px + env(safe-area-inset-bottom,0px))}
  body.mobile-keyboard-open .mobile-bottom-nav,body:has(dialog[open]) .mobile-bottom-nav{visibility:hidden;pointer-events:none}
}
@media print{.mobile-bottom-nav{display:none!important}}