/* Shared DoDoZo mobile primary navigation */
.mobile-primary-nav { display:none; }
@media (max-width:767px) {
  body { padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px)); }
  .mobile-bottom-nav { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
  .mobile-primary-nav {
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:9997;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:center;
    padding:8px 4px calc(8px + env(safe-area-inset-bottom, 0px));
    border:1px solid rgba(229,231,235,.92);
    border-radius:22px;
    background:rgba(255,255,255,.95);
    box-shadow:0 10px 30px rgba(17,24,39,.14);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .mobile-primary-nav__item {
    min-width:0;
    min-height:48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    border:0;
    background:transparent;
    color:#7b8190;
    font-size:12px;
    line-height:1;
    font-weight:600;
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-primary-nav__item svg { width:21px; height:21px; stroke:currentColor; }
  .mobile-primary-nav__item.is-active { color:#6c4dff; }
  .mobile-primary-nav__item.is-active .mobile-primary-nav__icon {
    background:#f0edff;
    border-radius:10px;
  }
  .mobile-primary-nav__icon { width:34px; height:30px; display:flex; align-items:center; justify-content:center; }
}