:root{--h5-primary:#2d5a27;--h5-secondary:#4a7c43;--h5-bg:#f5f5f5;--h5-text:#333;--h5-text-light:#666;--h5-border:#e5e5e5;--h5-white:#fff;--h5-bottom-height:56px}
@media (max-width:1023px){.navbar,.nav-container,.nav-links,.nav-toggle,.megamenu,.top-bar{display:none!important}.footer{display:none!important}body{padding-bottom:calc(56px + env(safe-area-inset-bottom,10px))}.routes-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.features-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.footer-content{display:block!important}}
.h5-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--h5-text-light);font-size:10px;padding:6px 0;-webkit-tap-highlight-color:transparent}
.h5-bottom-nav-item.active{color:var(--h5-primary)}
.h5-nav-icon{font-size:22px;line-height:1;margin-bottom:2px}
.h5-header-back{display:flex;align-items:center;color:var(--h5-text);text-decoration:none;font-size:14px}
@media (min-width:1024px){.h5-bottom-nav,.h5-header{display:none!important}body{padding-bottom:0!important}}