.p2b-bottom-nav { position: fixed; z-index: 60; left: 0; right: 0; bottom: 0; height: var(--p2b-bottom-height); padding-bottom: env(safe-area-inset-bottom); background: rgba(255,255,255,.98); border-top: 1px solid var(--p2b-border); display: grid; grid-template-columns: repeat(6,1fr); }
.p2b-bottom-nav a, .p2b-bottom-nav button { border: 0; background: transparent; color: var(--p2b-muted); display: grid; place-items: center; align-content: center; gap: 1px; padding: 4px 1px; font-size: 18px; text-decoration: none; }
.p2b-bottom-nav small { font-size: 10px; font-weight: 750; }
.p2b-bottom-nav a:hover, .p2b-bottom-nav button:hover { color: var(--p2b-blue); }
@media (min-width: 1000px) { .p2b-bottom-nav { left: 50%; transform: translateX(-50%); max-width: 720px; border: 1px solid var(--p2b-border); border-bottom: 0; border-radius: 18px 18px 0 0; } }