.app-bottom-nav{display:none}@media (width>=760px) and (width<=1023px){nav[aria-label=เมนู]{padding-bottom:calc(24px + var(--app-bottom-nav-h,0px))!important}}@media (width<=1023px){:root{--app-bottom-nav-h:60px}body{padding-bottom:calc(var(--app-bottom-nav-h) + env(safe-area-inset-bottom,0px))}body:has(.app-bottom-nav[data-fill]){padding-bottom:0}.app-bottom-nav{background:var(--ds-surface);border-top:1px solid var(--ds-line);box-shadow:0 -2px 10px var(--ds-shadow-soft);box-sizing:content-box;font-family:var(--ds-font-sans);height:var(--app-bottom-nav-h);padding-bottom:env(safe-area-inset-bottom,0px);z-index:8000;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.app-bottom-nav a{color:var(--ds-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative}.app-bottom-nav a svg{width:22px;height:22px}.app-bottom-nav a[aria-current=page]{color:var(--ds-accent-strong)}.app-bottom-nav a[aria-current=page]:before{background:var(--ds-accent);content:"";border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:28%;right:28%}.app-bottom-nav a:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-4px}.app-bottom-nav a span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}