.bottom-nav{grid-template-columns:1fr 1fr 76px 1fr 1fr}
.brand-bridge{position:relative;align-self:center;width:64px;height:64px;margin:0 auto;padding:11px;background:#fff;border:5px solid var(--mc-cyan);border-radius:50%;box-shadow:0 4px 13px rgba(15,67,88,.26),inset 0 0 0 1px rgba(0,127,159,.08);transform:translateY(-9px);overflow:hidden}
.brand-bridge:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(0,168,207,.1);pointer-events:none}
.brand-bridge img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(16,55,68,.08))}
@media(max-width:390px){.bottom-nav{grid-template-columns:1fr 1fr 68px 1fr 1fr}.brand-bridge{width:58px;height:58px;padding:10px;border-width:4px;transform:translateY(-7px)}}
@media(max-width:330px){.bottom-nav{grid-template-columns:1fr 1fr 60px 1fr 1fr}.brand-bridge{width:52px;height:52px;padding:9px;transform:translateY(-5px)}}
@media(orientation:landscape) and (max-height:520px){.brand-bridge{width:52px;height:52px;padding:9px;transform:translateY(-4px)}}