/* Compact, consistent mobile dock: no oversized centre button. */
@media (max-width:980px){
  .mobile-nav .mn-item .ico{width:21px!important;height:21px!important;stroke-width:1.75}
  .mobile-nav a,.mobile-nav button{font-size:8.5px!important;letter-spacing:.10em!important;line-height:1.1}
  .mobile-nav .mn-shop{flex:0 0 68px!important;padding-bottom:7px!important}
  .mobile-nav .mn-orb{
    top:-18px!important;width:48px!important;height:48px!important;
    background:
      radial-gradient(circle at 34% 16%, #48C997 0%, #16A870 36%, #0A8259 68%, #086844 100%)!important;
    color:#fff!important;border:1.5px solid rgba(255,255,255,.9)!important;
    box-shadow:
      0 0 0 4px rgba(15,138,92,.11),
      0 0 0 8px rgba(15,138,92,.05),
      0 10px 18px -8px rgba(6,59,40,.65),
      inset 0 1px 1px rgba(255,255,255,.45),
      inset 0 -6px 11px rgba(0,0,0,.16)!important;
    overflow:visible!important;
    transition:box-shadow .2s ease,transform .2s ease!important;
  }
  .mobile-nav .mn-orb::before{inset:4px!important}
  .mobile-nav .mn-orb::after{left:9px!important;top:6px!important;width:18px!important;height:8px!important}
  .mobile-nav .mn-shop-3d{
    width:24px!important;height:24px!important;
    filter:drop-shadow(0 1px 1px rgba(4,55,38,.30));
  }
  .mobile-nav .mn-shop:hover .mn-shop-3d{transform:translateY(-1px)}
  .mobile-nav .mn-shop span:last-child{
    color:#0F8A5C!important;font-size:8px!important;font-weight:900!important;
    letter-spacing:.12em!important;margin-top:0;
  }
  .mobile-nav .mn-shop.is-active .mn-orb{
    box-shadow:
      0 0 0 4px rgba(215,242,106,.24),
      0 0 0 8px rgba(15,138,92,.05),
      0 12px 20px -8px rgba(6,59,40,.7),
      inset 0 1px 1px rgba(255,255,255,.5),
      inset 0 -6px 11px rgba(0,0,0,.16)!important;
  }
}