/* Mobile bottom navigation. Same rules as in store-demos.css, so pages that do not load that file (posts, pages) still hide it on desktop and style it on phones. */
.vm-mobile-nav,.vm-mobile-search-panel{display:none}
@media(max-width:780px){body{padding-bottom:66px}.vm-mobile-nav{position:fixed;z-index:10030;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid rgba(0,0,0,.12);box-shadow:0 -8px 30px rgba(0,0,0,.08)}.vm-mobile-nav a,.vm-mobile-nav button{min-width:0;border:0;background:transparent;text-decoration:none;text-align:center;padding:8px 3px;font:inherit;font-size:.68rem;display:grid;gap:2px;cursor:pointer}.vm-mobile-nav span{font-size:1.18rem;line-height:1}.vm-mobile-search-panel{display:block;position:fixed;z-index:10060;inset:0;background:#fff;padding:70px 20px 20px}.vm-mobile-search-panel[hidden]{display:none}.vm-mobile-search-close{position:absolute;right:18px;top:18px;border:0;background:none;font-size:32px}.vm-mobile-search-panel .velmora-ajax-search input[type=search]{width:100%;padding:14px;border:1px solid rgba(0,0,0,.18);border-radius:10px}}