/* FUNY PIN final shared navigation — 2026-10-02 */
.portal-bottom-nav,.shops-bottom-nav{
  height:58px!important;min-height:58px!important;max-height:58px!important;
  padding:4px!important;gap:3px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  border-radius:30px!important;border:1.15px solid rgba(255,255,255,.78)!important;
  background:linear-gradient(115deg,rgba(255,255,255,.22),rgba(255,255,255,.08) 44%,rgba(216,205,244,.11))!important;
  -webkit-backdrop-filter:blur(19px) saturate(190%) brightness(1.04)!important;
  backdrop-filter:blur(19px) saturate(190%) brightness(1.04)!important;
  box-shadow:0 12px 30px rgba(34,27,49,.17),0 3px 10px rgba(34,27,49,.07),inset 0 1px 0 rgba(255,255,255,.84),inset 0 -1px 0 rgba(102,78,156,.10)!important;
}
.portal-bottom-nav:before,.shops-bottom-nav:before{background:linear-gradient(105deg,rgba(255,255,255,.24),rgba(255,255,255,.02) 42%,rgba(152,121,229,.05) 72%,rgba(255,255,255,.12))!important}
.portal-bottom-nav:after,.shops-bottom-nav:after{left:7%!important;right:7%!important;top:1px!important;height:28%!important;background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(255,255,255,.04) 62%,transparent)!important;filter:blur(5px)!important}
.portal-bottom-nav a,.shops-bottom-nav a{
  height:48px!important;min-height:48px!important;max-height:48px!important;
  padding:0!important;margin:0!important;border-radius:24px!important;gap:1px!important;border:1px solid transparent!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  color:#6f6976!important;font-size:9.5px!important;line-height:12px!important;font-weight:700!important;
  box-sizing:border-box!important;
}
.portal-bottom-nav a span,.shops-bottom-nav a span{font-size:9.5px!important;line-height:12px!important;height:12px!important}
.portal-bottom-nav a.active,.shops-bottom-nav a.active{
  color:#6547ba!important;font-weight:800!important;
  background:linear-gradient(135deg,rgba(126,92,226,.18),rgba(126,92,226,.09))!important;
  -webkit-backdrop-filter:blur(10px) saturate(165%)!important;backdrop-filter:blur(10px) saturate(165%)!important;
  border:1px solid rgba(126,92,226,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 3px 11px rgba(86,61,150,.12)!important;
}
.portal-bottom-nav a:before,.shops-bottom-nav a:before{display:none!important;content:none!important;background:none!important;-webkit-mask-image:none!important;mask-image:none!important}
.portal-bottom-nav a.active:after,.shops-bottom-nav a.active:after{display:none!important;content:none!important}
.portal-bottom-nav .nav-icon,.shops-bottom-nav .nav-icon{
  display:block!important;position:static!important;inset:auto!important;
  width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
  max-width:24px!important;max-height:24px!important;flex:0 0 24px!important;
  object-fit:contain!important;object-position:center center!important;align-self:center!important;
  margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;filter:none!important;
  transform-origin:center center!important;
}
.portal-bottom-nav a:nth-child(1) .nav-icon,.shops-bottom-nav a:nth-child(1) .nav-icon,
.portal-bottom-nav a:nth-child(2) .nav-icon,.shops-bottom-nav a:nth-child(2) .nav-icon,
.portal-bottom-nav a:nth-child(3) .nav-icon,.shops-bottom-nav a:nth-child(3) .nav-icon,
.portal-bottom-nav a:nth-child(4) .nav-icon,.shops-bottom-nav a:nth-child(4) .nav-icon,
.portal-bottom-nav a:nth-child(5) .nav-icon,.shops-bottom-nav a:nth-child(5) .nav-icon{transform:none!important}

/* PNG-only nav icon guard: remove every legacy pseudo/mask icon layer */
.portal-bottom-nav a:nth-child(1):before,.portal-bottom-nav a:nth-child(2):before,.portal-bottom-nav a:nth-child(3):before,.portal-bottom-nav a:nth-child(4):before,.portal-bottom-nav a:nth-child(5):before,.shops-bottom-nav a:nth-child(1):before,.shops-bottom-nav a:nth-child(2):before,.shops-bottom-nav a:nth-child(3):before,.shops-bottom-nav a:nth-child(4):before,.shops-bottom-nav a:nth-child(5):before{display:none!important;content:none!important;background:none!important;-webkit-mask-image:none!important;mask-image:none!important}

/* Equal 20px visible artwork within the existing 24px icon slot; source PNGs remain unchanged. */
.portal-bottom-nav a:nth-child(1) .nav-icon[data-nav-icon="home"],.shops-bottom-nav a:nth-child(1) .nav-icon[data-nav-icon="home"]{transform:translate(0.0000px,0.8333px) scale(1.367521)!important}
.portal-bottom-nav a:nth-child(2) .nav-icon[data-nav-icon="map"],.shops-bottom-nav a:nth-child(2) .nav-icon[data-nav-icon="map"]{transform:translate(0.0000px,0.0000px) scale(1.205273)!important}
.portal-bottom-nav a:nth-child(3) .nav-icon[data-nav-icon="pick"],.shops-bottom-nav a:nth-child(3) .nav-icon[data-nav-icon="pick"]{transform:translate(0.0000px,0.9554px) scale(1.358811)!important}
.portal-bottom-nav a:nth-child(4) .nav-icon[data-nav-icon="talk"],.shops-bottom-nav a:nth-child(4) .nav-icon[data-nav-icon="talk"]{transform:translate(-0.3311px,0.3311px) scale(1.412804)!important}

.portal-bottom-nav .nav-my-symbol,.shops-bottom-nav .nav-my-symbol{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;flex:0 0 24px!important;display:block!important;margin:0!important;padding:0!important;overflow:visible!important;background:url('/assets/nav-icons-final-v2/funypin_nav_my_off.png?v=20261014-my-png1') center/24px 24px no-repeat!important;transform:translateY(1px)!important}
.portal-bottom-nav .nav-my-symbol:before,.shops-bottom-nav .nav-my-symbol:before,.portal-bottom-nav .nav-my-symbol:after,.shops-bottom-nav .nav-my-symbol:after{display:none!important;content:none!important}
.portal-bottom-nav a.active .nav-my-symbol,.shops-bottom-nav a.active .nav-my-symbol{background-image:url('/assets/nav-icons-final-v2/funypin_nav_my_on.png?v=20261014-my-png1')!important;transform:translateY(1px)!important}